.model-selector{flex:0 auto;width:max-content;min-width:0;max-width:min(100%,380px)}.model-selector-trigger{border:1px solid var(--border);background:var(--panel);width:100%;min-height:62px;color:var(--text);text-align:left;cursor:pointer;border-radius:18px;align-items:center;gap:12px;padding:5px 14px 5px 5px;transition:background .15s,border-color .15s;display:flex}.model-selector-trigger:hover{background:var(--panel-2);border-color:var(--border-hover)}.model-selector-logo{background:var(--panel-2);border-radius:14px;flex-shrink:0;place-items:center;width:50px;height:50px;display:grid}.model-selector-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.model-selector-copy>span{color:var(--muted);font-size:12px;line-height:18px}.model-selector-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:650;line-height:21px;overflow:hidden}.model-selector-trigger>svg{color:var(--faint);flex-shrink:0}.model-selector-trigger:disabled{opacity:.5;cursor:not-allowed}.model-selector.is-compact{width:max-content;max-width:100%}.model-selector.is-compact .model-selector-trigger{border-radius:16px;gap:10px;min-height:52px;padding:4px 12px 4px 4px}.model-selector.is-compact .model-selector-logo{border-radius:12px;width:42px;height:42px}.model-selector.is-compact .model-selector-copy strong{font-size:13px;line-height:17px}.model-selector.is-compact .model-selector-copy>span{font-size:10px;line-height:13px}.model-browser{--model-selected:var(--lightningcss-light,#e5e7ea)var(--lightningcss-dark,#32373d);--model-highlight:var(--lightningcss-light,#a33984)var(--lightningcss-dark,#e887d4);border:1px solid var(--border);background:var(--panel);width:min(1000px,100vw - 40px);max-width:none;max-height:min(920px,100dvh - 56px);color:var(--text);font-family:var(--font-geist-sans), sans-serif;border-radius:25px;margin:auto;padding:0;font-size:14px;position:fixed;inset:0;overflow:hidden;box-shadow:0 30px 100px #0008}.model-browser[open]{flex-direction:column;animation:.16s ease-out model-browser-enter;display:flex}.model-browser::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009}.model-browser *,.model-browser :before,.model-selector *{box-sizing:border-box}.model-browser button,.model-browser select,.model-browser input{font:inherit}.model-browser button{cursor:pointer}.model-browser :is(button,input,select):focus-visible,.model-selector-trigger:focus-visible{outline:2px solid var(--model-highlight,var(--text));outline-offset:3px}.model-browser-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px 14px;display:flex}.model-browser-header h2{outline:none;margin:0;font-size:20px;font-weight:650;line-height:28px}.model-browser-header button{width:34px;height:34px;color:var(--muted);background:0 0;border:0;border-radius:10px;place-items:center;display:grid}.model-browser-header button:hover{background:var(--panel-3);color:var(--text)}.model-browser-content{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border) transparent;padding:0 12px 12px;overflow-y:auto}.model-browser-recommended{background:var(--bg);border-radius:20px;margin-bottom:10px;padding:18px 8px 10px;position:relative}.model-browser-recommended h3{color:var(--muted);margin:0 8px 14px;font-size:13px;font-weight:400;line-height:18px}.model-browser-rail{scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;padding:2px;display:flex;overflow-x:auto}.model-browser-rail::-webkit-scrollbar{display:none}.model-browser-hero{aspect-ratio:1.92;border:1px solid var(--border);background:var(--panel-2);text-align:left;scroll-snap-align:start;isolation:isolate;border-radius:14px;flex:0 0 39%;min-width:245px;display:block;position:relative;overflow:hidden}.model-browser-hero:after{content:"";pointer-events:none;z-index:-1;background:linear-gradient(#0000 20%,#0003 45%,#000d);position:absolute;inset:0}.model-browser-hero[aria-pressed=true]{outline:2px solid var(--model-highlight);outline-offset:-1px}.model-browser-hero img{object-fit:cover;z-index:-2;width:100%;height:100%;transition:transform .25s;position:absolute;inset:0}.model-browser-hero:hover img{transform:scale(1.035)}.model-browser-hero-art{background:radial-gradient(ellipse at top right, #476a7870, transparent), var(--panel-2);z-index:-2;place-items:center;display:grid;position:absolute;inset:0}.model-browser-hero-copy{color:#fff;gap:5px;display:grid;position:absolute;bottom:15px;left:15px;right:12px}.model-browser-hero-copy strong{letter-spacing:-.6px;font-size:clamp(19px,2.1vw,24px);font-weight:700;line-height:1.1}.model-browser-hero-copy>span{color:#fffc;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;font-weight:500;line-height:17px;display:-webkit-box;overflow:hidden}.model-browser-hero-check{background:var(--model-highlight);color:#171717;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:10px;right:10px}.model-browser-rail-arrow{color:#111;background:#fff;border:0;border-radius:50%;place-items:center;width:39px;height:39px;display:grid;position:absolute;top:56%;right:16px;box-shadow:0 4px 20px #0005}.model-browser-rail-arrow.is-previous{left:16px;right:auto}.model-browser-catalog{background:var(--bg);border-radius:20px;padding:8px}.model-browser-filters{background:var(--bg);z-index:2;justify-content:space-between;align-items:center;gap:10px;padding:10px 6px 16px;display:flex;position:sticky;top:0}.model-browser-all{white-space:nowrap;background:var(--text);color:var(--bg);border:0;border-radius:24px;padding:11px 16px;font-size:12px!important;font-weight:550!important}.model-browser-filter-controls{align-items:center;gap:14px;min-width:0;display:flex}.model-browser-select{color:var(--muted);align-items:center;font-size:12px;display:flex;position:relative}.model-browser-select select{appearance:none;min-width:0;max-width:170px;color:inherit;cursor:pointer;background:0 0;border:0;padding:8px 22px 8px 0}.model-browser-select select option{background:var(--panel);color:var(--text)}.model-browser-select>svg{pointer-events:none;position:absolute;right:0}.model-browser-search{color:var(--muted);align-items:center;gap:6px;display:flex}.model-browser-search input{width:82px;min-width:0;color:var(--text);background:0 0;border:0;padding:8px 0;font-size:12px;transition:width .18s}.model-browser-search input:focus{width:145px}.model-browser-search input::placeholder{color:var(--muted);opacity:1}.model-browser-list{gap:4px;display:grid}.model-browser-provider-group{gap:4px;min-width:0;display:grid}.model-browser-provider-group+.model-browser-provider-group{margin-top:12px}.model-browser-provider-heading{color:var(--muted);align-items:center;gap:8px;margin:6px 10px 8px;font-size:12px;font-weight:550;line-height:18px;display:flex}.model-browser-provider-heading span{color:var(--faint);font-size:11px;font-weight:400}.model-browser-row{background:var(--panel);width:100%;min-height:76px;color:var(--text);text-align:left;border:1px solid #0000;border-radius:16px;align-items:center;gap:14px;padding:9px 10px;transition:background .12s;display:flex}.model-browser-row:hover{background:var(--panel-2)}.model-browser-row[aria-pressed=true]{background:var(--model-selected)}.model-browser-logo{background:var(--panel-2);border-radius:15px;flex-shrink:0;place-items:center;width:54px;height:54px;display:grid}.model-browser-row[aria-pressed=true] .model-browser-logo{background:var(--lightningcss-light,#d2d5d9)var(--lightningcss-dark,#41474e)}.model-browser-copy{flex:1;gap:4px;min-width:0;display:grid}.model-browser-name{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.model-browser-name strong{font-size:13px;font-weight:650;line-height:18px}.model-browser-description{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:17px;display:-webkit-box;overflow:hidden}.model-browser-badge{color:var(--lightningcss-light,#167341)var(--lightningcss-dark,#43cf91);background:var(--lightningcss-light,#d9eee3)var(--lightningcss-dark,#113d2e);border-radius:4px;padding:2px 6px;font-size:10px;font-weight:550;line-height:14px;display:inline-block}.model-browser-features{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px;max-width:47%;display:flex}.model-browser-feature{background:var(--panel-2);color:var(--muted);white-space:nowrap;border-radius:5px;align-items:center;gap:4px;padding:3px 5px;font-size:11px;line-height:15px;display:inline-flex}.model-browser-count{color:var(--faint);margin:12px 6px 4px;font-size:11px}.model-browser-empty{color:var(--muted);text-align:center;justify-items:center;gap:10px;padding:40px 16px;display:grid}.model-browser-empty p{margin:0}.model-browser-empty button{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:8px 14px}.model-browser-tabs{gap:6px;padding:0 24px 12px;display:flex}.model-browser-tabs button{color:var(--muted);background:0 0;border:0;border-radius:20px;padding:7px 17px}.model-browser-tabs button[aria-pressed=true]{background:var(--panel-3);color:var(--text)}@keyframes model-browser-enter{0%{opacity:0;transform:translateY(8px)scale(.99)}to{opacity:1;transform:none}}@media (max-width:700px){.model-browser{border-radius:20px;width:calc(100vw - 16px);max-height:calc(100dvh - 24px)}.model-browser-header{padding:14px 16px 10px}.model-browser-content{padding:0 6px 6px}.model-browser-hero{flex-basis:78%;min-width:215px}.model-browser-filters{flex-wrap:wrap;padding-bottom:12px}.model-browser-filter-controls{flex-wrap:wrap;gap:8px 14px;width:100%}.model-browser-select{font-size:11px}.model-browser-select select{max-width:140px}.model-browser-search{flex:1;min-width:80px}.model-browser-search input,.model-browser-search input:focus{width:100%}.model-browser-row{flex-wrap:wrap;gap:6px 11px;padding:10px}.model-browser-logo{border-radius:12px;width:45px;height:45px}.model-browser-features{justify-content:flex-start;width:100%;max-width:none;padding-left:56px}.model-browser-description{-webkit-line-clamp:2}}@media (prefers-reduced-motion:reduce){.model-browser[open]{animation:none}.model-browser *,.model-selector *{transition:none!important}}.model-browser-local{border:1px solid var(--border);border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px;padding:10px 14px;font-size:12px;display:flex}.model-browser-local small{color:var(--muted);margin-left:8px;font-size:11px}.model-browser-local>div{flex-wrap:wrap;gap:6px;margin-left:auto;display:flex}.model-browser-local button{border:1px solid var(--border);border-radius:7px;align-items:center;gap:4px;padding:6px 10px;display:flex}.model-browser-local button[aria-pressed=true]{background:var(--text);color:var(--bg)}
