:root{color-scheme:light;--canvas:#fff;--ink:#111116;--muted:#74758a;--line:#e9e9f2;--soft:#f7f7ff;--violet:#6e40ff;--violet2:#4b22d6;--blue:#1677ff;--mint:#05b987;--yellow:#e9a800;--coral:#ff5d73;--header:76px;--right:300px;font-family:"Noto Sans SC","Microsoft YaHei","PingFang SC",system-ui,sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0;background:var(--canvas);color:var(--ink)}body{overflow:hidden}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(110,64,255,.24);outline-offset:2px}[hidden]{display:none!important}
.model-app{height:100dvh;min-height:680px}.model-global-header{position:relative;z-index:50;height:var(--header);min-height:var(--header);padding:0 22px;border-bottom:1px solid var(--line);box-shadow:none}.model-brand{position:absolute;top:50%;left:22px;display:flex;align-items:center;gap:10px;min-width:148px;transform:translateY(-50%);font-size:20px;letter-spacing:-.03em}.model-brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:linear-gradient(145deg,var(--blue),var(--violet));color:#fff;font-size:14px;font-weight:850;box-shadow:0 9px 22px rgba(84,65,221,.22)}.model-global-header .ecosystem-nav{gap:18px}.model-global-header .ecosystem-nav a{padding:22px 0 18px;white-space:nowrap;font-size:13px;font-weight:650}.model-global-header .ecosystem-nav a[aria-current=page]{color:var(--violet);border-bottom:3px solid var(--violet)}.model-account{position:absolute;top:50%;right:22px;min-width:76px;height:38px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:13px;font-weight:700;transform:translateY(-50%);cursor:pointer}
.model-workspace{display:grid;grid-template-columns:minmax(620px,1fr) var(--right);height:calc(100dvh - var(--header));min-height:604px;overflow:hidden}.account-rail{min-height:0;background:#fff;overflow:auto;scrollbar-width:thin;scrollbar-color:#d4d4df transparent}
.model-stage{display:grid;grid-template-rows:56px minmax(0,1fr);min-width:0;min-height:0;background:#fff}.stage-tabs{display:flex;align-items:end;gap:28px;padding:0 26px;border-bottom:1px solid var(--line)}.stage-tabs button,.stage-tabs a{height:56px;padding:0 2px;border:0;border-bottom:3px solid transparent;background:transparent;color:#67667b;font-size:13px;cursor:pointer}.stage-tabs .is-active{border-bottom-color:var(--violet);color:var(--violet);font-weight:750}.stage-tabs a{display:flex;align-items:center;margin-left:auto}.chat-view{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:0}.chat-heading{display:flex;align-items:start;justify-content:space-between;padding:24px 32px 10px}.chat-heading h1{margin:0;font-size:27px;letter-spacing:-.035em}.chat-heading p{margin:6px 0 0;color:var(--muted);font-size:12px}.chat-heading button,.usage-view header button{height:34px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:#66657a;font-size:11px;cursor:pointer}.conversation{min-height:0;padding:12px 8% 24px;overflow:auto;scrollbar-width:thin;scrollbar-color:#d7d6e4 transparent}.starter-card{max-width:760px;margin:42px auto;padding:30px;border:1px solid #e7e3ff;border-radius:22px;background:radial-gradient(circle at 90% 0,rgba(110,64,255,.09),transparent 36%),#fff;box-shadow:0 22px 60px rgba(65,50,132,.08)}.starter-card>span{color:var(--violet);font-size:11px;font-weight:800}.starter-card h2{max-width:560px;margin:12px 0 24px;font-size:24px;line-height:1.35;letter-spacing:-.03em}.starter-card>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.starter-card button{min-height:68px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff;text-align:left;font-size:11px;line-height:1.55;cursor:pointer}.starter-card button:hover{border-color:#cabdff;background:#faf8ff}.message{display:grid;grid-template-columns:34px minmax(0,760px);gap:12px;max-width:850px;margin:0 auto 22px}.message.user{grid-template-columns:minmax(0,620px) 34px;justify-content:end}.message-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--violet);color:#fff;font-size:11px;font-weight:800}.message.user .message-avatar{grid-column:2;background:#efeaff;color:var(--violet)}.message-body{min-width:0}.message.user .message-body{grid-column:1;grid-row:1;padding:12px 15px;border-radius:14px 4px 14px 14px;background:#eee9ff}.message-meta{display:flex;align-items:center;gap:8px;margin-bottom:7px;color:var(--muted);font-size:10px}.message-content{font-size:13px;line-height:1.8;white-space:pre-wrap}.message.assistant .message-content{padding-bottom:15px;border-bottom:1px solid var(--line)}.message-warning{margin-top:10px;padding:10px 12px;border:1px solid #f2c7a3;border-radius:10px;background:#fff8ef;color:#8b4c18;font-size:11px;line-height:1.55}.message-usage{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:9px;color:#89889a;font-size:10px}.message.is-loading .message-content:after{content:"";display:inline-block;width:7px;height:16px;margin-left:3px;background:var(--violet);vertical-align:-3px;animation:blink 1s steps(1) infinite}.message.is-error .message-content{color:#b33548}.composer{margin:0 8% 12px;border:1px solid #dcd7f5;border-radius:15px;background:#fff;box-shadow:0 12px 32px rgba(70,50,140,.09)}.composer-tools{display:flex;align-items:center;gap:10px;padding:8px;border-bottom:1px solid var(--line)}.composer-tools label{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:10px}.composer-tools select{height:32px;max-width:190px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:0 26px 0 8px;font-size:11px}.thinking-toggle input{accent-color:var(--violet)}.composer-tools>span{margin-left:auto;color:#8a899b;font-size:10px}.composer-input{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:10px;padding:10px}.composer textarea{min-height:46px;max-height:130px;padding:9px;border:0;outline:0;resize:none;font-size:13px;line-height:1.5}.composer-input>span{padding-bottom:10px;color:#9a99a8;font-size:10px}.composer-input button{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:11px;background:var(--violet);color:#fff;font-size:17px;cursor:pointer}.composer-input button:disabled{background:#cccbd7;cursor:not-allowed}
.chat-sync-state{display:inline-flex;align-items:center;min-height:24px;margin-left:9px;padding:3px 8px;border-radius:8px;background:#f0f7f4;color:#25735f;font-size:11px;font-weight:700;vertical-align:middle}.chat-sync-state[data-state="loading"],.chat-sync-state[data-state="pending"]{background:#f3f0ff;color:#6043bf}.chat-sync-state[data-state="error"]{background:#fff1f2;color:#a53b4a}.chat-sync-state[data-state="local"]{background:#f2f3f6;color:#686978}
.account-rail{border-left:1px solid var(--line);padding:0 18px 22px}.account-rail>section{padding:20px 0;border-bottom:1px solid var(--line)}.account-rail header{display:flex;align-items:center;justify-content:space-between}.account-rail header strong{font-size:13px}.account-rail header a,.account-rail header button{border:0;background:transparent;color:var(--violet);font-size:10px;cursor:pointer}.token-gauge{display:flex;align-items:center;gap:14px;margin:18px 0;padding:15px;border-radius:14px;background:#f8f5ff;box-shadow:0 10px 28px rgba(70,50,140,.08)}.token-gauge img{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(130,91,17,.15))}.token-gauge strong,.token-gauge span{display:block}.token-gauge strong{font-size:25px;line-height:1;letter-spacing:-.03em}.token-gauge span{margin-top:6px;color:var(--muted);font-size:10px}.token-card dl{display:grid;grid-template-columns:repeat(3,1fr);margin:0}.token-card dl div{min-width:0;padding:0 7px;border-left:1px solid var(--line)}.token-card dl div:first-child{border-left:0}.token-card dt{color:var(--muted);font-size:9px}.token-card dd{margin:5px 0 0;overflow-wrap:anywhere;font-size:11px;font-weight:750}.automatic-settlement header{align-items:flex-start}.automatic-settlement header span{color:#9b7209;font-size:10px;font-weight:750}.automatic-settlement p{margin:11px 0 0;padding:12px;border-radius:11px;background:#fff9e9;color:#675a36;font-size:10px;line-height:1.65}.history-policy{margin:9px 0 0;color:var(--muted);font-size:11px;line-height:1.55}.history-card>div{display:grid;margin-top:10px}.history-card>div button,.history-card>div p{margin:0;padding:11px 0;border:0;border-top:1px solid var(--line);background:#fff;color:#555467;text-align:left;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.history-card>div button{display:flex;align-items:center;gap:7px}.history-card>div button span{min-width:0;overflow:hidden;text-overflow:ellipsis}.history-card>div button em{flex:0 0 auto;margin-left:auto;color:var(--violet);font-size:10px;font-style:normal;font-weight:700}.model-links{display:grid;gap:10px}.model-links a{display:grid;gap:4px;padding:13px;border-radius:12px;background:#f7f6ff}.model-links strong{font-size:11px}.model-links span{color:var(--muted);font-size:9px}
.compare-view{display:grid;grid-template-columns:300px minmax(0,1fr);min-height:0;padding:18px;gap:16px;background:#fbfbfe}.compare-prompt{padding:20px;border:1px solid var(--line);border-radius:16px;background:#fff;overflow:auto}.compare-prompt>span{color:var(--violet);font-size:10px;font-weight:800}.compare-prompt h1{margin:9px 0 20px;font-size:24px}.compare-prompt label{display:grid;gap:7px;margin:0 0 14px;color:#555468;font-size:10px;font-weight:700}.compare-prompt textarea,.compare-prompt select{width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;padding:10px;resize:vertical;font-size:11px}.compare-prompt button{width:100%;height:44px;border:0;border-radius:11px;background:var(--violet);color:#fff;font-weight:800;cursor:pointer}.compare-prompt small{display:block;margin-top:10px;color:var(--muted);line-height:1.5}.compare-results{display:grid;grid-template-columns:1fr 1fr;min-width:0;border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden}.compare-results article{display:grid;grid-template-rows:52px minmax(0,1fr);min-width:0}.compare-results article+article{border-left:1px solid var(--line)}.compare-results header{display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#eff6ff;color:#1659af}.compare-results article+article header{background:#f4efff;color:#6840d5}.compare-results header span{font-size:9px}.compare-answer{padding:20px;overflow:auto;white-space:pre-wrap;font-size:12px;line-height:1.8}.compare-answer.is-loading:after{content:"";display:inline-block;width:7px;height:15px;margin-left:4px;background:currentColor;animation:blink 1s steps(1) infinite}
.usage-view{padding:26px 32px;overflow:auto}.usage-view>header{display:flex;align-items:start;justify-content:space-between}.usage-view h1{margin:0;font-size:27px}.usage-view header p{margin:7px 0 0;color:var(--muted);font-size:11px}.usage-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0}.usage-summary article{padding:18px;border:1px solid var(--line);border-radius:14px}.usage-summary span,.usage-summary strong{display:block}.usage-summary span{color:var(--muted);font-size:10px}.usage-summary strong{margin-top:8px;font-size:22px}.usage-ledger{border-top:1px solid var(--ink)}.usage-row{display:grid;grid-template-columns:140px 1fr 100px 120px;gap:16px;padding:14px 8px;border-bottom:1px solid var(--line);font-size:11px}.usage-row span{color:var(--muted)}.model-toast{position:fixed;z-index:100;left:50%;bottom:24px;max-width:min(480px,calc(100vw - 28px));padding:11px 16px;border-radius:11px;background:#17141f;color:#fff;font-size:11px;opacity:0;pointer-events:none;transform:translate(-50%,12px);transition:.2s}.model-toast.is-visible{opacity:1;transform:translate(-50%,0)}@keyframes blink{50%{opacity:0}}
.stage-tabs .view-tabs{display:flex;align-items:end;gap:28px;height:56px}.stage-tabs .provider-state{display:flex;align-items:center;gap:7px;height:56px;margin-left:auto;color:#74758a;white-space:nowrap}.stage-tabs .provider-state>span{width:8px;height:8px;border-radius:50%;background:#b8bac5}.stage-tabs .provider-state.is-ready>span{background:var(--mint)}.stage-tabs .provider-state.is-ready strong{color:#15765e}.stage-tabs .provider-state.is-error>span{background:var(--coral)}.stage-tabs .provider-state.is-error strong{color:#a53b4a}.stage-tabs .provider-state+a{margin-left:0}.answer-mode-control select{min-width:140px}.composer-tools>.answer-mode-hint{margin-left:0;padding:5px 8px;border-radius:8px;background:#f3f0ff;color:#6043bf;white-space:nowrap}.composer-tools>#composerEstimate{margin-left:auto}
@media(max-width:1180px){:root{--right:270px}.model-global-header .ecosystem-nav{gap:10px}.model-global-header .ecosystem-nav a{font-size:11px}.conversation,.composer{margin-left:4%;margin-right:4%}.conversation{padding-left:4%;padding-right:4%}}
@media(max-width:980px){.model-workspace{grid-template-columns:minmax(0,1fr)}.account-rail{display:none}.compare-view{grid-template-columns:250px 1fr}.model-global-header .ecosystem-nav{display:none}}
@media(max-width:720px){body{overflow:auto}.model-app{height:auto;min-height:100dvh}.model-brand{left:14px}.model-account{right:14px}.model-workspace{display:block;height:calc(100dvh - var(--header));min-height:600px}.model-stage{height:100%;grid-template-rows:auto minmax(0,1fr)}.stage-tabs{gap:17px;padding:0 12px;overflow-x:auto}.stage-tabs button,.stage-tabs a{white-space:nowrap;font-size:11px}.stage-tabs .provider-state{display:none}.chat-heading{padding:18px 14px 8px}.chat-heading h1{font-size:22px}.chat-heading p{font-size:10px}.conversation{padding:8px 12px 18px}.starter-card{margin:18px auto;padding:20px}.starter-card h2{font-size:20px}.starter-card>div{grid-template-columns:1fr}.composer{margin:0 10px 10px}.composer-tools{overflow-x:auto}.composer-tools label{flex:0 0 auto}.composer-tools label>span,.composer-tools>.answer-mode-hint,.composer-tools>#composerEstimate{display:none}.message{grid-template-columns:28px minmax(0,1fr);gap:9px}.message.user{grid-template-columns:minmax(0,1fr) 28px}.message-avatar{width:28px;height:28px}.compare-view{display:block;overflow:auto}.compare-prompt{margin-bottom:12px}.compare-results{grid-template-columns:1fr}.compare-results article+article{border-left:0;border-top:1px solid var(--line)}.compare-answer{min-height:260px}.usage-view{padding:20px 14px}.usage-summary{grid-template-columns:1fr 1fr}.usage-row{grid-template-columns:100px 1fr 76px}.usage-row>:last-child{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.provider-state strong,.answer-mode-hint,.chat-heading p,.chat-heading button,.usage-view header button,.starter-card button,.message-avatar,.message-meta,.message-usage,.composer-tools label,.composer-tools>span,.composer-input>span,.account-rail header a,.account-rail header button,.token-gauge span,.token-card dt,.token-card dd,.automatic-settlement header span,.automatic-settlement p,.history-card>div button,.history-card>div p,.model-links strong,.model-links span,.compare-prompt>span,.compare-prompt label,.compare-prompt textarea,.compare-prompt select,.compare-prompt small,.compare-results header span,.usage-view header p,.usage-summary span,.usage-row,.model-toast{font-size:12px}
.chat-heading button,.usage-view header button,.compare-prompt button,.model-account{min-height:44px}.composer-input button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.token-gauge strong.is-negative,.usage-summary strong.is-negative{color:#b52828}
.compare-prompt h2{margin:9px 0 20px;font-size:24px}.usage-view h2{margin:0;font-size:27px}
:root{--coral:#e95063}
.chat-heading{gap:18px}.chat-heading-actions{display:flex;gap:8px}#mobileHistoryButton{display:none}
.history-dialog{width:min(440px,calc(100vw - 28px));max-height:min(680px,calc(100dvh - 36px));border:0;border-radius:16px;padding:0;background:#fff;color:var(--ink);box-shadow:0 28px 80px rgba(30,24,55,.24)}.history-dialog::backdrop{background:rgba(18,15,28,.48)}.history-dialog>header{display:flex;align-items:start;justify-content:space-between;gap:18px;padding:20px;border-bottom:1px solid var(--line)}.history-dialog h2{margin:0;font-size:20px}.history-dialog header p{margin:5px 0 0;color:var(--muted);font-size:12px}.history-dialog header button{min-width:52px;height:40px;border:0;border-radius:10px;padding:0 10px;background:var(--soft);font-size:12px;font-weight:700;cursor:pointer}.history-dialog>div{display:grid;max-height:420px;padding:8px 20px;overflow:auto}.history-dialog>div button,.history-dialog>div p{display:flex;align-items:center;gap:8px;margin:0;padding:14px 0;border:0;border-bottom:1px solid var(--line);background:#fff;color:#555467;text-align:left;font-size:13px;cursor:pointer}.history-dialog>div button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-dialog>div button em{flex:0 0 auto;margin-left:auto;color:var(--violet);font-size:11px;font-style:normal;font-weight:700}.history-dialog>footer{padding:16px 20px;border-top:1px solid var(--line)}.history-dialog>footer button{min-height:44px;border:0;background:transparent;color:#a53b4a;font-size:12px;font-weight:700;cursor:pointer}
@media(max-width:980px){#mobileHistoryButton{display:block}}
@media(max-width:720px){.chat-heading-actions{display:grid;gap:6px}.chat-heading-actions button{min-width:72px}}