:root{--ink:#111827;--muted:#6b7280;--line:#d9dee7;--paper:#f6f7f9;--white:#fff;--accent:#e95f0c;--accent-soft:#fff1e8;--green:#16825d;--green-soft:#e9f8f1;--yellow:#a15c00;--yellow-soft:#fff7df;--red:#be3030;--red-soft:#fff0f0;--navy:#0d1728;--radius:12px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--paper)}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}.topbar{height:68px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 clamp(20px,5vw,72px);gap:42px;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:760;font-size:20px;text-decoration:none;letter-spacing:-.03em}.brand>span:last-child>span{color:var(--accent)}.brand-mark{display:block;flex-shrink:0;width:34px;height:34px}.topnav{display:flex;gap:28px;flex:1}.topnav a{color:#4b5563;text-decoration:none;font-size:14px;font-weight:560}.topnav a:hover{color:var(--ink)}.button{border:1px solid transparent;border-radius:9px;padding:10px 16px;font-weight:650;cursor:pointer;transition:.18s ease}.button.primary{background:var(--navy);color:#fff}.button.primary:hover{background:#192944}.button.subtle{background:#fff;border-color:var(--line);color:var(--ink)}.button.small{padding:6px 10px;font-size:12px}.button.danger{color:var(--red);border-color:#f0caca;background:#fff}.page[hidden],.client-panel[hidden],.admin-panel[hidden]{display:none!important}.public-page{min-height:calc(100vh - 68px);padding:54px clamp(20px,5vw,72px) 90px}.catalog-intro{display:grid;grid-template-columns:minmax(400px,1.4fr) minmax(280px,.6fr);gap:64px;align-items:end;max-width:1440px;margin:auto}.eyebrow{font:700 12px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em;color:var(--accent);margin:0 0 14px}.catalog-intro h1,.docs-content h1,.status-page h1{font-size:clamp(40px,5vw,72px);line-height:.98;letter-spacing:-.055em;margin:0}.catalog-intro h1 span{color:#667085}.intro-copy{font-size:17px;line-height:1.65;color:#566173;margin:0;max-width:580px}.metrics{max-width:1440px;margin:48px auto 24px;border:1px solid var(--line);background:var(--white);display:grid;grid-template-columns:repeat(4,1fr);border-radius:var(--radius);overflow:hidden}.metrics div{padding:20px 22px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:3px}.metrics div:last-child{border-right:0}.metrics strong{font:700 28px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.metrics span{font-size:13px;color:var(--muted)}.catalog-panel,.surface{background:var(--white);border:1px solid var(--line);border-radius:var(--radius)}.catalog-panel{max-width:1440px;margin:auto;overflow:hidden}.filters{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line);gap:16px}.search{display:flex;align-items:center;gap:10px;background:var(--paper);border:1px solid transparent;border-radius:9px;padding:0 12px;min-width:min(410px,40vw)}.search:focus-within{border-color:#a9b7ca;background:#fff}.search input{height:42px;border:0;outline:0;background:transparent;width:100%;font-size:14px}.chips{display:flex;flex-wrap:wrap;gap:7px}.chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 13px;font-size:13px;color:#586171;cursor:pointer}.chip.active{background:var(--navy);border-color:var(--navy);color:#fff}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table th{text-align:left;padding:13px 16px;background:#f8fafc;border-bottom:1px solid var(--line);color:#667085;font:650 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.data-table td{padding:15px 16px;border-bottom:1px solid #eaedf2;vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fbfcfe}.model-name{font-weight:700}.subline{display:block;color:var(--muted);font-size:12px;margin-top:4px}.mono{font:500 12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;color:#364152}.price{white-space:nowrap;font-variant-numeric:tabular-nums}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.badge.free,.badge.active,.badge.completed{color:var(--green);background:var(--green-soft)}.badge.cheap,.badge.reserved,.badge.streaming{color:var(--yellow);background:var(--yellow-soft)}.badge.balanced{color:#315b9b;background:#edf3ff}.badge.flagship{color:#8144a0;background:#f7effb}.badge.disabled,.badge.failed{color:var(--red);background:var(--red-soft)}.badge.usage_pending{color:#a15c00;background:var(--yellow-soft)}.cap-list{display:flex;gap:5px;flex-wrap:wrap}.cap{font-size:11px;color:#5f6878;border:1px solid #dfe4eb;border-radius:5px;padding:3px 5px}.empty{text-align:center!important;padding:40px!important;color:var(--muted)}.docs-layout{max-width:1180px;margin:auto;display:grid;grid-template-columns:230px minmax(0,760px);gap:72px}.docs-menu{position:sticky;top:110px;align-self:start;display:flex;flex-direction:column;gap:5px}.docs-menu a{color:#596273;text-decoration:none;padding:9px 10px;border-radius:7px}.docs-menu a:hover{background:#eef1f5;color:var(--ink)}.docs-content h1{font-size:50px;margin-bottom:25px}.docs-content h2{margin:44px 0 12px;font-size:25px}.docs-content p{color:#536073;line-height:1.7;font-size:16px}.docs-content code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.docs-content pre,.surface pre{background:var(--navy);color:#dbe7f8;border-radius:10px;padding:22px;overflow:auto;line-height:1.55}.status-page{max-width:900px;margin:auto}.status-page h1{font-size:58px}.status-banner{margin-top:38px;border:1px solid #b9e2d1;background:var(--green-soft);border-radius:12px;padding:22px;display:flex;gap:14px;align-items:flex-start}.status-banner p{margin:5px 0 0;color:#42695a}.status-dot{width:10px;height:10px;margin-top:5px;background:var(--green);border-radius:50%}.auth-page{min-height:calc(100vh - 68px);display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 50% 0,#fff 0,#f4f6f9 55%)}.auth-card{width:min(440px,100%);background:#fff;border:1px solid var(--line);border-radius:16px;padding:34px}.auth-brand{margin-bottom:40px}.auth-card h1{font-size:38px;letter-spacing:-.04em;margin:0 0 25px}.auth-card form,.dialog-body{display:flex;flex-direction:column;gap:15px}.auth-card label,.dialog-body label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:650;color:#4c5667}.auth-card input,.dialog-body input,.dialog-body select,.dialog-body textarea{width:100%;padding:11px 12px;border:1px solid #cfd6df;border-radius:8px;background:#fff;outline:0}.auth-card input:focus,.dialog-body input:focus,.dialog-body select:focus,.dialog-body textarea:focus{border-color:#7d8ea7;box-shadow:0 0 0 3px #e9eef5}.auth-card>p:last-child{text-align:center;font-size:14px;color:var(--muted)}.demo-hint{background:var(--yellow-soft);border:1px solid #f2dfaa;border-radius:8px;padding:12px;font-size:12px!important;line-height:1.6;text-align:left!important}.link-button{border:0;background:none;color:var(--accent);padding:0;cursor:pointer;font-weight:650}.app-page{min-height:calc(100vh - 68px);display:grid;grid-template-columns:260px 1fr}.sidebar{background:#fff;border-right:1px solid var(--line);padding:28px 20px;display:flex;flex-direction:column;min-height:calc(100vh - 68px);position:sticky;top:68px;height:calc(100vh - 68px)}.sidebar.dark{background:var(--navy);color:#fff;border-color:#243147}.sidebar h2{font-size:18px;margin:0 0 28px}.sidebar nav{display:flex;flex-direction:column;gap:4px}.side-link{display:block;width:100%;text-align:left;padding:10px 12px;border:0;border-radius:7px;background:transparent;color:#566173;text-decoration:none;font-weight:570;cursor:pointer}.side-link:hover,.side-link.active{background:#eef2f6;color:var(--ink)}.dark .side-link{color:#a9b5c7}.dark .side-link:hover,.dark .side-link.active{background:#1b2a40;color:#fff}.sidebar-footer{margin-top:auto;padding:14px 12px 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:8px;font-size:12px;overflow-wrap:anywhere}.dark .sidebar-footer{border-color:#2a3850}.workspace{padding:36px clamp(24px,4vw,58px) 70px;min-width:0}.workspace-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.workspace-head h1{font-size:34px;margin:0;letter-spacing:-.035em}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:16px}.stat{background:#fff;border:1px solid var(--line);border-radius:11px;padding:18px}.stat span{font-size:12px;color:var(--muted);display:block;margin-bottom:12px}.stat strong{font:700 27px/1.1 ui-monospace,SFMono-Regular,Menlo,monospace}.split-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:16px}.surface{padding:20px;min-width:0}.surface h2{font-size:17px;margin:0 0 16px}.surface p,.surface li{color:#5a6576;line-height:1.6}.surface ul{padding-left:20px}.section-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:15px}.section-head h2{margin:0}.section-head a{font-size:13px;color:var(--accent);text-decoration:none}.notice{background:var(--yellow-soft);border:1px solid #ecd79b;border-radius:10px;padding:15px 18px;margin-bottom:14px;font-size:13px;color:#6f5318}.muted{color:var(--muted);font-weight:400}.row-actions{display:flex;gap:6px;white-space:nowrap}.positive{color:var(--green)}.negative{color:var(--red)}dialog{border:1px solid var(--line);border-radius:14px;padding:0;width:min(540px,calc(100vw - 28px));max-height:90vh;color:var(--ink)}dialog::backdrop{background:rgba(8,15,28,.58);backdrop-filter:blur(3px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:18px 22px}.dialog-head h2{margin:0;font-size:19px}.dialog-head button{border:0;background:none;font-size:24px;cursor:pointer}.dialog-body{padding:22px;overflow:auto}.wide-form{max-height:72vh}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.checkbox-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.checkbox-grid label{flex-direction:row;align-items:center}.checkbox-grid input{width:auto}.secret-box{background:#f3f5f8;border:1px solid var(--line);border-radius:9px;padding:12px;display:flex;align-items:center;gap:10px}.secret-box code{overflow-wrap:anywhere;flex:1}fieldset{border:1px solid var(--line);border-radius:9px;padding:13px}legend{font-size:12px;font-weight:650;color:#5b6575}.toast{position:fixed;right:22px;bottom:22px;background:var(--navy);color:#fff;padding:13px 17px;border-radius:9px;max-width:360px;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s;z-index:50;font-size:14px}.toast.show{opacity:1;transform:translateY(0)}
@media(max-width:1000px){.catalog-intro{grid-template-columns:1fr;gap:25px}.metrics{grid-template-columns:1fr 1fr}.metrics div:nth-child(2){border-right:0}.metrics div:nth-child(-n+2){border-bottom:1px solid var(--line)}.filters{align-items:stretch;flex-direction:column}.search{min-width:100%}.app-page{grid-template-columns:210px 1fr}.stat-grid{grid-template-columns:1fr 1fr}.split-grid{grid-template-columns:1fr}.docs-layout{grid-template-columns:1fr}.docs-menu{position:static;flex-direction:row;overflow:auto}.catalog-table th:nth-child(7),.catalog-table td:nth-child(7){display:none}}
@media(max-width:720px){.topbar{padding:0 16px;gap:15px}.topnav{display:none}.topbar .button{margin-left:auto}.public-page{padding:36px 16px 70px}.catalog-intro h1{font-size:42px}.metrics{margin-top:30px}.metrics div{padding:16px}.catalog-table th:nth-child(3),.catalog-table td:nth-child(3),.catalog-table th:nth-child(6),.catalog-table td:nth-child(6){display:none}.app-page{display:block}.sidebar{position:static;height:auto;min-height:auto;padding:16px}.sidebar>div:first-child{display:none}.sidebar nav{flex-direction:row;overflow:auto}.side-link{width:auto;white-space:nowrap}.sidebar-footer{display:flex;align-items:center;justify-content:space-between;padding-top:14px;margin-top:12px}.workspace{padding:24px 16px 60px}.workspace-head{align-items:flex-start}.workspace-head h1{font-size:28px}.stat-grid{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.docs-content h1,.status-page h1{font-size:40px}.checkbox-grid{grid-template-columns:1fr}}

.catalog-panel>.filters:nth-child(2){flex-direction:column;align-items:flex-start}
.catalog-table td:first-child{min-width:230px;max-width:360px}
.catalog-table .subline{white-space:normal;overflow-wrap:anywhere}
.catalog-table code{overflow-wrap:anywhere;white-space:normal}
.client-panel>.surface+.surface{margin-top:18px}
.docs-content h2{scroll-margin-top:90px}
details summary{cursor:pointer;font-size:12px;color:var(--accent);margin-top:8px}
details pre{max-width:360px;white-space:pre-wrap;overflow-wrap:anywhere}
.catalog-facets{padding:20px;display:grid;grid-template-columns:90px 1fr;gap:18px 12px;border-bottom:1px solid var(--line)}
.facet-label{font-size:12px;font-weight:700;color:var(--muted);padding-top:10px}
.chip span{opacity:.65;font-size:11px;margin-left:4px}
.catalog-results{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:15px 20px;font-size:13px}
.catalog-results label{display:flex;align-items:center;gap:7px;margin:0;font-size:12px}
.catalog-results input{width:auto}
.catalog-results button{margin-left:auto}
.catalog-sort{margin:0;display:flex;gap:10px;align-items:center;font-size:12px;white-space:nowrap}
.catalog-sort select{width:auto;font-size:13px}
.catalog-caption{margin:0;padding:0 20px 16px;font-size:12px;color:var(--muted)}
.free-filter{border-color:#9bd5bf;background:var(--green-soft);color:var(--green);font-weight:700}.free-filter.active{background:var(--green);border-color:var(--green);color:#fff}.free-models-note{margin:0 20px 16px;padding:14px 16px;border:1px solid #b9e2d1;border-radius:10px;background:var(--green-soft);color:#365e50;font-size:13px;line-height:1.5;display:flex;gap:6px;flex-direction:column}.free-models-note[hidden]{display:none!important}.free-models-note strong{color:var(--green)}
.pricing-reviews{margin-top:16px}
.model-task-tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:8px}
.model-details p{font-size:12px;line-height:1.6;color:var(--muted);max-width:380px}
.model-details a{color:var(--accent);font-size:12px}
.catalog-table td:first-child{width:34%;min-width:245px}
@media(max-width:720px){.catalog-facets{grid-template-columns:1fr;gap:10px;padding:14px}.facet-label{padding-top:8px}.catalog-results{gap:12px;padding:14px}.catalog-results button{margin-left:0}}
@media(max-width:440px){.metrics,.stat-grid{grid-template-columns:1fr}.metrics div{border-right:0;border-bottom:1px solid var(--line)}.workspace-head{flex-direction:column}.workspace-head .button{width:100%}}
@media(max-width:1000px){.catalog-table th:nth-child(2),.catalog-table td:nth-child(2){display:none}}
.yandex-button{display:block;text-align:center;text-decoration:none;background:#fc3f1d;color:#fff;margin-bottom:17px}.yandex-button:hover{background:#df3215}.yandex-button[hidden],.auth-divider[hidden]{display:none}.auth-divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px;margin-bottom:17px}.auth-divider::before,.auth-divider::after{content:"";height:1px;background:var(--line);flex:1}
.yandex-button[aria-disabled="true"]{opacity:.52;cursor:not-allowed}.legal-checks{display:flex;flex-direction:column;gap:10px;padding:13px;border:1px solid var(--line);border-radius:9px;background:#f8fafc}.legal-checks label{display:grid!important;grid-template-columns:18px 1fr;align-items:start;gap:9px!important;font-size:12px!important;line-height:1.45;font-weight:500!important;color:#596477!important}.legal-checks input{width:16px!important;height:16px;margin:1px 0 0}.legal-checks a{color:var(--accent)}.oauth-legal{margin-bottom:13px}.site-footer{border-top:1px solid var(--line);background:#fff;padding:25px clamp(16px,4vw,58px);display:flex;justify-content:space-between;align-items:flex-start;gap:25px;color:#667085;font-size:12px;line-height:1.6}.site-footer>div{display:flex;flex-direction:column;gap:4px}.site-footer strong{color:var(--ink);font-size:14px}.site-footer nav{display:flex;justify-content:flex-end;gap:10px 18px;flex-wrap:wrap}.site-footer a{color:#556174;text-decoration:none}.site-footer a:hover{color:var(--accent)}@media(max-width:720px){.site-footer{flex-direction:column}.site-footer nav{justify-content:flex-start}}

/* AI chat */
.topnav a.active{color:var(--ink)}.nav-chat{display:inline-flex;align-items:center;gap:7px;color:var(--ink)!important;font-weight:700!important}.nav-chat::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
.chat-page{height:calc(100vh - 68px);min-height:560px;display:grid;grid-template-columns:280px minmax(0,1fr);background:#fff;position:relative;overflow:hidden}.chat-page[hidden]{display:none!important}.chat-rail{border-right:1px solid #e2e6ec;background:#f7f8fa;padding:18px 14px 14px;display:flex;flex-direction:column;min-width:0;z-index:13}.chat-rail-head{display:flex;align-items:center;justify-content:space-between;padding:2px 5px 15px}.chat-rail-head strong{font-size:15px}.icon-button{width:36px;height:36px;border:1px solid transparent;border-radius:9px;background:transparent;color:#495466;display:inline-grid;place-items:center;cursor:pointer;font-size:20px}.icon-button:hover{background:#eceff3;color:var(--ink)}#closeChatRail{display:none}.new-chat-button{width:100%;border:0;border-radius:10px;background:var(--navy);color:#fff;padding:11px 13px;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;cursor:pointer}.new-chat-button span{font-size:20px;font-weight:400;line-height:1}.new-chat-button:hover{background:#192944}.chat-search{margin:12px 0 9px;height:38px;display:flex;align-items:center;gap:8px;border:1px solid transparent;border-radius:8px;padding:0 10px;color:#7a8493}.chat-search:focus-within{background:#fff;border-color:#cbd3de}.chat-search input{width:100%;border:0;outline:0;background:transparent;font-size:13px;color:var(--ink)}.chat-history{display:flex;flex-direction:column;gap:3px;min-height:100px;overflow-y:auto}.history-group{padding:12px 9px 5px;color:#8a93a1;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.history-item{width:100%;border:0;border-radius:8px;background:transparent;padding:9px 10px;text-align:left;cursor:pointer;color:#364152;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-item:hover,.history-item.active{background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(17,24,39,.05)}.chat-empty-history{padding:22px 10px;color:var(--muted);font-size:13px;line-height:1.5}.chat-rail-bottom{margin-top:auto;border-top:1px solid #dfe4ea;padding-top:10px;display:flex;flex-direction:column;gap:3px}.rail-action{display:flex;align-items:center;gap:11px;border:0;border-radius:9px;background:transparent;color:#354052;text-decoration:none;padding:10px;cursor:pointer;text-align:left}.rail-action:hover{background:#fff}.rail-action>span:first-child{font-size:20px;width:22px;text-align:center;color:#6d7786}.rail-action>span:last-child{display:flex;flex-direction:column;gap:2px}.rail-action strong{font-size:13px}.rail-action small{font-size:11px;color:#8a93a1}.chat-shell{min-width:0;display:grid;grid-template-rows:66px minmax(0,1fr);background:linear-gradient(180deg,#fff 0,#fbfcfe 100%)}.chat-head{height:66px;padding:0 24px;border-bottom:1px solid #edf0f3;display:flex;align-items:center;justify-content:space-between;gap:16px}.chat-head-left,.chat-account{display:flex;align-items:center;gap:12px;min-width:0}.model-picker-wrap{display:flex;align-items:center;gap:9px;min-width:0}.model-picker-wrap label{font-size:12px;color:var(--muted);font-weight:650}.model-picker-wrap select{appearance:none;max-width:320px;min-width:210px;border:1px solid #d5dbe4;border-radius:9px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center;padding:9px 32px 9px 11px;font-weight:680;font-size:13px;outline:0;text-overflow:ellipsis}.model-picker-wrap select:focus{border-color:#7d8ea7;box-shadow:0 0 0 3px #eef2f7}.free-access-pill{border:1px solid #b9e2d1;background:var(--green-soft);color:#14704f;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:700;white-space:nowrap}.chat-account{font-size:12px;color:var(--muted);white-space:nowrap}.chat-stage{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;position:relative}.chat-messages{width:min(820px,100%);margin:0 auto;padding:44px 28px 28px;overflow-y:auto;scroll-behavior:smooth}.chat-welcome{min-height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 0 10vh}.welcome-mark{width:54px;height:54px;border-radius:16px;background:var(--navy);color:#fff;display:grid;place-items:center;font:800 21px/1 ui-monospace,SFMono-Regular,Menlo,monospace;box-shadow:0 10px 30px rgba(13,23,40,.18);margin-bottom:22px}.chat-welcome h1{margin:0;font-size:clamp(29px,4vw,42px);letter-spacing:-.045em}.chat-welcome>p{max-width:520px;color:#697486;line-height:1.55;margin:12px 0 26px}.prompt-suggestions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px}.prompt-chip{border:1px solid #dfe4eb;background:#fff;border-radius:12px;padding:14px 15px;text-align:left;color:#344054;cursor:pointer;font-size:13px;line-height:1.45;box-shadow:0 1px 2px rgba(17,24,39,.03)}.prompt-chip:hover{border-color:#aeb9c8;transform:translateY(-1px)}.message-row{display:grid;grid-template-columns:34px minmax(0,1fr);gap:13px;margin-bottom:28px}.message-avatar{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#eef1f5;color:#455164;font-size:12px;font-weight:800}.message-row.assistant .message-avatar{background:var(--navy);color:#fff}.message-content{min-width:0;font-size:16px;line-height:1.68;color:#293446;white-space:pre-wrap;overflow-wrap:anywhere}.message-content .message-meta{display:flex;gap:9px;align-items:center;margin-top:8px;font-size:11px;color:#8a93a1}.typing-dots{display:flex;gap:4px;padding:8px 0}.typing-dots i{display:block;width:6px;height:6px;background:#9aa3af;border-radius:50%;animation:chatPulse 1.2s infinite}.typing-dots i:nth-child(2){animation-delay:.15s}.typing-dots i:nth-child(3){animation-delay:.3s}@keyframes chatPulse{0%,70%,100%{opacity:.3;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}.chat-composer-wrap{width:min(860px,100%);margin:0 auto;padding:12px 20px 20px;background:linear-gradient(180deg,rgba(251,252,254,0),#fbfcfe 18%)}.chat-composer{border:1px solid #cfd6df;background:#fff;border-radius:16px;padding:12px 12px 10px;box-shadow:0 8px 28px rgba(19,31,50,.08)}.chat-composer:focus-within{border-color:#96a3b5;box-shadow:0 8px 28px rgba(19,31,50,.1),0 0 0 3px #eef2f6}.chat-composer textarea{display:block;width:100%;min-height:32px;max-height:180px;resize:none;border:0;outline:0;background:transparent;padding:2px 3px 8px;color:var(--ink);font-size:16px;line-height:1.5}.composer-actions{display:flex;align-items:center;justify-content:space-between}.composer-actions>div{display:flex;align-items:center;gap:8px}.attach-button{border-color:#e0e5eb;width:32px;height:32px}.composer-model-hint{font-size:11px;color:#8a93a1;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.send-button{width:34px;height:34px;border:0;border-radius:10px;background:var(--accent);color:#fff;font-size:20px;cursor:pointer;display:grid;place-items:center}.send-button:hover{background:#ce4d00}.send-button:disabled{background:#cfd4dc;cursor:not-allowed}.chat-disclaimer{text-align:center;color:#98a1ae;font-size:11px;margin:8px 0 0}.media-drawer{position:absolute;z-index:16;right:0;top:0;height:100%;width:min(390px,92vw);background:#fff;border-left:1px solid var(--line);box-shadow:-18px 0 50px rgba(11,22,39,.13);padding:24px;overflow:auto}.media-drawer[hidden]{display:none}.media-drawer-head{display:flex;justify-content:space-between;align-items:flex-start}.media-drawer-head h2{font-size:26px;margin:0}.media-drawer .muted{font-size:13px;line-height:1.55}.media-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.media-item{aspect-ratio:1;border:1px solid #dfe4eb;background:#f7f8fa;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;position:relative}.media-item img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.media-item-icon{margin:auto;font-size:28px;color:#758092}.media-item span:last-child{position:relative;background:linear-gradient(transparent,rgba(7,14,25,.78));color:#fff;padding:30px 9px 8px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-empty{grid-column:1/-1;border:1px dashed #cfd6df;border-radius:12px;padding:38px 18px;text-align:center;color:var(--muted);font-size:13px;line-height:1.5}.chat-scrim{position:absolute;inset:0;background:rgba(10,18,31,.4);z-index:12}.chat-scrim[hidden]{display:none}.mobile-only{display:none}
@media(max-width:920px){.chat-page{grid-template-columns:1fr}.chat-rail{position:absolute;left:0;top:0;width:min(300px,88vw);height:100%;box-shadow:18px 0 50px rgba(11,22,39,.16);transform:translateX(-105%);transition:transform .2s ease}.chat-page.rail-open .chat-rail{transform:translateX(0)}#closeChatRail,.mobile-only{display:inline-grid}.chat-head{padding:0 16px}.free-access-pill{display:none}}
@media(max-width:620px){.chat-page{height:calc(100dvh - 68px);min-height:480px}.chat-head{height:62px}.chat-shell{grid-template-rows:62px minmax(0,1fr)}.model-picker-wrap label,.chat-account span,.chat-account .button{display:none}.model-picker-wrap select{min-width:0;width:min(56vw,260px)}.chat-messages{padding:26px 17px 18px}.chat-welcome{justify-content:flex-start;padding-top:9vh}.chat-welcome h1{font-size:30px}.chat-welcome>p{font-size:14px}.prompt-suggestions{grid-template-columns:1fr}.prompt-chip:nth-child(n+3){display:none}.chat-composer-wrap{padding:8px 10px 12px}.composer-model-hint{max-width:45vw}.message-row{grid-template-columns:30px minmax(0,1fr);gap:10px}.message-avatar{width:30px;height:30px}.message-content{font-size:15px}.chat-disclaimer{display:none}}