: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)}
#onboardingDialog{position:fixed;margin:0;border:0;background:transparent;padding:0;width:min(348px,calc(100vw - 24px));max-height:none;overflow:visible}#onboardingDialog::backdrop{background:rgba(8,15,28,.38);backdrop-filter:none}#onboardingDialog .dialog-card{position:relative;background:#fff;border:1px solid #d8dee8;border-radius:14px;padding:20px;box-shadow:0 18px 48px rgba(5,13,27,.28)}#onboardingDialog .dialog-card::before{content:"";position:absolute;width:16px;height:16px;background:#fff;transform:rotate(45deg);z-index:-1}#onboardingDialog[data-onboarding-side="bottom"] .dialog-card::before{top:-9px;left:calc(var(--onboarding-arrow-offset) - 8px);border-left:1px solid #d8dee8;border-top:1px solid #d8dee8}#onboardingDialog[data-onboarding-side="top"] .dialog-card::before{bottom:-9px;left:calc(var(--onboarding-arrow-offset) - 8px);border-right:1px solid #d8dee8;border-bottom:1px solid #d8dee8}#onboardingDialog[data-onboarding-side="right"] .dialog-card::before{left:-9px;top:calc(var(--onboarding-arrow-offset) - 8px);border-left:1px solid #d8dee8;border-bottom:1px solid #d8dee8}#onboardingDialog[data-onboarding-side="left"] .dialog-card::before{right:-9px;top:calc(var(--onboarding-arrow-offset) - 8px);border-right:1px solid #d8dee8;border-top:1px solid #d8dee8}#onboardingDialog h2{font-size:22px;letter-spacing:-.025em;margin:0 28px 9px 0}#onboardingDialog .muted{font-size:14px;line-height:1.55;margin:0}#onboardingDialog .dialog-actions{margin-top:18px}
@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}}
.password-field{display:block;position:relative}.password-field input{padding-right:46px}.password-toggle{position:absolute;right:5px;top:50%;width:34px;height:34px;transform:translateY(-50%);display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:#596579;cursor:pointer}.password-toggle:hover{background:#eef2f6;color:var(--ink)}.password-toggle:focus-visible{outline:2px solid #7d8ea7;outline-offset:1px}.password-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.password-toggle-slash{display:none}.password-toggle[aria-pressed="true"] .password-toggle-slash{display:block}

.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}
.catalog-table th:last-child,.catalog-table td:last-child{position:sticky;right:0;background:#fff;min-width:150px;box-shadow:-8px 0 16px -16px #17243b}
.catalog-table tr:hover td:last-child{background:#fbfcfe}
.catalog-choose{white-space:nowrap}
.api-model-name{font-size:18px;font-weight:700;margin:0}
#apiModelDialog{width:min(680px,calc(100vw - 28px))}
#apiModelDialog .secret-box input{min-width:0;flex:1}
.api-model-example{margin:0;max-height:260px;overflow:auto;padding:16px;border-radius:9px;background:var(--navy);color:#dbe7f8;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}
#apiModelDialog .dialog-body>a{color:var(--accent);font-size:13px}
.admin-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:0 0 10px}.admin-filters label{display:flex;flex:1 1 150px;min-width:140px;flex-direction:column;gap:6px;color:#566173;font-size:12px;font-weight:650}.admin-filters label:first-child{flex:2 1 240px}.admin-filters input,.admin-filters select{width:100%;min-height:38px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);padding:7px 10px}.admin-filters input:focus,.admin-filters select:focus{outline:2px solid #cbd8e8;outline-offset:1px}.filter-count{font-size:12px;margin:0 0 12px}#adminPrimaryAction{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}#bulkRouteDialog .dialog-body{display:flex;flex-direction:column;gap:14px}#bulkRouteDialog .dialog-body>p{font-size:12px;line-height:1.5;margin:0}
.model-enable-toggle{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:12px;font-weight:700;white-space:nowrap}.model-enable-toggle input{width:18px;height:18px;margin:0;accent-color:#14704f;cursor:pointer}.model-enable-toggle input:disabled{cursor:wait;opacity:.55}.model-enable-toggle:has(input:not(:checked)) span{color:var(--muted)}
#modelReviewDialog .checkbox-line{flex-direction:row;align-items:flex-start;gap:10px;line-height:1.5}#modelReviewDialog .checkbox-line input{width:auto;flex:none;margin:3px 0 0}#modelReviewDialog .row-actions{flex-wrap:wrap}
.zdr-overview{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:14px;border-color:#b9e2d1;background:#f4fbf7}.zdr-overview[hidden]{display:none}.zdr-overview h2{margin:0 0 6px}.zdr-overview p{margin:0 0 8px;max-width:800px;font-size:13px}.zdr-overview .button{flex:none}@media(max-width:720px){.zdr-overview{align-items:stretch;flex-direction:column}}
.dashboard-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.dashboard-toolbar h2{margin:0 0 5px;font-size:20px}.dashboard-toolbar p{margin:0;font-size:13px}.period-switch{display:inline-flex;padding:3px;border:1px solid var(--line);border-radius:10px;background:#fff}.period-switch button{border:0;border-radius:7px;background:transparent;padding:8px 12px;color:#667085;font-size:12px;font-weight:700;cursor:pointer}.period-switch button:hover{color:var(--ink);background:#f3f5f8}.period-switch button.active{background:var(--navy);color:#fff}.dashboard-stats{grid-template-columns:repeat(6,minmax(0,1fr))}.dashboard-stat{min-width:0}.dashboard-stat strong{font-size:clamp(20px,2vw,27px);overflow-wrap:anywhere}.dashboard-stat small{display:block;margin-top:8px;color:var(--muted);font-size:11px;line-height:1.4}.dashboard-stat.positive{border-color:#a9ddc8;background:linear-gradient(145deg,#fff,#f1fbf6)}.dashboard-stat.negative{border-color:#efb9b9;background:linear-gradient(145deg,#fff,#fff5f5)}.dashboard-chart-card,.dashboard-models{margin-top:16px}.chart-legend{display:flex;flex-wrap:wrap;gap:13px;color:#667085;font-size:11px}.chart-legend span::before{content:"";display:inline-block;width:18px;height:3px;margin:0 6px 3px 0;border-radius:2px;background:currentColor}.chart-legend .revenue{color:#245fac}.chart-legend .cost{color:#e95f0c}.chart-legend .profit{color:#16825d}.dashboard-chart{min-height:250px;overflow:hidden}.dashboard-chart svg{display:block;width:100%;height:auto;min-width:580px}.dashboard-chart .chart-grid{stroke:#e8ecf1;stroke-width:1}.dashboard-chart .chart-zero{stroke:#aab3c0;stroke-width:1}.dashboard-chart .chart-axis{fill:#7b8492;font-size:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.dashboard-chart .chart-line{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.dashboard-chart .chart-line.revenue,.dashboard-chart .chart-point.revenue{stroke:#245fac}.dashboard-chart .chart-line.cost,.dashboard-chart .chart-point.cost{stroke:#e95f0c}.dashboard-chart .chart-line.profit,.dashboard-chart .chart-point.profit{stroke:#16825d}.dashboard-chart .chart-point{fill:#fff;stroke-width:2;opacity:.22;transition:.15s}.dashboard-chart .chart-point:hover,.dashboard-chart .chart-point:focus{opacity:1;r:6;outline:none}.dashboard-empty{min-height:250px;display:grid;place-items:center;color:var(--muted);font-size:13px}.dashboard-margin{display:inline-block;min-width:60px;border-radius:999px;padding:5px 8px;text-align:center;background:var(--green-soft);font-weight:750}.dashboard-margin.negative{background:var(--red-soft)}.pricing-history{margin-top:16px}.pricing-history .section-head{align-items:flex-end}.history-limit{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px}.history-limit select{height:32px;border:1px solid var(--line);border-radius:7px;background:#fff;padding:0 8px}.history-arrow{display:inline-block;margin:0 7px;color:var(--muted)}
@media(max-width:1180px){.dashboard-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.dashboard-toolbar{align-items:stretch;flex-direction:column}.period-switch{align-self:flex-start}.dashboard-chart{overflow-x:auto}.dashboard-models .data-table{min-width:760px}.pricing-history .section-head{align-items:stretch;flex-direction:column}.pricing-history .row-actions{white-space:normal;flex-wrap:wrap}}
@media(max-width:520px){.dashboard-stats{grid-template-columns:1fr 1fr}.period-switch{width:100%}.period-switch button{flex:1;padding-inline:6px}}
.catalog-unavailable{display:block;color:var(--muted);font-size:12px;line-height:1.4}
dialog .dialog-body[hidden]{display:none!important}
.free-access-pill.unavailable{border-color:#dfe4eb;background:#f4f6f9;color:#667085}
.landing-page{background:linear-gradient(180deg,#fff 0,#f6f7f9 42%,#fff 100%)}
.landing-page.public-page{padding-top:clamp(38px,7vw,100px)}
.hero{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:clamp(32px,7vw,100px);align-items:center}
.hero-copy h1{max-width:780px;margin:0;letter-spacing:-.06em;font-size:clamp(46px,6.4vw,82px);line-height:.98}.hero-copy h1 span{color:#667085}.hero-lead{max-width:720px;margin:26px 0 0;color:#526074;font-size:clamp(17px,2vw,20px);line-height:1.6}
.hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:30px}.hero-actions .button{padding:13px 19px;text-decoration:none}.hero-points{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 0;padding:0;list-style:none}.hero-points li{background:#fff;border:1px solid #dfe4eb;border-radius:999px;padding:8px 11px;color:#526074;font-size:12px;font-weight:650}.hero-points li::before{content:"✓";color:var(--green);margin-right:6px}
.hero-card{position:relative;overflow:hidden;border:1px solid #263852;border-radius:18px;background:var(--navy);padding:29px;color:#fff;box-shadow:0 18px 42px rgba(13,23,40,.16)}.hero-card::after{content:"";position:absolute;width:230px;height:230px;right:-105px;top:-95px;border-radius:50%;background:rgba(233,95,12,.25);filter:blur(2px)}.hero-card>*{position:relative;z-index:1}.hero-card-label{margin:0 0 25px;color:#b7c5d9;font:700 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}.hero-flow{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-bottom:22px;font-size:13px;color:#c5cfdd}.hero-flow strong{border:1px solid #50617b;border-radius:8px;background:#1b2a40;padding:9px 11px;color:#fff;font-size:14px}.hero-flow b{color:#f9904b}.hero-card>p:not(.hero-card-label){margin:0;color:#bdc8d8;font-size:14px;line-height:1.65}.hero-card>a{display:inline-block;margin-top:24px;color:#fff;font-size:13px;font-weight:700;text-decoration:none}.hero-card>a span{color:#f9904b;margin-left:5px}
.landing-section{max-width:1180px;margin:clamp(72px,11vw,142px) auto 0}.landing-section>div:first-child{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:28px}.landing-section h2{max-width:720px;margin:0;font-size:clamp(30px,4vw,48px);line-height:1.06;letter-spacing:-.045em}.audience-grid,.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.audience-grid article,.benefits-grid article{border:1px solid var(--line);border-radius:14px;background:#fff;padding:24px;min-height:210px}.audience-grid h3,.benefits-grid h3{margin:0;font-size:19px;letter-spacing:-.025em}.audience-grid p,.benefits-grid p{margin:13px 0 0;color:#596579;font-size:14px;line-height:1.65}.benefit-number{display:block;margin-bottom:30px;color:var(--accent);font:700 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.benefits-grid article{background:linear-gradient(145deg,#fff,#f9fafc)}
.faq-section{max-width:940px}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line);padding:20px 0}.faq-list summary{color:var(--ink);font-size:18px;font-weight:700;list-style-position:outside}.faq-list summary::marker{color:var(--accent)}.faq-list p{max-width:760px;margin:12px 0 0;color:#596579;font-size:15px;line-height:1.65}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:36px}.hero-card{max-width:620px}.audience-grid,.benefits-grid{grid-template-columns:1fr}.audience-grid article,.benefits-grid article{min-height:0}.benefit-number{margin-bottom:18px}}
@media(max-width:520px){.landing-page.public-page{padding-top:35px}.hero-copy h1{font-size:44px}.hero-actions{flex-direction:column}.hero-actions .button{text-align:center}.hero-points{display:grid;grid-template-columns:1fr}.hero-points li{border-radius:9px}.hero-card{padding:23px}.landing-section{margin-top:76px}.landing-section>div:first-child{display:block}.landing-section h2{font-size:31px}.faq-list summary{font-size:16px}}
@media(max-width:1000px){.catalog-table th:nth-child(7),.catalog-table td:nth-child(7){display:table-cell}}
@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)}
.topbar-actions{display:flex;align-items:center;gap:9px}.account-balance{display:inline-flex;align-items:baseline;gap:6px;text-decoration:none;white-space:nowrap;color:#667085!important;font-variant-numeric:tabular-nums}.account-balance span{font-weight:560}.account-balance strong{color:#344054;font-weight:750}.account-balance:hover{border-color:#bac4d1;color:#344054!important}.account-balance[hidden]{display:none!important}@media(max-width:720px){.topbar-actions{margin-left:auto;gap:7px}.account-balance span{display:none}.account-balance{gap:0}}@media(max-width:440px){.account-balance{padding-inline:7px}.topbar-actions #accountButton{padding-inline:10px}}
.topup-cta{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:999px!important;background:linear-gradient(135deg,#ee6e1b,#cf4b00)!important;color:#fff!important;text-decoration:none!important;padding:10px 16px!important;font-size:13px;font-weight:750;box-shadow:0 5px 15px rgba(233,95,12,.25)}.topup-cta:hover{background:#b93f00!important;transform:translateY(-1px)}.topup-cta[hidden],.client-primary-actions [hidden]{display:none!important}.topup-hero{background:var(--accent)!important;box-shadow:0 9px 22px rgba(233,95,12,.18)}.topup-hero:hover{background:#ce4d00!important}.topup-banner{max-width:1440px;margin:0 auto 24px;padding:17px 19px;border:1px solid #f1c3a4;border-radius:12px;background:linear-gradient(105deg,#fff4ec,#fff);display:flex;align-items:center;justify-content:space-between;gap:18px}.topup-banner>div{display:flex;flex-direction:column;gap:4px}.topup-banner strong{font-size:16px}.topup-banner span{color:#5b6575;font-size:13px;line-height:1.45}.topup-banner .button{text-decoration:none;white-space:nowrap}.client-primary-actions{display:flex;gap:9px;align-items:center}.billing-link{background:var(--accent-soft)!important;color:#a43c00!important;font-weight:750!important}.billing-link::before{content:"₽";display:inline-grid;place-items:center;width:18px;height:18px;margin-right:7px;border-radius:50%;background:var(--accent);color:#fff;font-size:12px}.payment-surface{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(360px,1.1fr);align-items:center;gap:34px;padding:28px}.payment-surface h2{font-size:25px;margin:0 0 9px}.payment-surface .eyebrow{margin-bottom:10px}.payment-surface .muted{margin:0;font-size:14px;line-height:1.6}.topup-form{display:flex;align-items:end;gap:10px}.topup-amount{display:flex;flex-direction:column;gap:7px;flex:1;color:#344054;font-size:13px;font-weight:700}.topup-input{height:50px;display:flex;align-items:center;overflow:hidden;border:1px solid #cdd5df;border-radius:10px;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.03)}.topup-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.topup-input input{width:100%;min-width:0;height:100%;padding:0 0 0 15px;border:0;outline:0;background:transparent;color:var(--ink);font-size:18px;font-weight:700}.topup-input b{padding:0 15px;color:#667085;font-size:17px}.topup-form .button{height:50px;padding:0 18px;white-space:nowrap}.payment-hint{grid-column:2;margin:-22px 0 0;color:#667085;font-size:12px;line-height:1.5}
@media(max-width:720px){.topup-cta{padding:9px 11px;font-size:12px}.topbar .topup-cta{margin-left:auto}.topbar .button{margin-left:0}.topup-banner{align-items:flex-start;flex-direction:column}.topup-banner .button{width:100%;text-align:center}.client-primary-actions{width:100%;flex-direction:column;align-items:stretch}.client-primary-actions .button{text-align:center}.client-primary-actions button{width:100%}.payment-surface{grid-template-columns:1fr;gap:20px;padding:21px}.topup-form{align-items:stretch;flex-direction:column}.topup-form .button{width:100%}.payment-hint{grid-column:auto;margin:-13px 0 0}}
@media(max-width:440px){.topbar .topup-cta{display:none}}
.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}}

/* The conversation is the only scrolling area; the composer stays in view. */
body:has(.chat-page:not([hidden])){overflow:hidden}
body:has(.chat-page:not([hidden])) .site-footer{display:none}
.chat-page{height:calc(100dvh - 68px);min-height:0}
.chat-shell{min-height:0;overflow:hidden}
.chat-stage{min-height:0;overflow:hidden}
.chat-messages{min-height:0;height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.chat-composer-wrap{min-width:0;max-height:55dvh;overflow-y:auto}
.chat-composer{border-radius:24px;padding:14px 15px 11px}
.chat-composer textarea{min-height:30px;max-height:180px}
.composer-actions-right{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}.media-shortcut{border:1px solid #c9d9ef;border-radius:8px;background:#f4f8ff;color:#225e9f;padding:6px 9px;font-size:12px;font-weight:750;cursor:pointer}.media-shortcut:hover{background:#e9f2ff;border-color:#92b4df}.media-shortcut:disabled{opacity:.55;cursor:not-allowed}
.model-picker-wrap{min-width:0}
.model-picker-wrap select{min-width:0;max-width:min(290px,36vw);border-color:transparent;border-radius:9px;background-color:transparent;font-weight:600;font-size:12px;color:#475467;padding:8px 30px 8px 10px}
.model-picker-wrap select:hover,.model-picker-wrap select:focus{background-color:#f2f4f7;border-color:#d5dbe4}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:620px){.chat-page{height:calc(100dvh - 68px);min-height:0}.chat-composer-wrap{max-height:65dvh}.model-picker-wrap select{width:min(50vw,230px);max-width:50vw}.chat-composer{border-radius:20px}.composer-actions-right{gap:4px}}
.chat-attachments{display:flex;gap:7px;flex-wrap:wrap;padding:0 3px 10px}.chat-attachment{display:inline-flex;align-items:center;gap:6px;max-width:100%;border:1px solid #d6dce5;border-radius:999px;background:#f6f8fb;padding:5px 8px;color:#465366;font-size:12px}.chat-attachment button{border:0;background:transparent;color:#6d7786;cursor:pointer;font-size:16px;line-height:1;padding:0}.message-attachment{display:inline-flex;align-items:center;margin-top:8px;border:1px solid #dfe4eb;border-radius:8px;background:#f7f8fa;padding:4px 8px;color:#667085;font-size:12px}.chat-progress{display:flex;align-items:center;gap:8px;margin-top:9px;color:#788497;font-size:12px}.chat-progress .typing-dots{padding:0}.chat-settings-button{width:30px;height:30px;font-size:15px}.chat-settings-dialog{width:min(530px,calc(100vw - 30px))}.chat-mode-settings{display:flex;flex-direction:column;gap:8px;margin:18px 0}.chat-mode-group{display:flex;flex-direction:column;gap:8px}.chat-mode-group+.chat-mode-group{margin-top:12px}.chat-mode-group h3{margin:0;color:#4c5667;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.chat-mode-option{display:flex!important;align-items:flex-start;gap:10px;border:1px solid #e1e6ed;border-radius:10px;padding:11px 12px;cursor:pointer}.chat-mode-option:has(input:checked){border-color:#a9bacf;background:#f6f9fc}.chat-mode-option input{margin-top:3px}.chat-mode-option span{display:flex;flex-direction:column;gap:3px}.chat-mode-option strong{font-size:14px}.chat-mode-option small{color:#748094;font-size:12px;line-height:1.4}.media-model-picker-dialog{position:relative;width:min(590px,calc(100vw - 30px));padding:0;overflow:hidden}.media-model-picker-dialog .dialog-close{position:absolute;z-index:2;top:12px;right:12px;display:grid;place-items:center;width:30px;height:30px;border:1px solid #d5dfec;border-radius:50%;background:rgba(255,255,255,.88);color:#52627a;font-size:20px;line-height:1;cursor:pointer;box-shadow:0 2px 7px rgba(24,46,76,.08);transition:.16s ease}.media-model-picker-dialog .dialog-close:hover{border-color:#9bb6d8;background:#fff;color:#172033}.media-picker-intro{padding:28px 70px 19px 30px;background:linear-gradient(135deg,#fbfcff 0%,#f1f6ff 100%);border-bottom:1px solid #e3eaf4}.media-picker-intro .eyebrow{margin-bottom:12px;color:#2563aa}.media-picker-intro h2{margin:0;color:#172033;font-size:24px;line-height:1.2}.media-picker-intro .muted{margin:10px 0 0;max-width:480px;line-height:1.45}.media-model-picker-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:18px 20px 20px;background:#fff}.media-model-choice{position:relative;min-height:132px;display:flex;flex-direction:column;gap:12px;width:100%;border:1px solid #e1e7f0;border-radius:14px;background:linear-gradient(145deg,#fff,#fbfcfe);padding:15px;text-align:left;cursor:pointer;color:var(--ink);box-shadow:0 1px 1px rgba(16,24,40,.02);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}.media-model-choice:hover,.media-model-choice:focus-visible{z-index:1;border-color:#76a4df;background:#f5f9ff;box-shadow:0 8px 18px rgba(37,99,170,.12);outline:none;transform:translateY(-2px)}.media-choice-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding-right:16px}.media-choice-top strong{font-size:15px;line-height:1.3}.media-duration-badge{flex:0 0 auto;border-radius:999px;background:#e9f2ff;color:#1e5c9e;padding:4px 7px;font-size:11px;font-weight:750;white-space:nowrap}.media-choice-prices{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:auto}.media-choice-prices span{display:flex;min-width:0;flex-direction:column;gap:2px}.media-choice-prices small{color:#7a8798;font-size:10px;line-height:1.2}.media-choice-prices b{font-size:13px;line-height:1.2;color:#26344a;white-space:nowrap}.media-choice-prices span+span{padding-left:8px;border-left:1px solid #e5eaf1}.media-choice-note{margin-top:-5px;color:#758398;font-size:10px;line-height:1.2}.media-choice-arrow{position:absolute;right:14px;bottom:13px;color:#6f91bb;font-size:17px;line-height:1}.media-choice-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;color:#748094;font-size:12px}.media-choice-footer b{color:#26344a;font-size:13px}@media(max-width:560px){.media-picker-intro{padding:24px 58px 16px 22px}.media-picker-intro h2{font-size:21px}.media-model-picker-options{grid-template-columns:1fr;padding:14px}.media-model-choice{min-height:116px}.media-choice-prices{max-width:330px}}
.chat-result-image{display:block;max-width:min(100%,640px);max-height:640px;margin-top:12px;border-radius:12px;border:1px solid #e0e5eb}.chat-result-audio{display:block;width:min(100%,420px);margin-top:12px}
.chat-attachment{padding:4px 8px 4px 5px}.chat-attachment>span,.message-attachment>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-attachment-thumb{width:26px;height:26px;flex:0 0 26px;object-fit:cover;border:1px solid #d6dce5;border-radius:7px;background:#fff}.message-attachment{gap:7px;max-width:100%;padding:4px 8px 4px 4px}.message-attachment-thumb{width:34px;height:34px;flex:0 0 34px;object-fit:cover;border:1px solid #dbe2eb;border-radius:5px;background:#fff}

/* Client chat: familiar conversation layout, with ApiraCloud's own visual identity. */
.chat-page{grid-template-columns:264px minmax(0,1fr);background:#fff}
.chat-rail{padding:20px 12px 14px;background:#f7f8fa;border-right:1px solid #e8ebef}
.chat-rail-head{padding:0 9px 16px}
.chat-rail-head strong{font-size:14px;letter-spacing:-.01em}
.new-chat-button{height:42px;border:1px solid #e0e4e9;background:#fff;color:#263244;box-shadow:0 1px 2px rgba(20,33,52,.04);font-weight:650}
.new-chat-button:hover{background:#eef2f7;border-color:#c9d2df}
.chat-search{margin:14px 0 8px;height:38px;background:#eef1f5}
.chat-search:focus-within{background:#fff}
.history-group{padding-top:15px}
.history-item{font-size:13px;line-height:1.35;padding:10px 11px}
.history-item.active{background:#e9edf3;box-shadow:none;font-weight:650}
.history-item:hover{background:#eceff3;box-shadow:none}
.chat-rail-bottom{padding-top:12px}
.rail-action{padding:9px 10px}
.chat-shell{background:#fff;grid-template-rows:62px minmax(0,1fr)}
.chat-head{height:62px;padding:0 28px;border-bottom:1px solid #edf0f3;background:rgba(255,255,255,.96)}
.chat-head-left{gap:13px;min-width:0}
.chat-title{font-size:16px;line-height:1;font-weight:740;letter-spacing:-.025em;color:#182334;white-space:nowrap}
.chat-head .model-picker-wrap{gap:4px}
.chat-head .model-picker-wrap select{min-width:150px;max-width:min(360px,40vw);width:auto;padding:9px 30px 9px 11px;border:1px solid transparent;border-radius:9px;background-color:transparent;font-size:14px;font-weight:600;color:#475467}
.chat-head .model-picker-wrap select:hover,.chat-head .model-picker-wrap select:focus{background-color:#f3f5f8;border-color:#dce2e9}
.chat-head .chat-settings-button{width:34px;height:34px;border-radius:9px;color:#667085}
.chat-head .chat-settings-button:hover{background:#f1f3f6}
.free-access-pill{font-size:11px;padding:6px 10px}
.chat-stage{background:#fff}
.chat-messages{width:100%;max-width:none;margin:0;padding:30px max(24px,calc((100% - 840px)/2)) 28px}
.chat-welcome{max-width:680px;min-height:100%;margin:auto;padding:4vh 0 9vh}
.welcome-mark{width:48px;height:48px;margin-bottom:21px;border-radius:15px;background:#18283f;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:16px;letter-spacing:-.04em}
.chat-welcome h1{font-size:clamp(28px,3.5vw,36px);letter-spacing:-.035em}
.chat-welcome>p{margin:11px 0 28px;font-size:14px;color:#7b8493}
.prompt-suggestions{max-width:590px;gap:10px}
.prompt-chip{min-height:66px;border-radius:13px;padding:14px 16px;font-size:13px;color:#384457}
.prompt-chip:focus-visible{outline:2px solid #5b7fa8;outline-offset:2px}
.message-row{max-width:760px;margin:0 auto 30px;grid-template-columns:31px minmax(0,1fr);gap:14px}
.message-avatar{width:31px;height:31px;border-radius:10px;font-size:10px}
.message-row.assistant .message-avatar{background:#18283f}
.message-row.assistant .message-content{padding-top:3px}
.message-row.user{display:flex;justify-content:flex-end}
.message-row.user .message-avatar{display:none}
.message-row.user .message-content{width:fit-content;max-width:min(85%,620px);padding:10px 15px;border-radius:18px;background:#f1f3f6;color:#263244;line-height:1.55}
.message-content{font-size:15px;line-height:1.7;color:#273347}
.message-content .message-meta{flex-wrap:wrap;margin-top:8px;font-size:10px;line-height:1.4}
.message-row.user .message-meta{color:#778394}
.chat-result-image{border-radius:14px}
.chat-composer-wrap{width:min(860px,100%);padding:10px 22px 17px;background:linear-gradient(to bottom,rgba(255,255,255,0),#fff 14%)}
.chat-composer{position:relative;overflow:visible;border:1px solid #d9dfe7;border-radius:22px;padding:13px 14px 10px;box-shadow:0 2px 12px rgba(20,31,49,.07)}
.chat-composer:focus-within{border-color:#b4c2d2;box-shadow:0 3px 16px rgba(20,31,49,.09)}
.chat-composer textarea{min-height:42px;max-height:180px;padding:5px 3px 10px;font-size:15px;line-height:1.5}
.chat-composer textarea::placeholder{color:#8892a0}
.composer-actions{gap:8px}
.composer-actions-left,.composer-actions-right{display:flex;align-items:center;gap:8px;min-width:0}
.attach-button{width:35px;height:35px;border:1px solid #e4e8ee;border-radius:50%;background:#fff;color:#334155;font-size:23px;line-height:1}
.attach-button:hover{background:#f2f4f7;border-color:#cfd7e1}
.chat-action-wrap{position:relative}
.chat-action-button{height:35px;display:flex;align-items:center;gap:6px;border:1px solid transparent;border-radius:9px;background:transparent;padding:0 9px;color:#516075;font-size:13px;font-weight:650;cursor:pointer}
.chat-action-button:hover,.chat-action-button[aria-expanded="true"]{background:#f1f4f7;color:#1f2c3d}
.chat-action-button>span:first-child{color:var(--accent);font-size:16px}
.chat-action-button>span:last-child{font-size:16px;font-weight:400}
.chat-action-menu{position:fixed;z-index:80;width:min(320px,calc(100vw - 20px));max-height:min(70vh,340px);overflow-y:auto;display:flex;flex-direction:column;gap:2px;padding:6px;border:1px solid #dfe4ea;border-radius:14px;background:#fff;box-shadow:0 16px 45px rgba(16,30,48,.17)}
.chat-action-menu[hidden],.chat-action-chip[hidden],#videoGenerateButton[hidden],#stopChatButton[hidden]{display:none!important}
.chat-action-menu button{width:100%;display:flex;align-items:center;gap:11px;border:0;border-radius:9px;background:transparent;padding:10px 11px;text-align:left;color:#263244;cursor:pointer}
.chat-action-menu button:hover,.chat-action-menu button:focus-visible{background:#f1f5f9;outline:none}
.chat-action-menu button>span:first-child{width:27px;height:27px;flex:0 0 27px;display:grid;place-items:center;border-radius:8px;background:#f3f5f8;color:#53657d;font-size:17px}
.chat-action-menu button>span:last-child{display:flex;flex-direction:column;gap:2px}
.chat-action-menu strong{font-size:13px;font-weight:650}
.chat-action-menu small{font-size:11px;color:#7a8697}
.chat-action-chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;margin:0 0 8px;padding:5px 9px;border-radius:8px;background:#fff1e8;color:#a84208;font-size:12px;font-weight:650}
.composer-model-picker{display:flex;align-items:center;gap:6px;min-width:0;max-width:min(360px,40vw);color:#5b6778;font-size:12px;font-weight:650;white-space:nowrap}
.composer-model-picker select{min-width:105px;max-width:260px;width:clamp(120px,20vw,260px);height:35px;border:1px solid #dce3eb;border-radius:9px;background:#fff;color:#263244;padding:0 8px;font-size:12px;text-overflow:ellipsis;cursor:pointer}
.composer-model-picker select:focus-visible{outline:2px solid #5b7fa8;outline-offset:2px}
.media-model-choice:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}
.send-button{width:35px;height:35px;border-radius:50%;background:#1b2b43;font-size:19px}
.send-button:hover{background:#304969}
.stop-button{width:35px;height:35px;display:grid;place-items:center;border:0;border-radius:50%;background:#1b2b43;color:#fff;font-size:13px;cursor:pointer}
.stop-button:hover{background:#304969}
.chat-disclaimer{margin-top:9px;color:#a1a8b3;font-size:10px}
.chat-attachments{gap:8px;padding:0 1px 8px}
.chat-attachment{max-width:min(100%,300px);border-radius:11px;padding:5px 7px 5px 5px;background:#f6f8fa;font-size:11px}
.chat-attachment-thumb{width:38px;height:38px;flex-basis:38px;border-radius:8px}
.chat-attachment button{width:20px;height:20px;display:grid;place-items:center;border-radius:5px}
.chat-attachment button:hover{background:#e5eaf0;color:#263244}
.message-attachment{border-radius:10px;background:#fff}
.message-attachment-thumb{width:43px;height:43px;flex-basis:43px;border-radius:7px}
.message-text{white-space:pre-wrap;overflow-wrap:anywhere}
.message-text code{padding:2px 5px;border-radius:5px;background:#f0f2f5;font-size:.9em}
.chat-text-heading{display:block;margin:9px 0 3px;font-size:1.1em}
.chat-result-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:7px}
.message-action{border:0;background:transparent;color:#667487;padding:4px 2px;margin-top:5px;font-size:11px;cursor:pointer}
.message-action:hover,.message-action:focus-visible{color:#1b5d9f;text-decoration:underline}
.icon-button:focus-visible,.new-chat-button:focus-visible,.history-item:focus-visible,.chat-action-button:focus-visible,.chat-attachment button:focus-visible,.send-button:focus-visible{outline:2px solid #5b7fa8;outline-offset:2px}
@media(max-width:920px){
  .chat-page{grid-template-columns:1fr}
  .chat-rail{width:min(300px,88vw)}
  .chat-head{padding:0 20px}
  .chat-messages{padding-left:max(22px,calc((100% - 760px)/2));padding-right:max(22px,calc((100% - 760px)/2))}
}
@media(max-width:620px){
  .chat-page{height:calc(100dvh - 68px);min-height:0}
  .chat-shell{grid-template-rows:58px minmax(0,1fr)}
  .chat-head{height:58px;padding:0 12px;gap:6px}
  .chat-head-left{flex:1;gap:4px}
  .chat-title{display:none}
  .chat-head .chat-settings-button{flex:0 0 30px;width:30px}
  .chat-messages{padding:22px 14px 12px}
  .chat-welcome{justify-content:center;padding:0 6px 4vh}
  .chat-welcome>p{font-size:13px}
  .prompt-chip{min-height:54px}
  .message-row{gap:9px;margin-bottom:24px}
  .message-row.user .message-content{max-width:90%;padding:9px 12px}
  .message-content{font-size:14px}
  .chat-composer-wrap{padding:7px 10px 10px;max-height:65dvh}
  .chat-composer{border-radius:19px;padding:10px 11px 8px}
  .chat-composer textarea{min-height:36px;font-size:15px}
  .composer-actions-left{gap:2px;flex:1}
  .composer-model-picker{flex:1;max-width:none;gap:4px}
  .composer-model-picker span{font-size:11px}
  .composer-model-picker select{min-width:0;width:100%;max-width:none;font-size:11px}
  .chat-action-button{padding:0 5px;font-size:12px}
  .chat-disclaimer{display:none}
  .chat-attachment-thumb{width:34px;height:34px;flex-basis:34px}
}
@media(prefers-reduced-motion:reduce){
  .chat-messages{scroll-behavior:auto}
  .prompt-chip:hover{transform:none}
}

/* Support form */
.support-layout{max-width:980px;margin:auto;display:grid;grid-template-columns:minmax(0,.9fr) minmax(340px,1.1fr);gap:80px;align-items:start}.support-intro{padding-top:24px}.support-intro h1{margin:0;font-size:clamp(42px,5vw,64px);line-height:1;letter-spacing:-.055em}.support-intro>p:not(.eyebrow){max-width:420px;color:#596579;line-height:1.7;font-size:16px}.support-note{margin-top:28px;padding:14px 16px;border-left:3px solid var(--accent);background:var(--accent-soft);font-size:13px!important}.support-form{display:flex;flex-direction:column;gap:15px;padding:28px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 14px 35px rgba(18,30,48,.06)}.support-form label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:650;color:#4c5667}.support-form input,.support-form select,.support-form textarea{width:100%;padding:11px 12px;border:1px solid #cfd6df;border-radius:8px;background:#fff;outline:0}.support-form textarea{resize:vertical;min-height:130px}.support-form input:focus,.support-form select:focus,.support-form textarea:focus{border-color:#7d8ea7;box-shadow:0 0 0 3px #e9eef5}.support-privacy{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.support-privacy a{color:var(--accent)}.support-form .button{align-self:flex-start}@media(max-width:720px){.support-layout{grid-template-columns:1fr;gap:25px}.support-intro{padding-top:0}.support-form{padding:21px}}
.support-launcher{position:fixed;right:24px;bottom:24px;z-index:45;display:inline-flex;align-items:center;gap:9px;border:0;border-radius:999px;background:var(--navy);color:#fff;padding:13px 17px 13px 14px;font-size:13px;font-weight:750;box-shadow:0 12px 28px rgba(13,23,40,.24);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.support-launcher:hover{background:#192944;box-shadow:0 16px 32px rgba(13,23,40,.3);transform:translateY(-2px)}.support-launcher:focus-visible{outline:3px solid #ffd2b8;outline-offset:3px}.support-launcher svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.support-widget-dialog{width:min(500px,calc(100vw - 28px));max-height:calc(100dvh - 28px);overflow:auto}.support-widget-dialog .dialog-head{padding:17px 22px}.support-widget-dialog .dialog-head .eyebrow{margin:0 0 5px;font-size:10px}.support-widget-form{border:0;border-radius:0;box-shadow:none;padding:21px 22px 24px}.support-widget-form textarea{min-height:112px}.toast{bottom:94px}@media(max-width:720px){.support-launcher{right:16px;bottom:16px;width:54px;height:54px;justify-content:center;padding:0}.support-launcher span{display:none}.support-launcher svg{width:23px;height:23px}.toast{right:16px;bottom:82px;max-width:calc(100vw - 32px)}.support-widget-form{padding:18px}.support-widget-dialog .dialog-head{padding:15px 18px}}