:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#262736;background:#fafbfe;font-synthesis:none;--purple:#7866d5;--muted:#8b8b9b;--line:#e9eaf0;--sidebar:284px}*{box-sizing:border-box}body{margin:0;display:flex;height:100dvh;overflow:hidden}button,input,textarea,select{font:inherit}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #bcb2ec;outline-offset:4px}input:focus,textarea:focus,select:focus{outline:2px solid #c5bbee;outline-offset:1px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.sidebar{width:var(--sidebar);flex-shrink:0;background:#f2f3f8;border-right:1px solid var(--line);padding:30px 22px 20px;display:flex;flex-direction:column;overflow-y:auto}.brand{display:flex;align-items:center;gap:11px;font-size:23px;font-weight:700;letter-spacing:-.7px}.brand-mark{width:40px;height:40px;border-radius:12px;background:var(--purple);color:white;display:grid;place-items:center;font-size:32px;box-shadow:0 4px 12px #7866d51a}.brand small{font-size:10px;font-weight:400;display:block;color:#9392a3;letter-spacing:1.4px;margin-top:3px}.new-chat{margin:30px 0 29px;border:1px solid #dcd8ed;border-radius:9px;padding:12px 13px;background:#fbfaff;color:#6f5fc0;text-align:left;font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px}.new-chat>span{font-size:20px;line-height:16px}kbd{margin-left:auto;color:#a29bb7;font-family:inherit;font-size:10px;border:1px solid #e8e4f3;padding:2px 4px;border-radius:4px}.section-label{font-size:10px;color:#9293a3;letter-spacing:1px;font-weight:500;display:flex;justify-content:space-between;margin:0 0 15px}.section-label>span{letter-spacing:0;font-size:10px;color:#9b91c0}.settings label{display:block;font-size:11px;margin:15px 0 8px;color:#626274}.settings label:first-child{margin-top:0}input,select,.settings textarea{width:100%;border:1px solid #dfe0e9;background:#fcfcff;border-radius:7px;font-size:12px;padding:10px 11px;color:#464556}.settings input{height:39px}select{height:40px}.mini-label{float:right;color:#9d9baa;font-size:10px}.key-field{position:relative}.key-field input{padding-right:43px}.key-field button{position:absolute;right:5px;top:5px;height:29px;padding:0 6px;background:transparent;border:0;color:#8b81b2;font-size:10px}.field-help{font-size:10px;line-height:1.8;color:#9796a5;margin:7px 1px 0;overflow-wrap:anywhere}details{margin-top:19px}summary{font-size:11px;color:#8b889d;cursor:pointer}.settings textarea{resize:vertical;min-height:70px}.recent-label{margin-top:30px;margin-bottom:10px}.history{min-height:40px;flex:1}.history button{width:100%;text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;background:none;border:0;padding:10px 12px;margin-bottom:3px;font-size:12px;border-radius:7px;color:#898698}.history button.active{background:#e9e6f3;color:#72649f}.history button::before{content:"◌";margin-right:9px;color:#aaa3bf}.sidebar-footer{display:flex;gap:10px;align-items:center;padding-top:20px;margin-top:20px;border-top:1px solid #e4e4ed;color:#797789;font-size:11px}.privacy-icon{font-size:25px;color:#a2a0b1}.sidebar-footer small{display:block;margin-top:4px;font-size:9px;color:#a2a0ae}main{flex:1;min-width:0;display:flex;flex-direction:column;background:radial-gradient(ellipse at 52% 38%,#f2effd88,transparent 55%),#fdfdff}.topbar{height:78px;flex-shrink:0;padding:0 38px;border-bottom:1px solid #eeeef5;display:flex;align-items:center;justify-content:space-between;background:#ffffff88}.header-left,.header-right{display:flex;align-items:center;gap:15px}.workspace-title{font-size:12px;color:#626174}.divider{height:12px;width:1px;background:#dedde8}.provider-badge{font-size:10px;background:#eeecf6;border:1px solid #e5e0f1;color:#8b7cb4;padding:5px 8px;border-radius:5px}.service-status{font-size:10px;color:#94929f;display:flex;align-items:center;gap:6px}.service-status i{height:5px;width:5px;border-radius:50%;background:#aaa}.service-status.online i{background:#78ad9c}.text-button{background:none;border:0;color:#8f8b9f;font-size:11px;padding:8px}.conversation{overflow-y:auto;flex:1;scroll-behavior:smooth}.welcome{max-width:840px;margin:0 auto;padding:43px 36px 24px;text-align:center}.eyebrow{font-size:9px;letter-spacing:2px;color:#aaa3be;display:flex;align-items:center;justify-content:center;gap:7px}.eyebrow>span{height:4px;width:4px;background:#b5a8d3;border-radius:50%}.hero-symbol{height:68px;width:68px;margin:32px auto 23px;background:linear-gradient(145deg,#fff,#ebe6fc);box-shadow:0 10px 35px #8f7bd01a,0 0 0 1px #fff inset;border:1px solid #e9e2fa;border-radius:22px;display:grid;place-items:center;font-size:53px;color:#9a87db;transform:rotate(-8deg);position:relative}.orbit-dot{position:absolute;width:9px;height:9px;background:#d5c2fa;right:-14px;top:9px;border-radius:3px;transform:rotate(30deg)}h1{font-size:43px;font-weight:600;line-height:1.45;letter-spacing:-1.5px;margin:0}h1 span{color:#8b77c7}.hero-description{color:#9994a6;font-size:12px;line-height:2;margin:17px 0 20px}.provider-strip{display:flex;justify-content:center;gap:22px;color:#9993a9;align-items:center;font-size:10px}.provider-strip span+span:before{content:"·";margin-right:22px;color:#d1cbdc}.prompt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:38px;text-align:left}.prompt-card{border:1px solid #e9e6f1;border-radius:12px;background:#ffffffb8;padding:18px 15px;text-align:left;transition:transform .15s,border-color .15s}.prompt-card:hover{border-color:#bcb0df;transform:translateY(-3px)}.card-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;font-size:18px;margin-bottom:16px}.lavender{color:#9b8ac7;background:#f0ebfa}.peach{color:#c19d86;background:#faf0e8}.mint{color:#88a99c;background:#eaf4f0}.prompt-card strong{font-size:11px;font-weight:500;display:flex;justify-content:space-between;gap:7px;color:#6a637b}.prompt-card strong span{color:#b1a8c2}.prompt-card small{display:block;font-size:10px;color:#a8a2b3;margin-top:7px;line-height:1.6}.composer-area{width:100%;max-width:990px;align-self:center;padding:14px 50px 16px}.composer{border:1px solid #e0dce9;border-radius:14px;background:#fff;box-shadow:0 5px 25px #4d3c7210;padding:17px 18px 12px}.composer textarea{border:0;outline:none;resize:vertical;width:100%;min-height:48px;max-height:170px;font-size:13px;line-height:1.8;background:none;color:#4b445b}.composer textarea::placeholder{color:#b1abba}.composer-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:8px;gap:10px}.composer-bottom>span{font-size:10px;color:#a19aad;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:48%}.composer-bottom>div{display:flex;align-items:center;gap:15px}.keyboard-hint{font-size:9px;color:#b8b1c2}#send{width:32px;height:32px;border:0;background:var(--purple);color:white;border-radius:9px;font-size:23px;line-height:1}#send:disabled{background:#b7a7d8;opacity:.6}.disclaimer{margin:12px 0 0;text-align:center;font-size:9px;color:#b3acbd;line-height:1.6}.error{background:#fff1ef;color:#b54739;border:1px solid #f7d4ce;border-radius:8px;padding:10px 13px;margin-bottom:10px;font-size:12px;line-height:1.6}.busy-status{font-size:11px;color:#9b83c6;padding:0 5px 10px}.messages{max-width:870px;margin:auto;padding:25px 35px}.message{margin:18px 0 30px;display:flex;gap:13px}.avatar{flex-shrink:0;width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#eee8fa;color:#9680c7;font-size:18px}.message.user .avatar{background:#edf0f4;color:#8e98a9;font-size:11px}.message-body{min-width:0;flex:1}.message-label{font-size:10px;color:#9e95ac;margin:7px 0 12px}.message-content{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.9;color:#514b5f}.message.user .message-content{background:#f1eef8;border:1px solid #e8e2f1;border-radius:2px 12px 12px 12px;padding:11px 15px}.message-tools{display:flex;gap:10px;align-items:center;margin-top:12px;font-size:9px;color:#aaa2b5}.message-tools button{background:transparent;border:0;padding:0;font-size:10px;color:#9b8bb8}.icon-button{border:0;background:none;color:#8b7f9f}.mobile-only{display:none}
@media(min-height:920px){.welcome{padding-top:70px}.hero-symbol{margin-top:45px}.prompt-grid{margin-top:48px}.composer-area{padding-bottom:25px}}
@media(max-width:1100px){:root{--sidebar:250px}.sidebar{padding:25px 18px 18px}.topbar{padding:0 24px}.welcome{padding:35px 25px 20px}h1{font-size:36px}.composer-area{padding:12px 25px}.prompt-card{padding:14px 11px}.keyboard-hint{display:none}.provider-strip{gap:10px}.provider-strip span+span:before{margin-right:10px}.hero-symbol{margin-top:22px}}
@media(max-width:760px){body{height:100dvh}.sidebar{position:fixed;inset:64px auto 0 0;z-index:5;width:280px;box-shadow:12px 0 30px #30244518;transform:translateX(-110%);transition:transform .2s}.sidebar.open{transform:translateX(0)}.mobile-only{display:block}.topbar{height:64px;padding:0 17px}.header-left{gap:10px}.header-right{gap:6px}.service-status{display:none}.workspace-title{font-size:11px}.text-button{font-size:10px}.welcome{padding:28px 18px 10px}.eyebrow{font-size:8px;letter-spacing:1.5px}.hero-symbol{width:54px;height:54px;font-size:44px;border-radius:17px;margin:25px auto 18px}h1{font-size:33px}.hero-description{font-size:11px;margin:13px 0 15px}.provider-strip{font-size:9px;gap:7px}.provider-strip span+span:before{margin-right:7px}.prompt-grid{gap:7px;margin-top:27px}.prompt-card{padding:13px 10px}.prompt-card strong{font-size:10px}.prompt-card small{font-size:9px}.card-icon{margin-bottom:13px}.composer-area{padding:10px 14px 12px}.composer{padding:12px 13px 10px}.disclaimer{font-size:8px;margin-top:8px}.messages{padding:12px 18px}.message-content{font-size:13px}.brand{font-size:21px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.history-row{display:flex;align-items:center;gap:3px;margin-bottom:3px}.history-row .history-chat{flex:1;min-width:0;margin:0}.history-row .delete-chat{width:28px;flex-shrink:0;padding:4px 0;margin:0;text-align:center;font-size:20px;color:#8c829e}.history-row .delete-chat::before{content:none}.history-row .delete-chat:hover{background:#f9e6e5;color:#ae554d}.history-empty{font-size:11px;line-height:1.8;color:#92909e;padding:0 6px}.deleted-notice{display:flex;align-items:center;justify-content:space-between;background:#e9e6f3;border-radius:7px;padding:10px 12px;font-size:11px;color:#72649f;margin-top:12px}.deleted-notice button{border:0;background:none;font-size:11px;color:#6552ac;padding:3px}
/* Model library */
.sidebar{--sidebar:310px;width:var(--sidebar);padding-top:22px}.new-chat{margin:22px 0 10px}.catalog-launch{display:flex;justify-content:space-between;align-items:center;background:#7866d5;color:white;border:0;border-radius:9px;padding:13px 12px;font-size:12px;margin-bottom:24px;flex-shrink:0}.catalog-launch span{font-size:10px;color:#e5defb}.settings>.text-button{padding:5px 0;font-size:10px;color:#7460bf}.task-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.task-row select{padding:8px 5px;font-size:11px}.field-help{color:#777486}.settings{flex-shrink:0}.task-controls{border:1px solid #e5dfef;background:#faf8fe;padding:12px 16px;border-radius:12px;margin-bottom:10px;max-height:220px;overflow:auto;font-size:11px}.task-controls p{margin:0 0 8px;line-height:1.7;color:#756d89}.task-controls label{display:block;color:#6f6781;font-size:11px}.task-controls textarea{width:100%;padding:10px;border:1px solid #ded6e8;border-radius:7px}.generation-options{display:flex;gap:10px;flex-wrap:wrap}.generation-options label{min-width:110px;flex:1}.generation-options select{margin:5px 0}.generated-media{max-width:100%;max-height:560px;display:block;border-radius:10px;margin-top:16px}audio.generated-media{width:100%}a.generated-media{color:#6b55b6;text-decoration:underline}dialog{color:#302b42;border:1px solid #e8e2f1;border-radius:20px;box-shadow:0 30px 100px #30254635;padding:0;background:#fcfbff}dialog::backdrop{background:#201a354d;backdrop-filter:blur(5px)}#modelLibrary{width:min(1240px,96vw);height:min(900px,94dvh);max-width:none;max-height:none;overflow:hidden}#modelLibrary[open]{display:flex;flex-direction:column}.library-header{padding:26px 30px 20px;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #eae5f0;background:linear-gradient(100deg,#f3effc,#fff)}.library-header .eyebrow{justify-content:flex-start;font-size:10px;letter-spacing:3px;color:#8d7db8}.library-header h2{font-size:25px;letter-spacing:-.6px;margin:7px 0 9px;font-weight:600}.library-header p{font-size:11px;color:#8c819c;margin:0}.library-layout{display:grid;grid-template-columns:225px 1fr;min-height:0;flex:1}.library-filters{background:#f6f3fa;padding:22px;overflow-y:auto;border-right:1px solid #eae5f0}.library-filters label{display:block;font-size:11px;color:#80748f;margin:14px 0 7px}.library-filters label:first-child{margin-top:0}.library-filters select,.library-filters input{background:#fff;border-color:#e5dfed;font-size:11px;height:38px}.catalog-notice{font-size:10px;line-height:1.8;color:#897d97;padding-top:12px;border-top:1px solid #e4dceb}.library-content{padding:20px 25px;overflow-y:auto}.library-results{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#a095ac;margin-bottom:17px;gap:10px}.library-results>span:first-child{color:#786791}.model-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.model-card{border:1px solid #e6dfef;background:white;border-radius:13px;padding:20px;display:flex;flex-direction:column;min-width:0;transition:border-color .15s}.model-card:hover{border-color:#b5a5d5}.model-kicker{font-size:10px;color:#9c88b6;letter-spacing:.3px}.model-card h3{font-size:16px;line-height:1.5;margin:9px 0 5px;font-weight:600;overflow-wrap:anywhere}.model-card code{font-size:10px;color:#a295af;overflow-wrap:anywhere}.model-intro{font-size:11px;line-height:1.9;color:#7c718a;margin:15px 0;flex:1}.model-tags{display:flex;flex-wrap:wrap;gap:5px}.model-tags span{font-size:9px;color:#8b779d;background:#f4eff9;padding:4px 6px;border-radius:4px}.model-tags .free-badge{background:#e8f5ed;color:#478561}.model-route{font-size:10px;line-height:1.6;color:#91839e;margin:14px 0}.model-actions{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #eee7f4;padding-top:12px}.model-actions button,.pagination button{font-size:11px;border:0;border-radius:7px;padding:8px 10px;color:#8b79a4;background:#f3eef9}.model-actions button:last-child{color:#fff;background:#8b73bd}.pagination{display:flex;align-items:center;justify-content:center;gap:20px;padding:25px 0 5px;font-size:11px;color:#8c7c9e}.library-footer{border-top:1px solid #eae5f0;padding:13px 25px;font-size:10px;line-height:1.7;color:#9c8fa9;background:#faf8fd}.empty-models{grid-column:1/-1;padding:40px 20px;line-height:2;color:#8d7d9e;font-size:13px}#detailDialog{width:min(650px,94vw);max-height:90dvh;padding:26px;overflow:auto}.detail-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.detail-header h2{font-size:23px;margin:0;line-height:1.5;overflow-wrap:anywhere}#detailContent{font-size:12px;line-height:1.9;color:#7c6c8e}.detail-intro{margin:20px 0}#detailContent dl{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px;background:#f5f0fa;padding:18px;border-radius:10px}#detailContent dt{color:#9a88ac}#detailContent dd{margin:0;overflow-wrap:anywhere}#detailContent h3{font-size:13px;color:#665378;margin-top:23px}#detailContent pre{background:#f4f0f8;padding:14px;font-size:10px;overflow:auto;border-radius:8px}.detail-links{display:flex;gap:20px;flex-wrap:wrap;color:#7f61ac;text-decoration:underline;margin-top:20px}#useDetailModel{margin-bottom:0;padding:13px 18px;background:#8064b2;color:white}.price-table{width:100%;border-collapse:collapse;font-size:11px}.price-table td{padding:7px;border-bottom:1px solid #eee8f3}.price-table td:last-child{text-align:right;font-variant-numeric:tabular-nums}
@media(min-width:1300px){.model-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.library-header{padding:20px}.library-header h2{font-size:21px}.library-header p{line-height:1.8}.library-layout{display:block;overflow-y:auto}.library-filters{display:grid;grid-template-columns:1fr 1fr;gap:7px 12px;padding:14px;border-bottom:1px solid #e8dff0}.library-filters label{margin:0;align-self:center}.library-filters .catalog-notice{grid-column:1/-1;margin:0}.library-content{padding:17px;overflow:visible}.model-cards{grid-template-columns:1fr}.library-results{align-items:flex-start;font-size:10px}.library-footer{padding:10px 17px}.sidebar{width:310px}.task-controls{max-height:170px}.detail-header h2{font-size:19px}#detailContent dl{grid-template-columns:80px minmax(0,1fr)}}
.advanced-panel{background:#fff;border:1px solid #e4dcee;border-radius:14px;padding:18px 20px;margin:8px 0 12px;max-height:62dvh;overflow:auto;color:#766883;font-size:12px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-title h2{margin:0;font-size:17px;color:#635273}.panel-title span{font-size:10px;color:#9988aa}.advanced-panel p{font-size:11px;line-height:1.8}.advanced-panel label{display:block;font-size:11px;margin:12px 0 6px}.advanced-panel textarea{width:100%;padding:12px;resize:vertical;min-height:90px;border:1px solid #e1d8eb;border-radius:8px;font-size:12px;color:#51445f;background:#fdfbff}.panel-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.panel-actions button,.batch-recovery button{border:1px solid #e5dcee;background:#f6f0fb;color:#81679d;border-radius:7px;padding:9px 12px;font-size:11px}.panel-actions button:first-child{color:white;background:#8970ba;border-color:#8970ba}.batch-recovery{display:flex;gap:8px}.batch-recovery input{flex:1;min-width:0}.batch-recovery button{white-space:nowrap}.batch-job{border:1px solid #e8e0f0;border-radius:9px;padding:13px;margin-top:12px}.batch-job-title{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.batch-job-title code{font-size:10px;overflow-wrap:anywhere}.batch-job-title strong{color:#7f62a4}.batch-job p{margin:7px 0}.batch-job details{margin-top:10px}.batch-job pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:250px;overflow:auto;background:#f8f5fb;padding:12px;font-size:11px;border-radius:6px}.batch-jobs{max-height:380px;overflow:auto}#batchNotice,#realtimeNotice{font-size:11px;line-height:1.8;color:#9474ad}#realtimeState{color:#8b6bb0}#endRealtime{color:#a56475}#recordRealtime:not(:disabled){background:#8e72be;color:white;border-color:#8e72be}@media(max-width:760px){.advanced-panel{padding:12px;max-height:60dvh}.panel-title{align-items:flex-start;flex-direction:column}.batch-jobs{max-height:260px}.panel-actions button{padding:8px;font-size:10px}.batch-recovery{flex-wrap:wrap}.batch-recovery input{width:100%;flex-basis:100%}}
