:root{color-scheme:light;--base:#eef2f9;--panel:#eef2f9;--ink:#2a3b55;--muted:#71829b;--blue:#6b86df;--line:#dce5f1;--raise:8px 8px 20px #aebdd269,-8px -8px 20px #ffffffd9;--inset:inset 4px 4px 10px #b3c3d465,inset -4px -4px 10px #fff;--radius:20px;font:14px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft Yahei",sans-serif;background:var(--base);color:var(--ink)}
*{box-sizing:border-box}body{margin:0}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}
button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}
button{border:1px solid #dce4f2;background:var(--panel);padding:9px 12px;border-radius:11px;box-shadow:3px 3px 8px #a9bbd047,-3px -3px 8px #fff;font-size:12px;font-weight:750;white-space:nowrap}button:hover:not(:disabled){color:#4e63be;background:#f5f7ff}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #8d9aef;outline-offset:2px}
.primary{background:#6b85df;color:#fff;border-color:#6b85df;box-shadow:4px 5px 12px #647be344}.primary:hover:not(:disabled){background:#576ed0;color:white}
input:not([type=checkbox]),select,textarea{width:100%;padding:10px 12px;border-radius:10px;outline:0;border:1px solid #dbe4ef;background:#fafcff}input:not([type=checkbox]),select{height:41px}textarea{resize:vertical}input[type=checkbox]{accent-color:var(--blue)}
.lab-shell{max-width:1600px;margin:0 auto;padding:16px}.neo{background:var(--panel);box-shadow:var(--raise);border:1px solid #ffffffbc;border-radius:var(--radius)}.lab-top{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;gap:15px}
.identity,.toplinks,.button-group,.inline-field,.keybox,.header-buttons,.composer-top,.composer-foot{display:flex;align-items:center;gap:10px}.brand-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;color:#fff;font-size:24px;font-weight:900;background:linear-gradient(145deg,#6685f3,#9677e0)}.brand-title{font-size:17px;font-weight:850}.brand-title span{font-weight:450;color:#8191a6}.caption{font-size:11px;color:var(--muted)}.toplinks{gap:16px;font-size:12px}.health{color:#a5773e;background:#fff1db;padding:5px 10px;border-radius:20px;white-space:nowrap}.health.ok{color:#328c68;background:#dff3eb}
.lab-notice{margin:15px 0 18px;background:#f7f6e9;border-radius:14px;padding:11px 16px;color:#8a7754;font-size:12px}.lab-notice.error{background:#fceae6;color:#a54942}.lab-notice.ok{background:#e3f5ec;color:#237e64}
.lab-layout{display:grid;grid-template-columns:minmax(270px,370px) minmax(0,1fr);gap:20px;align-items:stretch;min-height:700px;height:min(810px,calc(100dvh - 170px))}
.settings{overflow:auto;min-height:0;padding:20px;scrollbar-width:thin}.section-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 17px}.section-title h2,.chat-head h2{font-size:16px;font-weight:850;margin:0}.section-title span{color:#7b8bc4;font-size:10px;letter-spacing:.08em}
.field{margin-bottom:17px}.field label{display:block;font-size:12px;color:#536881;font-weight:760;margin:0 0 8px}.hint{font-size:11px;color:#8d9cad;line-height:1.65;margin:7px 0 0}.keybox{position:relative}.keybox input{padding-right:67px}.keybox button{position:absolute;right:5px;top:5px;padding:6px 10px;height:30px;font-size:11px}.endpoint{padding:10px 12px;border-radius:12px;box-shadow:var(--inset);font:11px/1.6 ui-monospace,monospace;color:#6d7b95;word-break:break-all;margin-bottom:16px}.button-group>button:first-child{flex:1}.catalog-title{margin-top:28px}.segments{display:flex;background:#e0e8f3;padding:4px;border-radius:11px;gap:3px;margin:0 0 13px}.segments button{flex:1;box-shadow:none;border:0;background:transparent;padding:7px 3px;color:#8799ab;font-size:11px}.segments button.selected{background:#fbfcff;color:#516bc6;box-shadow:2px 2px 7px #aebad04f;border-radius:8px}.catalog-list{display:grid;gap:7px;max-height:300px;overflow-y:auto;padding:3px 4px 3px 1px;scrollbar-width:thin}.model-choice{text-align:left;padding:11px 12px;border-radius:12px;display:flex;flex-direction:column;gap:3px;white-space:normal}.model-choice.active{background:#e6edff;border-color:#afbdea}.model-choice strong{font-size:12px;overflow-wrap:anywhere}.model-choice small{font-size:10px;color:#8798a9}.catalog-note{margin-top:12px}.custom-model{margin-top:20px}.inline-field input{flex:1;min-width:0}.inline-field button{height:40px}
.chat{display:flex;flex-direction:column;min-width:0;overflow:hidden;min-height:0}.chat-head{padding:17px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}.chat-head p{font-size:11px;color:var(--muted);margin:3px 0 0}.header-buttons>span{max-width:165px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font:700 11px ui-monospace,monospace;background:#e4eaf7;padding:9px 12px;border-radius:9px}.chat-scroller{flex:1;min-height:0;overflow:auto;padding:19px 5%}.intro{max-width:620px;margin:clamp(25px,7vh,80px) auto 25px;text-align:center}.intro-art{width:68px;height:68px;border-radius:20px;display:grid;place-items:center;margin:auto auto 18px;background:linear-gradient(135deg,#dce6ff,#e1f2ee);font-size:30px;color:#7584c9}.intro h1{font-size:24px;margin:0 0 9px}.intro p{font-size:13px;color:var(--muted);line-height:1.8}.sample-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:left;margin-top:25px}.sample-grid button{text-align:left;white-space:normal;padding:15px;font-size:12px;min-height:79px}.sample-grid small{display:block;margin-top:5px;color:var(--muted)}
.msg{display:flex;gap:11px;margin:0 0 24px;align-items:flex-start}.msg.user{flex-direction:row-reverse}.msg-icon{display:grid;place-items:center;min-width:32px;height:32px;border-radius:10px;background:#dcefed;color:#468c80;font-weight:850}.msg.user .msg-icon{background:#dce4fe;color:#6675d6}.msg-stack{max-width:min(720px,85%)}.msg-body{padding:13px 16px;border-radius:4px 14px 14px 14px;background:#e5edf7;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.msg.user .msg-body{background:#dfe7fc;border-radius:14px 4px 14px 14px}.msg.error .msg-body{background:#fff0ec;color:#a54338}.msg-meta{color:#8a9ab2;font-size:10px;margin:6px 0;overflow-wrap:anywhere}
.composer{border-top:1px solid var(--line);padding:14px 20px}.composer-top{font-size:11px;flex-wrap:wrap;color:var(--muted);margin-bottom:12px}.composer-top button{font-size:10px;padding:6px 9px}.request-status{margin-left:auto}.advanced{display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:10px;margin:0 0 12px;font-size:11px}.advanced[hidden]{display:none}.advanced label{display:block}.advanced textarea,.advanced input{margin-top:5px}.composer-box{display:flex;gap:9px;align-items:flex-end;padding:8px;border:1px solid #dfe5ed;border-radius:14px;background:#f8faff}.composer-box textarea{background:transparent;border:0;resize:none;max-height:165px;min-height:44px}.send{font-size:21px;height:42px;min-width:43px}.composer-foot{justify-content:space-between;gap:8px;font-size:10px;margin-top:11px;color:#94a1b1;flex-wrap:wrap}.lab-foot{text-align:center;font-size:11px;color:#97a5b7;padding:20px}
@media(max-width:860px){.lab-layout{grid-template-columns:minmax(260px,330px) minmax(0,1fr)}.lab-shell{padding:10px}.toplinks{gap:8px}.chat-head{padding:14px}}
@media(max-width:700px){.lab-top{padding:11px 13px}.toplinks a{display:none}.lab-layout{display:flex;flex-direction:column;height:auto;gap:17px}.settings{max-height:520px}.chat{height:calc(100dvh - 120px);min-height:570px}.sample-grid{grid-template-columns:1fr}.chat-scroller{padding:16px}.chat-head{flex-wrap:wrap}.header-buttons{width:100%;justify-content:space-between}.composer{padding:11px}.advanced{grid-template-columns:1fr}.brand-title{font-size:14px}.brand-icon{width:34px;height:34px}.lab-notice{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}