@charset "UTF-8";
:root{font-family:Inter,"Microsoft YaHei UI",system-ui,sans-serif;color:#dfe7ee;background:#11191e;font-size:15px;color-scheme:dark}*{box-sizing:border-box}body{margin:0;display:flex;min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer;border:1px solid #34424b;border-radius:9px;background:#23313a;color:#e8f0f4;padding:10px 16px}button:hover{background:#30434d}button:disabled{opacity:.45;cursor:default}.primary{background:#b2e6c8;color:#142f23;border:0;font-weight:600}.primary:hover{background:#c8f6db}aside{width:250px;position:fixed;inset:0 auto 0 0;padding:40px 25px;background:#18232a;border-right:1px solid #28363e;display:flex;flex-direction:column}.brand{font-size:30px;font-weight:750;color:#e2f4e8;text-decoration:none}.brand span{display:block;font-size:10px;letter-spacing:3px;color:#8fa39d;margin-top:10px}.tagline{color:#8fa29d;font-size:13px;margin:24px 0 36px}nav{display:grid;gap:9px;margin-top:25px}nav button{text-align:left;background:transparent;border:none;padding:14px}nav .selected{background:#273b36;color:#b2e6c8}.sidefoot{margin-top:auto;font-size:12px;line-height:2;color:#a4bcb1}.sidefoot span{font-size:11px;color:#6d8580}.sidefoot i{display:inline-block;width:6px;height:6px;background:#b2e6c8;border-radius:50%;margin-right:7px}main{margin-left:250px;padding:38px 6%;width:calc(100% - 250px);max-width:1500px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:36px}.eyebrow{font-size:9px;letter-spacing:2px;color:#748d83}h1{font-size:28px;letter-spacing:-.5px;margin:10px 0}h2{font-size:20px;margin-top:0}.badge{border:1px solid #344c40;border-radius:20px;padding:7px 12px;font-size:12px;color:#afd9bf;white-space:nowrap}p{color:#8fa4ae;font-size:13px;line-height:1.9}.card{padding:26px;background:#19252c;border:1px solid #2b3c45;border-radius:14px;margin-bottom:18px}#settings .card{max-width:580px;margin:70px auto}label{display:block;color:#b1c0c8;font-size:12px;margin:16px 0 8px}input,textarea,select{background:#111d24;color:#e9f3f7;border:1px solid #344a56;border-radius:8px;padding:12px;width:100%;outline:none}input:focus,textarea:focus,select:focus{border-color:#a2d2b7}input+button{margin-top:20px}.modelbar{display:flex;align-items:center;gap:12px;border-bottom:1px solid #2b3c45;padding-bottom:22px}.modelbar label{margin:0;white-space:nowrap}.modelbar select{max-width:520px}#messages{min-height:360px;max-height:55vh;overflow:auto;padding:20px 0}.welcome{text-align:center;padding:35px 0}.orb{background:#263e36;color:#a8dec0;border:1px solid #426753;width:66px;height:66px;border-radius:20px;font-size:38px;line-height:65px;margin:0 auto 25px}.welcome h2{font-weight:500}.bubble{white-space:pre-wrap;overflow-wrap:anywhere;padding:18px 22px;border-radius:12px;margin:12px 0;line-height:1.85;font-size:14px;background:#192830}.bubble.user{margin-left:15%;background:#273e35;color:#d5eddf}.bubble small{display:block;color:#759d8a;letter-spacing:1px;margin-bottom:7px}.composer{padding:15px;background:#1d2c34;border:1px solid #385249;border-radius:15px}.composer textarea{border:0;resize:vertical;background:transparent;padding:6px;min-height:80px}.composer>div{display:flex;justify-content:flex-end;gap:10px;align-items:center}.composer span{font-size:11px;color:#758d97;margin-right:auto}.hint{text-align:center;font-size:11px;color:#68808a}.cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}output{display:block;overflow-wrap:anywhere;white-space:pre-wrap;color:#b2e6c8;font-family:monospace;margin-top:16px}details{border-top:1px solid #34424b;padding-top:20px;margin-top:20px}summary{cursor:pointer;color:#b2e6c8}.item{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid #293a43}.item p{margin:2px 0}.error{color:#f4a4a4}#notice{position:fixed;bottom:24px;left:50%;transform:translateX(-30%);max-width:80%;padding:12px 20px;background:#3d4a3f;border-radius:10px;display:none}[hidden]{display:none!important}@media(max-width:800px){aside{position:static;width:100%;padding:18px 20px;display:block}.brand{font-size:22px}.brand span,.tagline,.sidefoot,aside>.primary{display:none}nav{display:flex;gap:4px;margin:12px 0 0}nav button{padding:9px;font-size:12px}body{display:block}main{width:100%;margin:0;padding:24px 18px}header{margin-bottom:20px}.eyebrow{font-size:8px}h1{font-size:23px}.cards{grid-template-columns:1fr;gap:0}#settings .card{margin:20px auto}.modelbar label{display:none}.modelbar select{font-size:12px}.composer span{display:none}.welcome{padding:20px 0}.badge{font-size:10px}#messages{min-height:290px}#notice{left:50%;transform:translateX(-50%)}}