:root{--bg:#fffdf7;--surface:#fffefb;--fill:#f3f0eb;--fixed:#f7f5ee;--line:#efede3;--text:#252320;--muted:#77736c;--border:#dcdad3;--button:#242320;--button-text:#fff;--green:#3e7561;--danger:#b8463c;--shadow:0 12px 50px #22221110;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.55 -apple-system,BlinkMacSystemFont,'Segoe UI','Microsoft YaHei',sans-serif}body.dark{--bg:#191a18;--surface:#232420;--fill:#2d2e29;--fixed:#252620;--line:#34352e;--text:#ecebe5;--muted:#a9a79e;--border:#46473f;--button:#e8e5dc;--button-text:#20211d;color-scheme:dark}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button,a,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .16s,color .16s,box-shadow .16s}button:disabled{cursor:not-allowed;opacity:.45}button:hover:not(:disabled),a.nav-item:hover{background:var(--fill)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--green);outline-offset:3px}svg.icon{width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}#sidebar{position:fixed;inset:0 auto 0 0;width:258px;padding:23px 14px 14px;display:flex;flex-direction:column;border-right:1px solid var(--line);z-index:30;background:var(--bg)}.brand{display:flex;align-items:center;gap:10px;padding:0 10px 31px;font-size:23px;letter-spacing:-.7px}.brand-mark{font:italic 38px/1 Georgia,'Times New Roman',serif}.new-chat{width:100%;justify-content:flex-start;padding:11px 13px;border-radius:10px;background:var(--fill);font-weight:500;margin-bottom:9px}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:9px;color:var(--text);margin:2px 0}.nav-item.active{background:var(--fill)}.history-label{font-size:12px;color:var(--muted);padding:25px 15px 10px}.history{overflow:auto;flex:1;min-height:40px}.history button{width:100%;justify-content:flex-start;text-align:left;padding:8px 14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:7px;font-size:12px}.history .history-empty{padding:8px 14px;color:var(--muted);font-size:12px}footer{margin-top:auto;padding:12px 10px 0;border-top:1px solid var(--line)}.footer-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.quiet{padding:8px 10px;border-radius:8px}.legal{display:block;font-size:10px;color:var(--muted);margin-top:4px}.attribution{font-size:8px;line-height:1.3;max-width:205px}.shell{margin-left:258px;min-height:100dvh}.topbar{height:77px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;gap:16px}.header-left,.account-actions{display:flex;align-items:center;gap:16px}.icon-button{width:38px;height:38px;border-radius:9px}.model-trigger{padding:8px 11px;border-radius:10px;font-weight:500}.model-trigger small{font-weight:400;color:var(--muted)}.balance{font-variant-numeric:tabular-nums;color:var(--muted);font-size:12px;white-space:nowrap}.account{border:1px solid var(--line);border-radius:24px;padding:7px 12px 7px 7px;max-width:160px;overflow:hidden;white-space:nowrap}.avatar{width:26px;height:26px;background:#dfddd3;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#5d5a53;font-size:12px}.page{max-width:1180px;margin:0 auto;padding:30px 40px 70px}.page h1{font-size:28px;font-weight:550;letter-spacing:-.7px;margin:0 0 9px}.subtitle{color:var(--muted);margin:0 0 26px;font-size:13px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:30px 0 14px}.section-heading h2{font-size:17px;font-weight:550;margin:0}.section-heading p{margin:0;color:var(--muted)}.card{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:23px}.card+.card{margin-top:18px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.cards.two{grid-template-columns:repeat(2,minmax(0,1fr))}.cards .card+.card{margin-top:0}.eyebrow{color:var(--muted);font-size:12px}.big-number{font-size:30px;font-weight:500;font-variant-numeric:tabular-nums;margin:12px 0 3px}.big-number small{font-size:13px;color:var(--muted);font-weight:400}.pill{display:inline-flex;align-items:center;gap:4px;font-size:11px;border:1px solid var(--line);padding:3px 9px;border-radius:20px;background:var(--fixed);white-space:nowrap}.pill.green{color:var(--green);background:#eaf1e9}.tabs{display:flex;gap:4px;padding:4px;background:var(--fill);border-radius:11px;width:max-content;max-width:100%;flex-wrap:wrap;margin-bottom:22px}.tabs button{padding:8px 18px;border-radius:8px;color:var(--muted)}.tabs button.active{background:var(--surface);box-shadow:0 1px 5px #00000006;color:var(--text)}.primary,.secondary,.danger{padding:10px 20px;border-radius:24px;min-height:42px}.primary{background:var(--button);color:var(--button-text)}.primary:hover:not(:disabled){background:var(--button);opacity:.88}.secondary{border:1px solid var(--border);background:var(--surface)}.danger{color:var(--danger);border:1px solid var(--line)}.text-button{color:var(--green);padding:6px;border-radius:6px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:18px}.field label{font-size:13px;font-weight:500}input,select,textarea{border:1px solid var(--line);background:var(--fill);border-radius:10px;padding:11px 13px;max-width:100%}input{min-height:44px}textarea{resize:vertical;min-height:110px}input::placeholder,textarea::placeholder{color:var(--muted)}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px;background:var(--surface)}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap;font-size:12px}th{background:var(--fixed);color:var(--muted);font-weight:400;padding:13px 17px}td{padding:15px 17px;border-top:1px solid var(--line)}td .icon-button{width:30px;height:30px}tr:hover td{background:var(--fixed)}.empty{text-align:center;padding:46px 20px;color:var(--muted)}.empty svg{width:34px;height:34px;margin-bottom:9px}.empty h3{font-weight:500;color:var(--text);font-size:15px;margin:5px 0}.empty p{font-size:12px;max-width:440px;margin:7px auto 16px}.row{display:flex;align-items:center;justify-content:space-between;gap:16px}.flow{display:flex;gap:22px;padding:22px 0}.flow>div{flex:1}.step{color:var(--muted);font-size:12px;margin-bottom:8px}.flow h3{font-size:14px;margin:5px 0}.flow p{font-size:12px;color:var(--muted);margin:5px 0}.notice{padding:12px 16px;border-radius:10px;background:var(--fixed);color:var(--muted);font-size:12px;border:1px solid var(--line)}.notice.error{color:var(--danger)}.code{background:var(--fill);padding:20px;border-radius:12px;overflow:auto;font:12px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre}.toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:17px}.toolbar input{width:260px}.toolbar select{max-width:180px}.chat-page{min-height:calc(100dvh - 77px);display:flex;flex-direction:column;align-items:center;padding:0 35px 26px}.chat-welcome{width:min(850px,100%);margin:auto 0;min-height:410px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:55px}.chat-welcome .pill{margin-bottom:22px;background:#f0e6d5;border:0;color:#635847}.chat-welcome h1{font:500 clamp(30px,3.5vw,45px)/1.4 'Times New Roman','Songti SC',SimSun,serif;letter-spacing:1px;margin:0 0 15px;text-align:center}.chat-welcome p{font-size:13px;color:var(--muted);margin:0 0 30px}.composer{width:min(850px,100%);border:1px solid var(--line);border-radius:23px;background:var(--surface);box-shadow:0 0 30px #00000005;padding:19px 20px 13px}.chat-welcome .composer{width:100%}.composer textarea{border:0;outline:0;background:transparent;display:block;width:100%;min-height:65px;max-height:180px;padding:0;resize:none;line-height:1.7}.composer:focus-within{border-color:var(--border)}.composer-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}.composer-tools{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.tool-chip{height:33px;padding:0 10px;border:1px solid var(--line);border-radius:20px;font-size:12px;color:var(--muted)}.tool-chip.active{background:var(--fill);color:var(--text);border-color:var(--border)}.send{width:42px;height:42px;background:var(--button);color:var(--button-text);border-radius:50%}.send:hover:not(:disabled){background:var(--button);opacity:.9}.chat-disclaimer{text-align:center;font-size:11px;color:var(--muted);margin:12px 0 0}.suggestions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:22px 0}.suggestions button{padding:10px 14px;border:1px solid var(--line);border-radius:12px;text-align:left;font-size:12px;color:var(--muted)}.messages{width:min(850px,100%);flex:1;padding:22px 0;display:flex;flex-direction:column;gap:24px}.message{width:100%;line-height:1.85}.message.user{align-self:flex-end;max-width:85%;background:var(--fill);border-radius:17px;padding:14px 20px;white-space:pre-wrap;overflow-wrap:anywhere}.message.assistant{padding:0 10px;white-space:pre-wrap;overflow-wrap:anywhere}.message-meta{color:var(--muted);font-size:11px;margin-bottom:7px}.message-error{color:var(--danger)}.message img,.generated img{width:100%;border-radius:12px;max-height:700px;object-fit:contain}.generated{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:20px 0}.generated button{width:100%;padding:9px}.attachment-list{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:10px}.attachment{background:var(--fill);border:1px solid var(--line);border-radius:8px;padding:5px 8px;max-width:220px;font-size:11px;display:flex;align-items:center;gap:8px}.attachment span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment button{padding:0 2px}dialog{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:18px;padding:0;width:min(590px,calc(100vw - 32px));max-height:85dvh;box-shadow:var(--shadow)}dialog::backdrop{background:#23211e66;backdrop-filter:blur(1px)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:22px 24px 14px}.modal-header h2{font-size:19px;margin:0;font-weight:550}.modal-content{padding:5px 24px 25px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:23px}.model-list{max-height:400px;overflow:auto;margin-top:15px}.model-row{display:flex;width:100%;align-items:center;justify-content:space-between;text-align:left;padding:13px 10px;border-radius:9px;border-bottom:1px solid var(--line)}.model-row small{color:var(--muted)}.segmented{display:flex;gap:4px;padding:5px;background:var(--fill);border-radius:12px;flex-wrap:wrap}.segmented button{flex:1;min-width:50px;border-radius:9px;padding:9px 6px;font-size:12px}.segmented button.active{background:var(--surface);box-shadow:0 0 12px #00000007}.setting-label{color:var(--muted);font-size:12px;margin:19px 0 9px}.size-display{display:flex;justify-content:space-between;padding:12px 15px;border-radius:10px;background:var(--fill);font-size:12px}.plan{padding:28px;position:relative;display:flex;flex-direction:column;gap:14px}.plan h3{font-size:21px;margin:0}.plan-price{font-size:32px}.plan p{font-size:13px;color:var(--muted);margin:0}.plan button,.plan a{margin-top:auto}.memory-card{margin-bottom:13px;padding:18px 21px}.memory-content{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 12px}.memory-actions{display:flex;justify-content:flex-end;gap:10px}.chart{display:flex;align-items:flex-end;height:140px;gap:10px;margin-top:25px}.chart .bar{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;font-size:10px;color:var(--muted);gap:8px}.chart i{display:block;background:#d8d5cb;width:80%;min-height:1px;border-radius:5px 5px 0 0}.inline-error{font-size:12px;color:var(--danger);margin:12px 0}.search-full{width:100%}.detail-list{display:flex;flex-direction:column;gap:10px}.detail-list a,.detail-list button{border-radius:9px;padding:12px;justify-content:flex-start;display:flex;align-items:center;gap:12px}.detail-list a:hover{background:var(--fill)}#toast{position:fixed;top:25px;left:50%;transform:translateX(-50%);z-index:100;background:var(--button);color:var(--button-text);padding:11px 21px;border-radius:10px;box-shadow:var(--shadow);max-width:85vw;opacity:0;pointer-events:none;transition:opacity .15s}#toast.visible{opacity:1}#mobile-menu{display:none}.loading{padding:60px;text-align:center;color:var(--muted)}.spinner{display:inline-block;width:17px;height:17px;border:2px solid var(--line);border-top-color:var(--muted);border-radius:50%;animation:spin 1s linear infinite}.admin-hint{margin-top:18px;display:flex;gap:12px;align-items:center;justify-content:center;color:var(--muted);font-size:12px}code{font-size:12px;overflow-wrap:anywhere}#mobile-overlay{display:none}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1100px){#sidebar{width:220px}.shell{margin-left:220px}.page{padding:25px}.topbar{padding:0 23px}.cards{gap:10px}.card{padding:18px}.chat-page{padding:0 23px 20px}}@media(max-width:760px){#sidebar{transform:translateX(-100%);transition:transform .2s;width:250px;box-shadow:20px 0 80px #00000010}body.nav-open #sidebar{transform:translateX(0)}.shell{margin-left:0}#mobile-menu{display:flex}.topbar{height:66px;padding:0 14px}.header-left,.account-actions{gap:6px}.model-trigger{font-size:12px;max-width:160px;overflow:hidden}.account{font-size:12px;max-width:115px}.balance{font-size:10px}.page{padding:22px 17px 50px}.page h1{font-size:25px}.cards,.cards.two{grid-template-columns:1fr}.chat-page{min-height:calc(100dvh - 66px);padding:0 15px 18px}.chat-welcome{padding-bottom:40px;min-height:440px}.chat-welcome h1{font-size:31px}.composer{padding:16px 15px 11px}.tool-chip{font-size:11px;padding:0 7px}.chat-welcome p{font-size:12px}.suggestions{gap:7px}.flow{gap:10px}.flow p{display:none}.flow h3{font-size:12px}.toolbar{flex-wrap:wrap}.toolbar input{width:100%}.tabs button{padding:8px 12px;font-size:12px}.generated{grid-template-columns:1fr}.modal-content{padding:5px 18px 23px}.modal-header{padding:18px}.cards .big-number{font-size:26px}.section-heading{align-items:flex-start}.attribution{font-size:8px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
/* B.AI reference: fixed workspace, independently scrolling content and model catalog. */
html,body{height:100%;overflow:hidden}.shell{height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden}.topbar{flex:0 0 76px;background:var(--bg);z-index:20;min-width:0}#main{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}#sidebar{height:100dvh}.footer-actions{margin-bottom:0}#sidebar footer{padding-bottom:4px}.api-page{max-width:1120px;padding:25px 44px 72px}.api-page>h1{font-size:25px;padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:28px}.api-page>.subtitle{display:none}.quickstart-heading{font-size:18px;font-weight:550;margin:0 0 12px}.api-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px}.api-step{border:1px solid var(--line);border-radius:13px;padding:16px;min-height:138px;display:block;text-align:left;background:var(--surface)}.api-step .step{font-size:12px}.api-step h3{font-size:14px;font-weight:550;margin:6px 0}.api-step p{font-size:12px;line-height:1.55;color:var(--muted);margin:0}.api-base{display:flex;gap:12px;align-items:center;font-size:12px;color:var(--muted);margin-bottom:28px;flex-wrap:wrap}.api-base code{color:var(--text);word-break:break-all}.api-access-tabs{margin-bottom:14px}.catalog-panel{border:1px solid var(--line);border-radius:16px;padding:0 19px 19px;background:var(--surface);overflow:hidden}.catalog-access-head{display:flex;justify-content:space-between;gap:16px;align-items:center;border-bottom:1px solid var(--line);margin:0 -19px;padding:0 19px;min-height:54px}.catalog-access-label{align-self:stretch;display:flex;align-items:center;border-bottom:2px solid var(--text);font-size:13px}.catalog-access-head small{font-size:11px;color:var(--muted)}.catalog-description{color:var(--muted);font-size:12px;margin:16px 0 12px}.catalog-search{position:relative;margin-bottom:12px}.catalog-search>svg{position:absolute;left:13px;top:13px;width:18px;color:var(--muted)}.catalog-search input{width:100%;background:transparent;border:1px solid var(--border);padding-left:39px;min-height:44px}.catalog-table-scroll{max-height:540px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--border) transparent;border-radius:10px}.catalog-table{font-size:13px;table-layout:fixed;min-width:610px;white-space:normal;border-collapse:separate;border-spacing:0}.catalog-table .model-col{width:46%}.catalog-table th,.catalog-table td{padding:16px 12px;border:0;vertical-align:middle;text-align:right}.catalog-table th:first-child,.catalog-table td:first-child{text-align:left}.catalog-table thead{position:sticky;top:0;z-index:3}.catalog-table thead th{background:var(--fixed);font-weight:400;font-size:12px;height:45px}.catalog-table th abbr{cursor:help;text-decoration:underline dotted;text-underline-offset:5px}.catalog-table .vendor-group-row th{padding:5px 0}.vendor-group-row th>span{display:block;text-align:left;border-radius:8px;background:var(--fill);padding:11px 13px;font-size:13px;font-weight:500}.catalog-model-row td{height:65px;border-bottom:1px solid var(--line)}.catalog-model{display:flex;align-items:center;gap:8px;min-width:0}.catalog-model-logo{display:flex;flex:0 0 22px}.vendor-logo{width:22px;height:22px;object-fit:contain;flex:none}.vendor-placeholder{width:22px;text-align:center}.catalog-model-name{font-size:13px;line-height:1.5;overflow-wrap:anywhere}.model-copy{width:30px;height:30px;padding:7px;border-radius:50%;color:var(--muted);flex:none;opacity:.7}.model-copy:hover,.model-copy:focus-visible{opacity:1;background:var(--fill)}.model-copy svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6}.price-number{font-variant-numeric:tabular-nums;font-size:12px}.price-number small{font-size:10px;color:var(--muted)}.catalog-note{font-size:11px;line-height:1.65;color:var(--muted);margin:12px 2px 0}.provider-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}.provider-card{border:1px solid var(--line);border-radius:12px;padding:17px;text-align:left;justify-content:flex-start;background:var(--surface)}.provider-card.active{border-color:var(--green);background:var(--fixed)}.provider-card strong{display:block;font-weight:550;font-size:14px}.provider-card small{display:block;font-size:11px;color:var(--muted);margin-top:4px}.model-picker-dialog{position:fixed;margin:0;left:276px;top:66px;width:min(510px,calc(100vw - 300px));max-height:calc(100dvh - 88px);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 35px #0002;padding:16px}.model-picker-dialog::backdrop{background:#00000008}.model-picker-dialog .modal-header{padding:0 0 12px}.model-picker-dialog .modal-header h2{font-size:15px}.model-picker-dialog .modal-content{padding:0;overflow:hidden}.model-picker-dialog .search-full{margin:0 0 12px}.model-picker-dialog #model-list{max-height:calc(100dvh - 232px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.picker-group h3{position:sticky;top:0;margin:0;padding:9px 10px;font-size:12px;font-weight:500;color:var(--muted);background:var(--surface);z-index:2}.picker-model-row{display:flex;align-items:center;gap:2px;border-radius:9px;padding-right:4px}.picker-model-row:hover{background:var(--fill)}.picker-model-select{display:flex;flex:1;min-width:0;justify-content:flex-start;text-align:left;padding:10px;gap:10px;border-radius:9px}.picker-model-select.selected{background:var(--fill)}.picker-model-text{display:flex;flex-direction:column;min-width:0;font-size:13px}.picker-model-text>span{overflow-wrap:anywhere}.picker-model-text small{font-size:10px;color:var(--muted);margin-top:3px}.picker-model-price{margin-left:auto;white-space:nowrap;font-size:11px;font-variant-numeric:tabular-nums;color:var(--muted);min-width:65px;text-align:right}.picker-model-price span{font-size:10px}.selected-mark{font-size:12px;color:var(--green)}body.dark .vendor-logo.mono{filter:invert(1)}body.dark{--bg:#201f1c;--surface:#201f1c;--fill:#292823;--fixed:#272620;--line:#34332d;--border:#48463f;--text:#f1f0eb;--muted:#a5a198}.api-empty-loading{padding:40px;text-align:center;color:var(--muted)}
@media(max-width:1000px){.api-page{padding:22px 28px 55px}.api-step{padding:13px}.api-step p{font-size:11px}}@media(max-width:720px){.topbar{flex-basis:64px;padding:0 14px}.shell{margin-left:0}.api-page{padding:20px 16px 45px}.api-steps{grid-template-columns:1fr 1fr}.api-step{min-height:130px}.catalog-panel{padding:0 10px 12px}.catalog-access-head{margin:0 -10px;padding:0 12px}.catalog-access-head small{max-width:170px;text-align:right}.catalog-table-scroll{max-height:480px}.catalog-table{min-width:600px}.catalog-table .model-col{width:39%}.provider-cards{grid-template-columns:1fr}.model-picker-dialog{left:12px;right:12px;top:70px;width:calc(100vw - 24px);max-height:calc(100dvh - 88px)}.model-copy{width:36px;height:36px;padding:10px}.picker-model-select{min-height:62px}.catalog-note{font-size:10px}.api-base{font-size:11px;gap:5px}}
@media(prefers-reduced-motion:reduce){#main,.catalog-table-scroll{scroll-behavior:auto}}

.provider-cards[hidden]{display:none}

/* Keep model search fixed; only the model list scrolls. */
.model-picker-dialog{overflow:hidden}.model-picker-dialog #model-list{max-height:calc(100dvh - 256px)}