:root{color-scheme:dark;--bg:#08090b;--panel:#0c0d10;--surface:#111216;--surface-2:#17191e;--line:#25272d;--line-soft:#1a1c22;--ink:#f0f0f3;--secondary:#b8b9c3;--muted:#777b8a;--dim:#505563;--blue:#b4c8ea;--pink:#e4bbd0;--accent:var(--blue);--header:72px;--sidebar:280px;--monitor:310px;--font:Inter,"Helvetica Neue",Arial,sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--glow:.65}
*{box-sizing:border-box}html,body{margin:0;min-width:320px;height:100%;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;-webkit-font-smoothing:antialiased}body{overflow:hidden}button,input,textarea,select{font:inherit;color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button{background:none;border:0}a{color:inherit;text-decoration:none}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--blue);outline-offset:5px}button:focus:not(:focus-visible){outline:none}button:active{transform:translateY(1px)}button .icon{pointer-events:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}::selection{background:#66738577}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background:#353842;border-radius:3px}::-webkit-scrollbar-track{background:transparent}[hidden]{display:none!important}.icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle}.eyebrow{font-family:var(--mono);font-size:11px;line-height:1.5;font-weight:400;letter-spacing:.1em}.muted{color:var(--muted)}.dim{color:var(--dim)}.blue{--tone:var(--blue)}.pink{--tone:var(--pink)}.muted{--tone:#777e8d}.text-link{display:inline-flex;align-items:center;gap:9px;color:var(--secondary);font-size:13px}.text-link:hover{color:var(--ink)}.icon-button{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);flex-shrink:0;border-radius:2px;transition:color .18s,background .18s}.icon-button:hover{color:var(--ink);background:var(--surface-2)}.icon-button.small{width:26px;height:26px}.small .icon{width:16px;height:16px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:43px;padding:10px 18px;font-size:13px;font-weight:500;border:1px solid var(--line);border-radius:2px;white-space:nowrap;transition:background .2s,color .2s,border-color .2s}.button .icon{width:17px;height:17px}.button.primary{background:#e7eaf0;color:#15171c;border-color:#e7eaf0}.button.primary:hover{background:white;border-color:white}.button.secondary{background:var(--surface)}.button.secondary:hover{border-color:#5a5e6b;background:#1b1e24}.button.ghost{border-color:transparent;color:var(--secondary)}.button.ghost:hover{color:var(--ink);background:var(--surface)}.button.danger{border-color:#5a303e;color:#e7b4c4;background:#24161c}.full{width:100%}
.app-header{height:var(--header);display:flex;align-items:center;padding:0 27px 0 24px;gap:28px;border-bottom:1px solid var(--line);background:var(--bg);position:relative;z-index:20}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-symbol{height:30px;width:30px;display:grid;place-items:center;color:var(--ink);transform:rotate(90deg)}.brand-symbol .icon{width:27px;height:27px;stroke-width:1.1}.brand-word{font-size:18px;letter-spacing:.045em;font-weight:600}.brand-word span{color:var(--muted);padding:0 1px}.header-center{display:flex;align-items:center;gap:19px;flex:1;color:var(--muted)}.header-line{width:1px;height:20px;background:var(--line)}.preview-badge{font-family:var(--mono);font-size:9px;letter-spacing:.09em;color:#858b98;border:1px solid #32353c;padding:5px 7px;border-radius:2px;white-space:nowrap}.header-actions{display:flex;gap:22px;align-items:center}.usage-button{display:flex;gap:16px;font-family:var(--mono);font-size:10px;letter-spacing:.01em;color:var(--muted);padding:10px 0}.usage-button b{font-weight:400;color:var(--secondary);margin-left:3px}.usage-button:hover b{color:var(--blue)}.theme-switch{display:flex;border:1px solid var(--line);padding:3px;gap:2px}.theme-switch button{font-family:var(--mono);font-size:10px;letter-spacing:.07em;padding:6px 10px;color:var(--muted)}.theme-switch button.active{color:#171a20;background:#dfe5ed}.account-button{display:grid;place-items:center;width:32px;height:32px;font-size:11px;font-weight:500;background:#22242a;border:1px solid #3b3d45;border-radius:50%;color:var(--secondary)}.workspace{height:calc(100dvh - var(--header));display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr)}.chat-workspace{grid-template-columns:var(--sidebar) minmax(0,1fr) var(--monitor)}.sidebar{border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0;background:var(--panel)}.side-scroll{overflow-y:auto;flex:1;scrollbar-gutter:stable}.nav-caption{display:flex;justify-content:space-between;padding:27px 23px 12px;color:var(--dim)}.nav-caption span{color:var(--muted)}.main-nav{padding:0 12px 19px}.nav-item{height:43px;display:flex;align-items:center;gap:12px;padding:0 13px;font-size:13px;color:var(--muted);border:1px solid transparent;margin:2px 0;position:relative}.nav-item .icon{width:17px;height:17px}.nav-item:hover{color:var(--ink);background:#13151a}.nav-item.active{background:#1a1c22;border-color:#2b2e37;color:var(--ink)}.nav-item.active:before{content:"";position:absolute;left:-13px;height:18px;width:2px;background:var(--blue)}.nav-count{font-family:var(--mono);font-size:10px;color:var(--dim);margin-left:auto}.sidebar-footer{height:49px;flex-shrink:0;border-top:1px solid var(--line);display:flex;align-items:center;gap:9px;padding:0 23px;color:var(--dim)}.sidebar-footer .icon-button{margin-left:auto}.presence-dot,.tiny-dot{width:5px;height:5px;border-radius:50%;background:#667483;flex-shrink:0}.presence-dot{background:var(--blue);opacity:.55}.tiny-dot.blue{background:var(--blue)}.sidebar-quiet{margin:50px 26px;color:var(--muted)}.sidebar-quiet p{font-size:14px;line-height:1.8}.sidebar-quiet p span{color:var(--dim)}.thin-orbit{display:block;width:34px;height:34px;border:1px solid #323845;border-radius:50%;margin:0 0 24px;position:relative;transform:rotate(-30deg)}.thin-orbit:after{content:"";position:absolute;inset:6px -5px;border:1px solid #41424c;border-radius:50%}.mixer{border-top:1px solid var(--line);padding:17px 23px 21px}.section-kicker{display:flex;align-items:center;justify-content:space-between;min-height:28px;margin-bottom:10px;color:var(--muted)}.mode-switch{display:flex;padding:3px;border:1px solid #2b2e36;background:#080a0d;margin-top:8px}.mode-switch button{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 4px;width:50%;font-size:12px;color:var(--muted)}.mode-switch button .icon{width:13px;height:13px}.mode-switch button.active{background:#252933;color:var(--ink);box-shadow:0 1px 8px #0005}.mode-note{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px;margin:11px 0 22px;white-space:nowrap}.mixer-tabs{display:flex;border-bottom:1px solid var(--line);gap:21px}.mixer-tabs button{padding:0 0 10px;font-size:12px;color:var(--muted);position:relative}.mixer-tabs button.active{color:var(--ink)}.mixer-tabs button.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:var(--blue)}.fader-group{font-size:9px;color:var(--dim);margin:20px 0 14px;letter-spacing:.13em}.fader{margin:0 0 15px}.fader-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;min-height:17px}.fader-label label{color:var(--secondary);font-size:12px}.fader-label>span{display:flex;align-items:center;gap:4px}.fader output{font-family:var(--mono);font-size:11px;color:var(--tone,var(--ink))}.lock-button{color:var(--dim);padding:0 0 0 4px}.lock-button .icon{width:11px;height:11px}.lock-button[aria-pressed=true]{color:var(--blue)}input[type=range]{width:100%;height:16px;appearance:none;-webkit-appearance:none;background:transparent;margin:0;cursor:pointer;display:block}input[type=range]::-webkit-slider-runnable-track{height:2px;background:linear-gradient(to right,var(--tone,var(--blue)) 0 var(--fill,50%),#2b2f37 var(--fill,50%) 100%)}input[type=range]::-moz-range-track{height:2px;background:#2b2f37}input[type=range]::-moz-range-progress{height:2px;background:var(--tone,var(--blue))}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:6px;height:12px;background:#e1e5ec;border-radius:1px;margin-top:-5px;border:1px solid #e1e5ec;box-shadow:0 0 0 3px var(--panel)}input[type=range]::-moz-range-thumb{width:6px;height:12px;border:0;background:#e1e5ec;border-radius:1px}input[type=range]:disabled{opacity:.4;cursor:default}.quick-mixes{border-top:1px solid var(--line);margin-top:25px;padding-top:14px}.mix-chips{display:grid;grid-template-columns:1fr 1fr;gap:6px}.mix-chip{display:flex;align-items:center;gap:7px;border:1px solid var(--line);padding:8px 9px;color:var(--secondary);font-size:11px;text-align:left}.mix-chip>span{font-size:15px;color:var(--pink)}.mix-chip.selected{border-color:#5a6576;background:#1c222c;color:var(--blue)}.mix-chip.selected>span{color:var(--blue)}.save-mix{display:flex;align-items:center;gap:8px;justify-content:center;padding:13px 0 0;width:100%;font-size:11px;color:var(--muted)}.save-mix .icon{width:13px;height:13px}
.chat-panel{min-width:0;display:flex;flex-direction:column;position:relative;overflow:hidden;background:radial-gradient(ellipse at 70% 0,#15192250,transparent 45%),var(--bg)}.chat-header{height:94px;flex-shrink:0;border-bottom:1px solid var(--line-soft);display:flex;justify-content:space-between;align-items:center;padding:0 34px;gap:16px}.character-heading{display:flex;gap:13px;align-items:center}.portrait{display:block;object-fit:cover;aspect-ratio:1;height:auto;background-color:#15191f;flex-shrink:0}.header-avatar{width:43px;height:43px;border:1px solid #323640;border-radius:3px}.character-name{font-size:21px;letter-spacing:-.025em;display:flex;align-items:center;gap:15px}.character-number{font-size:9px;font-family:var(--mono);letter-spacing:.1em;color:var(--dim)}.character-subtitle{font-size:11px;color:var(--muted);display:block;margin-top:4px}.chat-tools{display:flex;gap:4px}.conversation{overflow-y:auto;min-height:0;flex:1;padding:28px 38px 15px;scrollbar-gutter:stable}.conversation-date,.conversation-end{display:flex;align-items:center;gap:14px;color:var(--dim);margin:0 0 34px;white-space:nowrap}.conversation-date>span:first-child,.conversation-date>span:last-child,.conversation-end>span:first-child,.conversation-end>span:last-child{height:1px;background:var(--line-soft);flex:1}.conversation-date .eyebrow{font-size:9px}.message{padding:0 0 29px;max-width:740px}.message-meta{display:flex;align-items:center;gap:14px;font-size:10px;letter-spacing:.08em;font-family:var(--mono);margin-bottom:13px;color:var(--secondary)}.message-meta time{color:var(--dim);font-size:9px;letter-spacing:0}.message-meta .message-state{color:var(--blue);font-size:8px;letter-spacing:.1em;padding-left:11px;border-left:1px solid #323a47}.user-message .message-meta>span:first-child{color:#777f8d}.message p{font-size:16px;line-height:1.75;font-weight:400;letter-spacing:-.013em;margin:0 0 13px;color:#dadbe2}.message p:last-child{margin-bottom:0}.user-message p{color:#9c9fac;font-size:15px}.ai-message{padding-left:0;position:relative}.ai-message:before{content:"";position:absolute;width:2px;left:-15px;top:33px;bottom:61px;background:linear-gradient(#8397b13b,transparent)}.ai-message .soft-text{color:#a0a4b1}.message-actions{display:flex;align-items:center;gap:17px;margin-top:18px}.message-actions button{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--dim);padding:0}.message-actions button:hover{color:var(--secondary)}.message-actions .icon{width:13px;height:13px}.conversation-end{margin:8px 0 0}.conversation-end .eyebrow{font-size:8px}.composer-wrap{padding:12px 30px 18px;flex-shrink:0;background:linear-gradient(transparent,var(--bg) 12%)}.composer{border:1px solid #353943;background:linear-gradient(115deg,#171a2180,#111319);padding:16px 17px 10px;box-shadow:0 10px 50px #0003;transition:border-color .2s}.composer:focus-within{border-color:#74839c}.composer textarea{display:block;width:100%;resize:none;border:0;background:none;font-size:14px;line-height:1.55;min-height:30px;max-height:100px;outline:none;color:var(--ink);padding:0}.composer textarea::placeholder{color:#606776}.composer-bottom{display:flex;align-items:center;gap:9px;margin-top:10px}.composer-attach{color:var(--muted);padding:0}.composer-attach .icon{width:18px;height:18px}.composer-context{font-size:10px;color:var(--muted);margin-left:3px;margin-right:auto}.composer-context>span{padding:0 6px;color:var(--dim)}.send-button{height:31px;width:34px;background:#e1e7ef;color:#1d222a;display:grid;place-items:center}.send-button .icon{width:18px;height:18px;transform:rotate(-35deg)}.composer-caption{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:var(--dim);padding-top:11px}.composer-caption button{display:flex;align-items:center;gap:6px;font-size:9px;color:var(--muted);padding:0}.composer-caption .icon{width:11px;height:11px}
.monitor{border-left:1px solid var(--line);overflow:auto;padding:20px 22px 10px;position:relative;min-width:0;background:#0b0d1080}.live-indicator{font-family:var(--mono);font-size:8px;color:var(--blue);border:1px solid #303b4c;padding:3px 5px;letter-spacing:.08em}.scope-card{position:relative;margin:8px -3px 0;min-height:276px;background:radial-gradient(ellipse at 50% 48%,#212b452b,transparent 70%)}.scope-overline{position:absolute;left:10px;right:5px;top:1px;display:flex;align-items:center;justify-content:space-between;z-index:1;color:var(--dim)}.scope-overline .eyebrow{font-size:8px}.scope-card canvas{display:block;width:100%;height:235px}.scope-corner{position:absolute;width:9px;height:9px;border-color:#464c58;z-index:1}.scope-corner.top-left{top:0;left:0;border-top:1px solid;border-left:1px solid;color:#343c4a}.scope-corner.bottom-right{bottom:0;right:0;border-bottom:1px solid;border-right:1px solid;color:#343c4a}.scope-name{display:flex;align-items:center;gap:10px;padding:0 10px 13px;margin-top:-5px}.scope-symbol{font-size:25px;color:var(--blue)}.scope-name strong{display:block;font-size:20px;font-weight:400;letter-spacing:-.04em}.scope-name div>span{display:block;margin-top:5px;color:var(--muted);font-size:7px;letter-spacing:.13em;font-family:var(--mono)}.scope-tabs{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);margin:17px 0 21px;gap:5px}.scope-tabs button{padding:0 7px 10px;color:var(--dim);font-family:var(--mono);font-size:9px;border-bottom:1px solid transparent;flex:1}.scope-tabs button.active{color:var(--secondary);border-color:var(--blue)}.telemetry .section-kicker{margin-bottom:13px}.telemetry .eyebrow{font-size:9px}.telemetry-row{display:flex;align-items:center;gap:12px;margin-bottom:16px}.telemetry-row>span{font-size:11px;color:#9197a5;flex:1;white-space:nowrap}.telemetry-row output{font-family:var(--mono);font-size:10px;min-width:15px;text-align:right;color:var(--tone)}.meter-track{width:49px;height:2px;background:#242933}.meter-track i{display:block;height:100%;background:var(--tone);opacity:.7;transition:width .4s}.state-history{border-top:1px solid var(--line);margin-top:21px;padding-top:13px}.state-history .eyebrow{font-size:9px}.state-history canvas{height:63px;width:100%;display:block}.history-labels{display:flex;justify-content:space-between;color:var(--dim);font-family:var(--mono);font-size:8px}.monitor-note{display:flex;gap:8px;align-items:center;color:var(--dim);font-size:9px;line-height:1.6;border-top:1px solid var(--line-soft);margin-top:23px;padding:15px 0}.monitor-note .icon{width:13px;height:13px}
.page-content{padding:48px 50px 70px;overflow:auto;min-width:0;background:radial-gradient(ellipse at 80% 0,#19223228,transparent 40%),var(--bg)}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:38px}.page-heading .eyebrow{color:var(--muted);font-size:10px}.page-heading h1{font-size:43px;line-height:1.15;letter-spacing:-.055em;margin-top:12px;font-weight:400}.page-heading p{font-size:13px;line-height:1.7;color:var(--muted);margin-top:13px}.heading-actions{display:flex;gap:8px;align-self:flex-end;margin-bottom:5px}.page-toolbar{border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:29px;min-height:45px}.tabs{display:flex;gap:25px;align-self:stretch}.tabs button{padding:0 0 14px;font-size:12px;color:var(--muted);border-bottom:1px solid transparent;white-space:nowrap}.tabs button.active{color:var(--ink);border-color:var(--blue)}.tabs button>span{font-family:var(--mono);font-size:9px;color:var(--dim);margin-left:6px}.search-field{display:flex;align-items:center;gap:9px;color:var(--dim);margin-bottom:9px}.search-field .icon{width:14px;height:14px}.search-field input{border:0;background:none;outline:none;font-size:12px;width:135px}.search-field input::placeholder{color:var(--dim)}.character-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 23px}.character-card{border:1px solid var(--line-soft);background:#0e1014;transition:border-color .2s,transform .2s;min-width:0}.character-card:hover{border-color:#566275;transform:translateY(-3px)}.character-image{display:block;position:relative;width:100%;aspect-ratio:1;padding:0;overflow:hidden;background:#08090b}.card-portrait{position:absolute;inset:0;width:100%;height:100%;transition:filter .5s;filter:saturate(.65)}.character-image:hover .card-portrait{filter:saturate(1)}.portrait-shade{position:absolute;inset:0;background:linear-gradient(0deg,#07090cee,transparent 43%,#0003)}.card-index{position:absolute;top:15px;left:17px;color:#c6cfdf80;font-size:9px}.card-state{position:absolute;top:15px;right:14px;color:var(--tone);background:#080c11a8;border:1px solid #69788d3b;backdrop-filter:blur(8px);display:flex;align-items:center;gap:5px;padding:4px 7px;font-family:var(--mono);font-size:8px}.card-state i{width:3px;height:3px;background:var(--tone);border-radius:50%}.character-card-title{position:absolute;bottom:21px;left:21px;right:19px;display:flex;align-items:center;justify-content:space-between;font-size:31px;font-weight:400;letter-spacing:-.04em}.character-card-title>span{width:30px;height:30px;display:grid;place-items:center;border:1px solid #ffffff40;color:#bbc6d9}.character-card-title .icon{width:16px;height:16px}.character-card-info{padding:17px 17px 11px}.character-card-info p{font-size:11px;line-height:1.5;color:#9aa0ad;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.character-card-info>div{display:flex;align-items:center;gap:4px;margin-top:14px}.character-card-info>div>span{font-family:var(--mono);font-size:8px;color:var(--dim);margin-right:auto}.new-character-card{border:1px dashed #343943;min-height:245px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#11141a3b;transition:background .2s;color:var(--secondary);padding:20px;gap:8px}.new-character-card:hover{background:#19202b6b}.large-plus{height:42px;width:42px;border:1px solid #354151;display:grid;place-items:center;color:var(--blue);margin-bottom:11px}.large-plus .icon{width:20px;height:20px}.new-character-card strong{font-size:14px;font-weight:400}.new-character-card>span:last-child{font-size:11px;color:var(--dim)}.section-divider{margin:40px 0 22px;padding-top:22px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted)}.section-divider>span:last-child{font-size:11px;color:var(--dim)}.shared-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.shared-card{display:flex;align-items:center;gap:17px;border:1px solid var(--line);padding:15px;background:#101217}.shared-avatar{width:66px;height:66px;border:1px solid #323943}.shared-card>div{display:flex;flex-direction:column;gap:6px;min-width:0}.shared-card strong{font-weight:400;font-size:18px}.shared-card div>span{font-size:11px;color:var(--muted)}.shared-card small{font-size:10px;color:var(--dim)}.shared-card>.icon-button{margin-left:auto}.mix-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.mix-card{border:1px solid var(--line);background:linear-gradient(135deg,#141821,#0c0e12 60%);overflow:hidden;position:relative;transition:border-color .2s}.mix-card:hover{border-color:#515d70}.mix-card-top{display:flex;align-items:center;justify-content:space-between;padding:19px 17px}.mix-symbol{font-size:35px;color:var(--tone);line-height:1}.mix-spectrum{height:92px;display:flex;align-items:flex-end;justify-content:center;gap:10px;padding:10px 28px 0;margin:0 0 18px;mask-image:linear-gradient(#000,#0001)}.mix-spectrum i{width:7px;max-width:9%;background:linear-gradient(to top,transparent,var(--tone));opacity:.8;min-height:8px;transition:height .5s}.mix-card-content{padding:9px 23px 0}.mix-card-content h2{font-size:28px;font-weight:400;letter-spacing:-.04em;color:var(--ink)}.mix-card-content p{font-size:12px;line-height:1.7;margin-top:10px;color:var(--muted);min-height:41px}.mix-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:23px}.mix-tags span{font-size:7px;letter-spacing:.025em;font-family:var(--mono);padding:4px 5px;color:var(--tone);border:1px solid #65778d30;background:#66788a08}.mix-load{border-top:1px solid var(--line);width:calc(100% + 46px);margin:22px -23px 0;padding:16px 23px;display:flex;align-items:center;justify-content:space-between;color:var(--secondary);font-size:11px}.mix-load:hover{background:#26334540;color:var(--tone)}.mix-load .icon{width:15px;height:15px}.quiet-note{display:flex;align-items:center;gap:10px;font-size:11px;line-height:1.65;color:var(--dim);margin-top:28px}.quiet-note .icon{width:14px;height:14px}.back-link{display:inline-flex;align-items:center;gap:10px;font-size:11px;color:var(--muted);margin-bottom:30px}.back-link .icon{transform:rotate(180deg);width:14px;height:14px}.editor-layout{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(300px,1.2fr);gap:42px}.editor-portrait{position:relative;aspect-ratio:1;border:1px solid var(--line);overflow:hidden}.large-portrait{position:absolute;inset:0;width:100%;height:100%}.portrait-caption{position:absolute;bottom:25px;left:25px;font-size:9px;color:var(--secondary)}.portrait-actions{display:flex;gap:8px;margin-top:14px}.portrait-actions .button{flex:1;font-size:11px;padding:10px;min-height:38px}.field-hint{font-size:10px;color:var(--dim);line-height:1.7;margin-top:10px}.field{display:flex;flex-direction:column;gap:10px;margin-bottom:24px;min-width:0}.field>span{font-size:12px;color:var(--secondary);display:flex;align-items:center;justify-content:space-between;gap:12px}.field>span small{font-family:var(--mono);font-size:8px;color:var(--dim);letter-spacing:.04em}.field input,.field textarea,.field select{width:100%;border:1px solid #2f333d;background:#11141a;padding:12px 14px;font-size:13px;line-height:1.7;border-radius:2px;color:#b8bfcd;resize:vertical;min-width:0}.field input::placeholder,.field textarea::placeholder{color:#555d6c}.field-row{display:flex;align-items:flex-start;gap:18px}.grow{flex:1}.editor-footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:25px}.segmented{display:flex;border:1px solid var(--line);background:#0a0c10;padding:3px;gap:3px}.segmented button{min-height:30px;padding:7px 13px;font-size:11px;color:var(--muted);white-space:nowrap}.segmented button.active{color:var(--ink);background:#272d37}.segmented.wide button{flex:1}.field .segmented{min-height:48px}.voice-sample{margin-top:29px;border:1px solid var(--line);height:47px;width:46px}.settings-page{padding-right:65px}.settings-page .page-heading{margin-bottom:30px}.settings-tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);overflow:auto}.settings-tabs button{padding:0 0 15px;color:var(--muted);font-size:12px;border-bottom:1px solid transparent;white-space:nowrap}.settings-tabs button.active{color:var(--ink);border-color:var(--blue)}.settings-content{max-width:850px;padding-top:35px}.settings-intro{margin-bottom:29px}.settings-intro .eyebrow{color:var(--muted);font-size:9px}.settings-intro h2{font-weight:400;font-size:28px;letter-spacing:-.035em;margin-top:10px}.settings-intro p{font-size:12px;color:var(--muted);margin-top:13px;line-height:1.7}.theme-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:29px}.theme-card{border:1px solid var(--line);padding:18px;text-align:left;background:#101319;position:relative;display:grid;grid-template-columns:1fr 15px;row-gap:19px;align-items:center}.theme-card.selected{border-color:#8899b1;background:#19212a55}.theme-card>span:nth-child(2){display:flex;flex-direction:column;gap:6px}.theme-card strong{font-size:14px;font-weight:400}.theme-card small{font-size:11px;color:var(--muted)}.radio-dot{display:block;width:13px;height:13px;border:1px solid #4e5767;border-radius:50%}.selected .radio-dot:after{content:"";display:block;width:7px;height:7px;margin:2px;background:var(--blue);border-radius:50%}.mini-ui{display:block;grid-column:1/-1;height:113px;position:relative;border:1px solid #343a46;background:#080a0e;overflow:hidden}.mini-ui:before{content:"";position:absolute;height:15px;left:0;right:0;top:0;border-bottom:1px solid #353b465c}.mini-ui i{position:absolute;width:20%;top:15px;bottom:0;border-right:1px solid #353b467a;background:repeating-linear-gradient(transparent 0 8px,#2b334450 8px 9px);background-size:50% 60%;background-repeat:no-repeat;background-position:50% 30%}.mini-ui b{position:absolute;left:28%;right:33%;top:34%;height:24%;background:repeating-linear-gradient(#838b9966 0 1px,transparent 1px 8px)}.mini-ui em{position:absolute;border:1px solid #aabbd09c;width:39px;height:39px;border-radius:50%;top:33%;right:10%;transform:rotate(-30deg)}.mini-ui em:before,.mini-ui em:after{content:"";position:absolute;inset:5px -5px;border:1px solid #9fb3d266;border-radius:50%;transform:rotate(60deg)}.mini-ui em:after{transform:rotate(-60deg)}.mini-ui s{position:absolute;left:26%;right:29%;height:14px;bottom:12px;border:1px solid #4a536357}.hud-mini{background:repeating-linear-gradient(0deg,transparent 0 12px,#71869b0c 12px 13px),repeating-linear-gradient(90deg,transparent 0 12px,#71869b0c 12px 13px),#090f17}.hud-mini i{border-color:#a4c0e070}.hud-mini b{background:repeating-linear-gradient(#8fb7dc70 0 1px,transparent 1px 5px)}.hud-mini em{box-shadow:0 0 20px #97bff440}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:23px 0;border-bottom:1px solid var(--line-soft);min-height:83px}.setting-row strong{font-size:13px;font-weight:400}.setting-row p{font-size:11px;line-height:1.7;color:var(--muted);margin-top:7px;max-width:420px}.setting-control{flex-shrink:0;max-width:50%}.setting-control select{font-size:12px;padding:9px;background:#14181f;border:1px solid var(--line)}.setting-range{width:185px;display:flex;gap:17px;align-items:center}.setting-range output{font-size:10px;font-family:var(--mono);color:var(--secondary);min-width:20px}.switch{display:block;position:relative;border:1px solid #424954;background:#20262f;width:33px;height:19px;border-radius:11px;padding:2px}.switch>span{display:block;width:13px;height:13px;border-radius:50%;background:#758192;transition:transform .2s}.switch.on{background:#bac7d9;border-color:#bac7d9}.switch.on>span{background:#232c3a;transform:translateX(13px)}.settings-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:27px;color:var(--dim);font-size:11px}.settings-bottom>span{display:flex;gap:7px;align-items:center}.settings-bottom .icon{width:13px;height:13px}.personality-summary{display:flex;align-items:center;gap:18px;margin-bottom:28px;border:1px solid var(--line);padding:20px;background:#11151b}.personality-summary h3{font-size:22px;font-weight:400}.personality-summary p{color:var(--muted);font-size:11px;margin-top:8px}.personality-summary .button{margin-left:auto}.provider-tabs{display:flex;gap:7px;margin-bottom:23px}.provider-tabs button{padding:11px 19px;border:1px solid var(--line);font-size:12px;color:var(--muted)}.provider-tabs button.active{border-color:#73839a;color:var(--blue);background:#1b2431}.settings-banner{display:flex;align-items:center;gap:10px;border:1px solid #3b485946;background:#1c293533;padding:13px 15px;font-size:11px;color:#8b99ae;line-height:1.6;margin:21px 0}.settings-banner .icon{width:15px;height:15px}.input-action{display:flex;align-items:stretch;border:1px solid #2f333d;background:#11141a}.input-action input{border:0;background:none!important;min-width:0;flex:1}.input-action button{padding:0 14px;white-space:nowrap;color:var(--secondary);font-size:11px}.input-action .icon{width:16px;height:16px}.voice-card{display:flex;align-items:center;gap:22px;background:radial-gradient(ellipse at 95% 0,#53435738,transparent 70%),#12161d;border:1px solid var(--line);padding:30px;margin:20px 0}.voice-avatar{color:var(--pink)}.voice-avatar .icon{width:41px;height:41px;stroke-width:1}.voice-card h3{font-size:26px;letter-spacing:-.03em;font-weight:400}.voice-card p{font-size:12px;color:var(--secondary);margin:6px 0 12px}.voice-card .eyebrow{font-size:8px;color:var(--muted)}.circle-button{border:1px solid #64718a;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;margin-left:auto;color:var(--blue)}.circle-button .icon{width:15px;height:15px}.danger-section{margin-top:25px}.account-profile{display:flex;align-items:center;gap:18px;margin-bottom:33px}.account-avatar{width:75px;height:75px;display:grid;place-items:center;border:1px solid #404b5f;background:#263143;color:#c3cfe1;font-size:22px;border-radius:50%}.account-profile h3{font-size:23px;margin-bottom:7px}.role-tag{font-family:var(--mono);font-size:8px;padding:4px 6px;border:1px solid #343b49;color:#94a0b3}.role-tag.owner{border-color:#798bac44;color:var(--blue)}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);margin:0 0 34px}.stat{padding:25px 28px;display:flex;flex-direction:column;gap:12px;border-right:1px solid var(--line)}.stat:last-child{border-right:0}.stat .eyebrow{font-size:9px;color:var(--muted)}.stat strong{font-size:35px;font-weight:300;letter-spacing:-.05em}.stat>.muted{font-size:10px}.table-scroll{overflow:auto}.users-table{border-collapse:collapse;width:100%;white-space:nowrap}.users-table th{font-family:var(--mono);font-size:9px;letter-spacing:.06em;font-weight:400;color:var(--dim);padding:0 15px 20px;text-align:left}.users-table td{border-top:1px solid var(--line-soft);font-size:11px;padding:19px 15px;color:var(--secondary)}.users-table th:first-child,.users-table td:first-child{padding-left:0}.users-table th:last-child,.users-table td:last-child{padding-right:0}.user-cell{display:flex;gap:14px;align-items:center}.table-avatar{width:33px;height:33px;display:grid;place-items:center;font-size:10px;color:#b2bdd0;background:#242c3a;border:1px solid #414c5e}.user-cell>span:last-child{display:flex;flex-direction:column;gap:5px}.user-cell strong{font-size:12px;font-weight:400}.user-cell small{font-size:10px;color:var(--dim)}.status-label{display:flex;align-items:center;gap:6px;font-size:10px;color:#95a6b6}.status-label i{width:4px;height:4px;background:#91a6b6;border-radius:50%}.status-label.banned{color:#b38696}.status-label.banned i{background:#b38696}
.auth-shell{height:100dvh;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:90px minmax(0,1fr) 55px;background:#08090c}.auth-header{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:0 48px;border-bottom:1px solid var(--line)}.auth-header>.preview-badge{margin-right:auto;margin-left:24px}.auth-header>.text-link{font-size:11px}.auth-art{position:relative;border-right:1px solid var(--line);overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#1c273d4d,transparent 64%)}.auth-art>.eyebrow{position:absolute;left:48px;top:32px;color:var(--dim);font-size:9px}.auth-art canvas{width:100%;height:75%;display:block;position:absolute;top:-3%}.auth-art-caption{position:absolute;left:12%;bottom:13%}.auth-art-caption>.eyebrow{color:var(--muted);font-size:8px}.auth-art-caption h2{font-weight:300;font-size:clamp(34px,4vw,60px);line-height:1.03;letter-spacing:-.05em;margin-top:17px}.auth-art-caption p{font-size:12px;color:var(--muted);margin-top:18px}.auth-coordinates{position:absolute;bottom:27px;left:48px;right:48px;display:flex;justify-content:space-between;font-size:8px;color:var(--dim)}.auth-form-area{display:flex;align-items:center;justify-content:center;overflow:auto;padding:40px 60px}.auth-form{width:100%;max-width:355px}.auth-form>.eyebrow{font-size:10px;color:var(--blue)}.auth-form h1{font-weight:300;font-size:60px;line-height:1.02;letter-spacing:-.06em;margin-top:22px}.auth-form>p{font-size:12px;line-height:1.8;color:var(--muted);margin:22px 0 32px;max-width:280px}.auth-form .field{margin-bottom:20px}.auth-form .field input{padding:12px 15px}.auth-form .button.full{display:flex;justify-content:space-between;padding:15px 20px;min-height:48px;margin-top:27px}.auth-private{display:flex;align-items:flex-start;gap:9px;font-size:10px;line-height:1.8;color:var(--dim);margin-top:22px}.auth-private .icon{width:13px;height:13px;margin-top:2px}.auth-preview-links{display:flex;flex-direction:column;gap:11px;border-top:1px solid var(--line);padding-top:22px;margin-top:30px;color:var(--muted)}.auth-preview-links>.eyebrow{font-size:8px;color:var(--dim);margin-bottom:2px}.auth-preview-links a{display:flex;justify-content:space-between;align-items:center;font-size:11px}.auth-preview-links .icon{width:13px;height:13px}.auth-footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:0 48px;border-top:1px solid var(--line);font-family:var(--mono);font-size:8px;letter-spacing:.09em;color:var(--dim)}.welcome-avatars{display:flex;align-items:center;gap:10px;margin:12px 0 5px}.welcome-avatars button{padding:2px;border:1px solid var(--line)}.welcome-avatars button.selected{border-color:var(--blue)}.welcome-avatars .portrait{width:41px;height:41px}.welcome-avatars .avatar-more{width:43px;height:43px;display:grid;place-items:center;border-style:dashed;color:var(--muted)}
.overlay-backdrop{position:fixed;inset:0;z-index:100;background:#030407bc;backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:30px;animation:fade-in .2s ease}.overlay-panel{width:100%;max-width:540px;border:1px solid #3b414d;background:linear-gradient(145deg,#191e28,#0d1016 70%);box-shadow:0 30px 130px #0009;max-height:calc(100dvh - 60px);overflow:auto;position:relative;padding:35px}.overlay-panel.wide{max-width:760px}.overlay-panel.drawer{max-width:430px;height:100dvh;max-height:none;margin:0 0 0 auto;border-top:0;border-right:0;border-bottom:0;padding:33px}.overlay-backdrop.drawer-backdrop{padding:0}.overlay-header{display:flex;align-items:flex-start;justify-content:space-between;gap:25px;margin-bottom:27px}.overlay-header .eyebrow{font-size:9px;color:var(--muted)}.overlay-header h2{font-weight:400;font-size:30px;letter-spacing:-.045em;line-height:1.15;margin-top:10px}.overlay-header .icon-button{margin:-10px -10px 0 0}.overlay-description{font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:24px}.overlay-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:23px;border-top:1px solid var(--line);margin-top:25px}.avatar-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.avatar-option{display:flex;flex-direction:column;gap:8px;padding:3px;color:var(--muted);border:1px solid transparent}.avatar-option.selected{border-color:var(--blue);color:var(--blue)}.avatar-option .portrait{width:100%;aspect-ratio:1}.avatar-option>span:last-child{font-family:var(--mono);font-size:8px;padding:4px 0}.avatar-group-label{font-size:9px;color:var(--dim);margin:23px 0 11px}.share-preview{display:flex;gap:15px;align-items:center;padding:16px;border:1px solid var(--line);margin-bottom:23px}.share-preview .avatar{width:49px;height:49px}.share-preview strong{display:block;font-size:17px;font-weight:400}.share-preview small{display:block;font-size:10px;color:var(--muted);margin-top:6px}.share-member{display:flex;align-items:center;gap:13px;padding:16px 0;border-bottom:1px solid var(--line-soft);font-size:12px}.share-member>span:nth-child(2){flex:1}.share-member small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.share-member button{font-size:10px;color:var(--muted)}.usage-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:25px 0}.usage-big{border:1px solid var(--line);background:#101621;padding:21px}.usage-big>.eyebrow{font-size:9px;color:var(--muted)}.usage-big strong{font-size:34px;font-weight:300;display:block;margin:13px 0 6px;letter-spacing:-.04em}.usage-big small{font-size:10px;color:var(--dim)}.detail-list{margin:20px 0}.detail-list>div{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--line-soft);font-size:12px;color:var(--muted)}.detail-list strong{font-size:12px;font-weight:400;color:var(--secondary)}.inspector-state{display:flex;align-items:center;gap:14px;padding:20px 0 24px;border-bottom:1px solid var(--line)}.inspector-state>span{font-size:42px;color:var(--blue)}.inspector-state h3{font-size:26px;font-weight:400;letter-spacing:-.03em}.inspector-state p{font-size:10px;color:var(--muted);margin-top:8px}.inspector-bars{margin:22px 0}.inspector-bars .telemetry-row{margin-bottom:19px}.inspector-bars .meter-track{width:100px}.inspector-footer{font-size:9px;color:var(--dim);line-height:1.9;font-family:var(--mono)}.screen-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.screen-grid a{display:flex;align-items:center;gap:12px;border:1px solid var(--line);padding:15px;font-size:12px;color:var(--secondary)}.screen-grid a:hover{border-color:#737f95;background:#26334644}.screen-grid .icon{width:16px;height:16px;color:var(--blue)}.screen-grid a>span:last-child{margin-left:auto;font-family:var(--mono);font-size:9px;color:var(--dim)}.conversation-list button{width:100%;display:flex;align-items:center;justify-content:space-between;padding:19px 0;border-bottom:1px solid var(--line);font-size:14px}.conversation-list button span{font-size:10px;color:var(--dim)}.icon-picker{display:flex;gap:8px}.icon-picker button{height:39px;width:39px;display:grid;place-items:center;font-size:23px;border:1px solid var(--line);color:var(--muted)}.icon-picker button.active{border-color:var(--blue);color:var(--blue)}.color-picker{display:flex;gap:12px;margin-top:7px}.color-picker button{width:23px;height:23px;background:var(--swatch);outline:1px solid transparent;outline-offset:4px;border:5px solid var(--surface)}.color-picker button.active{outline-color:var(--swatch)}.scope-full{position:fixed;inset:0;background:radial-gradient(ellipse at 50% 50%,#17213970,transparent 65%),#07090cf7;z-index:110;display:flex;flex-direction:column}.scope-full-header{display:flex;align-items:center;justify-content:space-between;padding:31px 40px}.scope-full-header>.eyebrow{color:var(--muted)}.scope-full canvas{width:100%;height:calc(100dvh - 180px);display:block;position:absolute;top:80px}.scope-full-title{position:absolute;left:55px;bottom:90px;pointer-events:none}.scope-full-title .eyebrow{color:var(--muted);font-size:10px}.scope-full-title h2{font-size:67px;font-weight:300;letter-spacing:-.055em;margin-top:14px}.scope-full-title p{font-size:11px;color:var(--muted);margin-top:14px}.scope-full-footer{position:absolute;bottom:30px;left:40px;right:40px;display:flex;align-items:center;justify-content:space-between;gap:25px}.scope-full-footer .scope-tabs{width:290px;border:1px solid var(--line);padding:10px;margin:0}.scope-full-footer .scope-tabs button{padding:6px}.scope-full-footer>.eyebrow{font-size:9px;color:var(--muted)}.loader-scene{position:fixed;inset:0;background:#08090b;z-index:120;display:flex;flex-direction:column;align-items:center;justify-content:center}.loader-scene canvas{width:330px;height:290px}.loader-scene h2{font-size:22px;letter-spacing:.12em;font-weight:400}.loader-scene p{font-family:var(--mono);font-size:9px;letter-spacing:.15em;color:var(--muted);margin-top:19px}.loader-scene>.icon-button{position:absolute;right:30px;top:30px}.loader-progress{height:1px;width:130px;background:#232a35;margin-top:34px;overflow:hidden}.loader-progress i{display:block;height:100%;width:100%;background:var(--blue);animation:load-sequence 5s linear}.voice-demo-wave{height:70px;display:flex;gap:5px;align-items:center;justify-content:center;margin:25px 0}.voice-demo-wave i{width:3px;background:var(--pink);height:var(--height);opacity:.7;animation:voice-bars 1.3s ease-in-out infinite alternate;animation-delay:var(--delay)}#toast{position:fixed;bottom:27px;left:50%;transform:translate(-50%,18px);padding:15px 22px;border:1px solid #566278;background:#161d28f5;color:#d1daea;box-shadow:0 10px 50px #0008;font-size:12px;line-height:1.7;z-index:150;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:min(540px,calc(100% - 40px));width:max-content;text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}.mobile-nav,.mobile-menu,.mobile-mixer,.drawer-scrim{display:none}.empty-search{grid-column:1/-1;padding:50px;border:1px dashed var(--line);text-align:center;color:var(--muted);font-size:14px}
body[data-theme=hud]{--bg:#080d13;--panel:#0a111a;--surface:#111c28;--surface-2:#172637;--line:#34465b;--line-soft:#1e2d3e;--blue:#9ec5eb;--pink:#d3b0c9;--muted:#71899f;--secondary:#b2c4d6;--dim:#466079}body[data-theme=hud] .chat-panel,body[data-theme=hud] .page-content,body[data-theme=hud] .auth-form-area{background-image:linear-gradient(#5c86ae0a 1px,transparent 1px),linear-gradient(90deg,#5c86ae0a 1px,transparent 1px);background-size:25px 25px}body[data-theme=hud] .app-header{background:#0c151f}body[data-theme=hud] .nav-item.active{background:#1b3043;border-color:#4a6c89}body[data-theme=hud] .nav-item.active:before{box-shadow:0 0 16px #91c4ef}body[data-theme=hud] .page-heading h1,body[data-theme=hud] .character-name,body[data-theme=hud] .scope-name strong{font-family:var(--mono);letter-spacing:-.055em}body[data-theme=hud] .page-heading h1{font-size:38px}body[data-theme=hud] .monitor{background:linear-gradient(90deg,#0c151ef5,#081019)}body[data-theme=hud] .scope-card{background:linear-gradient(#82b6e710 1px,transparent 1px),linear-gradient(90deg,#82b6e710 1px,transparent 1px);background-size:18px 18px;border:1px solid #46617d80}body[data-theme=hud] .scope-name{padding-top:12px;border-top:1px solid #46617d60}body[data-theme=hud] .telemetry-row>span{font-family:var(--mono);font-size:10px}body[data-theme=hud] .meter-track{height:5px;background:repeating-linear-gradient(90deg,#39506a33 0 3px,transparent 3px 5px)}body[data-theme=hud] .meter-track i{mask-image:repeating-linear-gradient(90deg,#000 0 3px,transparent 3px 5px)}body[data-theme=hud] .composer{background:#11223460;border-color:#4a6683}body[data-theme=hud] .preview-badge{border-color:#48536a;color:#a0bad2}body[data-theme=hud] .message-state{color:#a3cff5}body[data-theme=hud] .theme-switch button.active{background:#b4cce0}body[data-theme=hud] .character-card{background:#101b27;border-color:#344d65}body[data-theme=hud] .settings-intro h2{font-family:var(--mono);font-size:25px}body[data-density=compact]{--sidebar:250px;--monitor:280px}body[data-density=compact] .chat-header{height:76px}body[data-density=compact] .message{padding-bottom:21px}body[data-density=compact] .page-content{padding-top:32px}body[data-density=compact] .fader{margin-bottom:9px}body[data-density=compact] .setting-row{padding:16px 0;min-height:70px}body[data-motion=off] *,body[data-motion=reduced] *{animation:none!important;transition:none!important}.entered .page-heading,.entered .conversation,.entered .character-grid,.entered .mix-grid{animation:fade-in .35s ease}.no-metadata .message-state{display:none}.voice-active .icon{color:var(--pink)}
@keyframes fade-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes load-sequence{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes voice-bars{from{transform:scaleY(.4)}to{transform:scaleY(1)}}
@media(min-width:1600px){:root{--sidebar:300px;--monitor:350px}.chat-header{padding:0 45px}.conversation{padding-left:55px;padding-right:55px}.message p{font-size:18px}.user-message p{font-size:16px}.message-meta{font-size:11px}.composer-wrap{padding:15px 45px 23px}.monitor{padding:24px 29px}.scope-card canvas{height:270px}.scope-name{padding-bottom:20px}.telemetry-row{margin-bottom:19px}.telemetry-row>span{font-size:12px}.character-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.page-content{padding:55px 65px 80px}.page-heading h1{font-size:51px}.mixer{padding-left:26px;padding-right:26px}.fader-label label{font-size:13px}.nav-item{font-size:14px;height:45px}.mix-grid{gap:28px}.mix-spectrum{height:115px}.mix-card-content p{font-size:13px}.settings-content{max-width:950px}}
@media(max-width:1250px){:root{--sidebar:250px;--monitor:265px}.app-header{padding-left:18px;padding-right:18px;gap:18px}.header-center>.eyebrow,.header-center>.header-line{display:none}.header-center{gap:8px}.header-actions{gap:15px}.brand-word{font-size:16px}.brand{gap:7px}.usage-button{gap:10px;font-size:9px}.mixer{padding-left:20px;padding-right:20px}.main-nav{padding-left:9px;padding-right:9px}.nav-item.active:before{left:-10px}.mode-switch button{font-size:11px}.chat-header{padding:0 23px}.conversation{padding-left:26px;padding-right:22px}.message p{font-size:15px}.user-message p{font-size:14px}.composer-wrap{padding:10px 20px 15px}.monitor{padding:20px 16px}.scope-card canvas{height:206px}.scope-card{min-height:250px}.telemetry-row{gap:7px}.telemetry-row>span{font-size:10px}.meter-track{width:36px}.page-content{padding:35px 32px 65px}.page-heading h1{font-size:37px}.page-heading p{font-size:12px}.heading-actions .button{font-size:11px;padding:10px 13px}.character-grid{gap:18px}.character-card-title{font-size:27px;left:17px}.character-card-info{padding:14px 13px 9px}.character-card-info p{font-size:10px}.mix-grid{gap:16px}.mix-card-content{padding-left:17px;padding-right:17px}.mix-load{width:calc(100% + 34px);margin-left:-17px;margin-right:-17px;padding-left:17px;padding-right:17px}.mix-tags{gap:4px}.mix-tags span{font-size:6px}.mix-card-content p{font-size:11px}.settings-tabs{gap:19px}.settings-tabs button{font-size:11px}.editor-layout{gap:28px}.setting-range{width:145px}.auth-header,.auth-footer{padding-left:32px;padding-right:32px}.auth-form-area{padding:35px 45px}.auth-form h1{font-size:52px}.header-center .preview-badge{font-size:8px}.stats-row .stat{padding:20px}.shared-card{gap:12px;padding:13px}.shared-avatar{width:54px;height:54px}.section-divider>span:last-child{font-size:10px}}
@media(max-width:1050px){:root{--sidebar:235px;--monitor:240px}.header-center .preview-badge{display:none}.header-center{min-width:0}.app-header{gap:8px}.header-actions{gap:13px}.usage-button span:last-child{display:none}.brand-word{font-size:15px}.nav-item{font-size:12px;gap:10px}.monitor{padding-left:14px;padding-right:14px}.meter-track{width:29px}.telemetry-row{gap:5px}.scope-card canvas{height:184px}.scope-card{min-height:230px}.scope-name strong{font-size:18px}.scope-name div>span{font-size:6px}.mixer{padding-left:18px;padding-right:18px}.mode-note{font-size:9px}.chat-header{padding:0 21px}.character-number{display:none}.chat-tools{gap:0}.chat-tools .icon-button{width:29px}.character-name{font-size:20px}.header-avatar{height:38px;width:38px}.character-subtitle{font-size:10px}.message p{font-size:14px}.user-message p{font-size:13px}.message-meta{gap:10px;font-size:9px}.message-meta .message-state{font-size:7px;padding-left:8px}.conversation-date .eyebrow{font-size:7px}.message-actions{gap:13px}.message-actions button{font-size:9px}.character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mix-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-heading{align-items:flex-start}.page-heading h1{font-size:34px}.heading-actions{align-self:center}.page-content{padding:34px 27px 65px}.settings-tabs{gap:17px}.settings-tabs button{font-size:10px}.setting-control{max-width:55%}.setting-row{gap:15px}.setting-row p{font-size:10px;max-width:260px}.setting-row strong{font-size:12px}.setting-control .segmented button{padding:7px 9px;font-size:10px}.theme-card{padding:13px;row-gap:14px}.theme-card strong{font-size:12px}.theme-card small{font-size:10px}.editor-layout{grid-template-columns:1fr;gap:28px}.editor-portrait-block{max-width:330px}.editor-fields{max-width:650px}.shared-grid{grid-template-columns:1fr}.section-divider{align-items:flex-start;flex-direction:column;gap:9px}.auth-form-area{padding:30px 35px}.auth-art-caption{left:13%}.voice-card{padding:22px}.personality-summary{flex-wrap:wrap}.personality-summary .button{margin-left:0}.stats-row .stat{padding:20px 16px}.stat strong{font-size:30px}.stat .eyebrow{font-size:8px}.stat>.muted{font-size:9px}}
@media(max-width:900px){:root{--sidebar:240px;--monitor:0px}.chat-workspace{grid-template-columns:var(--sidebar) minmax(0,1fr)}.monitor{display:none}.message p{font-size:16px}.user-message p{font-size:14px}.chat-header{padding:0 28px}.conversation{padding-left:33px;padding-right:29px}.composer-wrap{padding-left:26px;padding-right:26px}.message-meta{font-size:10px}.message-meta .message-state{font-size:8px}.conversation-date .eyebrow{font-size:8px}.message-actions button{font-size:10px}.page-heading{flex-direction:column;gap:20px;margin-bottom:28px}.heading-actions{align-self:flex-start}.page-toolbar{gap:12px}.page-toolbar>.eyebrow{display:none}.search-field input{width:105px}.tabs{gap:19px}.tabs button{font-size:11px}.theme-cards{gap:12px}.theme-card small{font-size:9px}.setting-row{flex-wrap:wrap}.setting-control{max-width:100%}.settings-tabs{gap:20px}.settings-tabs button{font-size:11px}.auth-art-caption h2{font-size:43px}.auth-form-area{padding:28px}.auth-header .preview-badge{display:none}}
@media(max-width:700px){:root{--header:62px;--sidebar:280px}.app-header{height:var(--header);padding:0 18px;gap:12px}.brand-word{font-size:15px}.brand-symbol{width:25px;height:25px}.brand-symbol .icon{width:22px;height:22px}.header-center{display:none}.header-actions{margin-left:auto;gap:13px}.usage-button,.account-button{display:none}.theme-switch{padding:2px}.theme-switch button{font-size:8px;padding:5px 8px}.mobile-menu{display:inline-flex;width:25px;height:30px}.mobile-menu .icon{width:19px;height:19px}.workspace,.chat-workspace{display:block;height:calc(100dvh - var(--header) - 65px)}.sidebar{position:fixed;top:var(--header);bottom:65px;left:0;width:280px;z-index:60;transform:translateX(-100%);transition:transform .25s ease;background:#0c0f14;box-shadow:15px 0 80px #0006}.menu-open .sidebar{transform:translateX(0)}.sidebar .nav-item{font-size:14px;min-height:43px}.sidebar .mixer{padding-left:24px;padding-right:24px}.sidebar .fader-label label{font-size:13px}.sidebar .fader output{font-size:12px}.sidebar .mode-note{font-size:10px}.sidebar .mode-switch button{font-size:12px}.sidebar .mixer-tabs button{font-size:13px}.sidebar .fader-group{font-size:10px}.drawer-scrim{display:none;position:fixed;inset:var(--header) 0 65px;background:#0009;z-index:50;backdrop-filter:blur(3px)}.menu-open .drawer-scrim{display:block}.mobile-nav{position:fixed;bottom:0;left:0;right:0;height:65px;padding-bottom:env(safe-area-inset-bottom,0);display:flex;align-items:center;justify-content:space-around;border-top:1px solid #323945;background:#0e1219f7;backdrop-filter:blur(14px);z-index:70}.mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:9px;width:25%;height:100%;color:#697488}.mobile-nav .icon{width:18px;height:18px}.mobile-nav a.active{color:var(--blue);background:linear-gradient(#7592b214,transparent)}.chat-panel{height:100%}.chat-header{height:76px;padding:0 22px;gap:9px}.header-avatar{width:38px;height:38px}.character-heading{gap:11px}.character-name{font-size:20px}.character-subtitle{font-size:10px}.chat-tools .icon-button{width:28px}.mobile-mixer{display:inline-flex}.chat-tools>.icon-button:nth-last-child(3){display:none}.conversation{padding:24px 25px 15px}.conversation-date{margin-bottom:27px;gap:10px}.conversation-date .eyebrow{font-size:7px}.message{padding-bottom:26px}.message-meta{font-size:9px;margin-bottom:13px;gap:12px}.message p{font-size:16px;line-height:1.8;letter-spacing:-.016em;margin-bottom:14px}.user-message p{font-size:14px;color:#a0a6b3}.message-actions button{font-size:10px}.message-meta time{font-size:8px}.message-meta .message-state{font-size:7px}.ai-message:before{left:-12px}.composer-wrap{padding:6px 16px 12px}.composer{padding:13px 14px 8px}.composer textarea{font-size:16px;min-height:28px}.composer-bottom{margin-top:4px}.composer-caption{font-size:8px;padding-top:9px}.composer-caption button{font-size:8px}.page-content{height:100%;padding:31px 22px 40px}.page-heading h1{font-size:37px;line-height:1.1;letter-spacing:-.05em}.page-heading .eyebrow{font-size:9px}.page-heading p{font-size:13px;line-height:1.8;margin-top:13px}.page-heading{gap:22px;margin-bottom:27px}.heading-actions .button{min-height:40px;font-size:12px;padding:10px 15px}.page-toolbar{margin-bottom:24px;gap:10px}.tabs{gap:18px}.tabs button{font-size:11px;min-height:41px;padding-bottom:11px}.tabs button>span{font-size:8px;margin-left:4px}.search-field{gap:5px;margin-bottom:8px}.search-field input{font-size:11px;width:100px}.search-field .icon{width:13px;height:13px}.character-grid{gap:15px 12px}.character-card-title{left:12px;right:12px;bottom:14px;font-size:26px}.character-card-title>span{width:24px;height:24px}.character-card-title .icon{width:13px;height:13px}.card-index{left:12px;top:12px;font-size:8px}.card-state{top:11px;right:10px;font-size:7px;padding:3px 5px}.character-card-info{padding:13px 11px 9px}.character-card-info p{font-size:10px;white-space:normal;min-height:30px;line-height:1.6}.character-card-info>div{margin-top:8px;gap:0}.character-card-info>div>span{font-size:7px}.new-character-card{min-height:217px;padding:16px 10px}.new-character-card strong{font-size:12px;text-align:center;line-height:1.6}.new-character-card>span:last-child{font-size:9px}.large-plus{height:33px;width:33px}.section-divider{margin:31px 0 18px;padding-top:21px}.section-divider .eyebrow{font-size:9px}.section-divider>span:last-child{font-size:11px;line-height:1.7}.shared-card{padding:14px}.shared-avatar{width:59px;height:59px}.shared-card strong{font-size:18px}.shared-card div>span{font-size:11px}.shared-card small{font-size:10px}.mix-grid{gap:15px}.mix-card-top{padding:16px 12px}.mix-symbol{font-size:29px}.mix-spectrum{height:77px;gap:6px;padding:5px 18px 0;margin-bottom:8px}.mix-spectrum i{width:5px}.mix-card-content{padding:6px 14px 0}.mix-card-content h2{font-size:26px}.mix-card-content p{font-size:11px;line-height:1.8;min-height:60px;margin-top:11px}.mix-tags{margin-top:15px;gap:5px}.mix-tags span{font-size:6px;padding:4px}.mix-load{width:calc(100% + 28px);margin:18px -14px 0;padding:14px;font-size:11px}.quiet-note{font-size:10px;line-height:1.8;align-items:flex-start;margin-top:24px}.quiet-note .icon{margin-top:2px}.settings-page .page-heading{margin-bottom:25px}.settings-tabs{gap:23px}.settings-tabs button{font-size:12px;padding-bottom:13px}.settings-content{padding-top:29px}.settings-intro h2{font-size:26px;line-height:1.2}.settings-intro .eyebrow{font-size:9px}.theme-cards{gap:12px;margin-bottom:18px}.theme-card{padding:11px;column-gap:5px;row-gap:13px}.mini-ui{height:83px}.mini-ui em{width:27px;height:27px;right:8%;top:37%}.theme-card strong{font-size:12px}.theme-card small{font-size:9px;line-height:1.6}.radio-dot{width:12px;height:12px}.selected .radio-dot:after{width:6px;height:6px}.setting-row{padding:22px 0;gap:16px;flex-wrap:nowrap}.setting-row strong{font-size:13px}.setting-row p{font-size:11px;line-height:1.7;max-width:205px}.setting-control .segmented button{font-size:9px;padding:7px}.setting-range{width:120px;gap:10px}.setting-range output{font-size:9px}.settings-bottom{font-size:9px;gap:10px}.settings-bottom .button{font-size:10px;padding:8px}.settings-banner{font-size:11px;padding:12px}.field input,.field textarea,.field select{font-size:16px;padding:11px 12px}.field>span{font-size:12px}.field>span small{font-size:7px}.field-row{gap:14px}.editor-layout{display:flex;flex-direction:column;gap:28px}.editor-portrait-block{width:100%;max-width:360px}.back-link{font-size:11px;margin-bottom:23px}.editor-footer .button{font-size:11px;padding:10px 12px}.provider-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.provider-tabs button{font-size:10px;padding:10px 8px}.voice-card{padding:20px 18px;gap:17px}.voice-card h3{font-size:24px}.voice-card p{font-size:10px}.voice-card .eyebrow{font-size:7px}.voice-avatar .icon{width:29px;height:29px}.circle-button{width:35px;height:35px}.personality-summary{padding:17px;gap:15px}.personality-summary .button{font-size:11px;width:100%;margin-top:7px}.account-avatar{width:63px;height:63px;font-size:20px}.stats-row{margin-bottom:25px}.stat{gap:10px}.stats-row .stat{padding:19px 12px}.stat strong{font-size:29px}.stat .eyebrow{font-size:7px}.stat>.muted{font-size:8px;line-height:1.6}.admin-page .page-toolbar .search-field{display:none}.admin-page .tabs{gap:25px}.users-table th{font-size:8px;padding-right:15px;padding-left:15px}.users-table td{font-size:11px;padding:17px 15px}.user-cell{gap:11px}.user-cell strong{font-size:12px}.user-cell small{font-size:10px}.auth-shell{grid-template-columns:1fr;grid-template-rows:72px minmax(0,1fr) 46px}.auth-header{padding:0 23px}.auth-header>.text-link{font-size:10px}.auth-header>.text-link .icon{width:13px;height:13px}.auth-art{display:none}.auth-form-area{padding:35px 30px;background:radial-gradient(ellipse at 90% 5%,#1d2d474a,transparent 60%)}.auth-form{max-width:400px}.auth-form h1{font-size:62px}.auth-form>.eyebrow{font-size:10px}.auth-form>p{font-size:13px;line-height:1.7;margin:22px 0 28px}.auth-form .field input{font-size:16px}.auth-form .button.full{font-size:14px}.auth-footer{padding:0 23px;font-size:7px}.auth-footer>span:nth-child(2){display:none}.auth-private{font-size:11px}.auth-preview-links a{font-size:12px}.auth-preview-links>.eyebrow{font-size:8px}.welcome-avatars{gap:10px}.welcome-avatars .portrait{width:40px;height:40px}.welcome-avatars .avatar-more{width:44px;height:44px}.overlay-backdrop{padding:17px}.overlay-panel{padding:26px 23px;max-height:calc(100dvh - 34px)}.overlay-panel.drawer{width:100%;max-width:100%;padding:28px 25px}.overlay-header{margin-bottom:23px}.overlay-header h2{font-size:29px}.overlay-header .eyebrow{font-size:9px}.overlay-description{font-size:12px}.avatar-grid{gap:8px}.avatar-option{padding:2px}.avatar-option>span:last-child{font-size:7px}.overlay-actions .button{font-size:12px;padding:10px 15px}.screen-grid{gap:8px}.screen-grid a{font-size:11px;padding:13px 11px;gap:8px}.screen-grid a>span:last-child{font-size:8px}.screen-grid .icon{width:14px;height:14px}.scope-full-header{padding:24px}.scope-full-header>.eyebrow{font-size:10px}.scope-full canvas{top:100px;height:calc(100dvh - 240px)}.scope-full-title{left:29px;bottom:134px}.scope-full-title h2{font-size:49px}.scope-full-title .eyebrow{font-size:8px}.scope-full-title p{font-size:10px;max-width:220px;line-height:1.7}.scope-full-footer{bottom:30px;left:25px;right:25px;flex-wrap:wrap;gap:18px}.scope-full-footer>.eyebrow{font-size:8px}.scope-full-footer .scope-tabs{width:100%}.scope-full-footer .scope-tabs button{font-size:11px}.usage-big{padding:20px 17px}.usage-big strong{font-size:30px}.usage-stats{gap:12px}#toast{bottom:81px;font-size:12px;padding:14px 18px}.auth-page #toast{bottom:25px}body[data-theme=hud] .page-heading h1{font-size:33px}body[data-theme=hud] .settings-intro h2{font-size:23px}body[data-density=compact] .workspace{height:calc(100dvh - var(--header) - 65px)}body[data-density=compact] .chat-header{height:68px}}
@media(max-width:380px){.app-header{padding:0 14px}.header-actions{gap:8px}.brand-word{font-size:14px}.page-content{padding-left:17px;padding-right:17px}.conversation{padding-left:22px;padding-right:21px}.chat-header{padding-left:18px;padding-right:18px}.character-grid{gap:12px 10px}.card-state{font-size:6px}.character-card-title{font-size:23px}.character-card-info>div>span{font-size:6px}.search-field{display:none}.setting-row{flex-wrap:wrap}.setting-control{margin-left:auto}.theme-card strong{font-size:11px}.theme-card small{font-size:8px}.settings-tabs{gap:19px}.welcome-avatars{gap:7px}.welcome-avatars .portrait{width:36px;height:36px}.welcome-avatars .avatar-more{width:40px;height:40px}.screen-grid{grid-template-columns:1fr}.page-heading h1{font-size:33px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Readable controls remain consistent in both visual shells. */
.nav-item,.fader-label label,.field>span,.setting-row strong,.message-actions button,.tabs button,.settings-tabs button,.mixer-tabs button{font-size:14px!important}
.eyebrow,.preview-badge,.mode-note,.theme-switch button,.mode-switch button,.mix-chip,.save-mix,.character-subtitle,.character-number,.message-meta,.message-meta time,.message-meta .message-state,.composer-context,.composer-caption,.composer-caption button,.scope-name div>span,.scope-tabs button,.telemetry-row>span,.telemetry-row output,.fader output,.history-labels,.monitor-note,.character-card-info p,.character-card-info>div>span,.card-state,.mix-tags span,.field-hint,.quiet-note,.setting-row p,.settings-bottom,.theme-card small,.shared-card small,.shared-card div>span,.role-tag,.status-label,.users-table th,.user-cell small,.avatar-option>span:last-child,.mobile-nav a,.auth-private,.auth-footer,.auth-preview-links>.eyebrow,.voice-card .eyebrow,.stat .eyebrow,.stat>.muted,.usage-button,.composer-attach,.inspector-footer{font-size:12px!important}
.button,.setting-control .segmented button,.segmented button,.provider-tabs button,.search-field input,.mix-load,.mix-card-content p,.settings-banner,.shared-card div>span,.input-action button{font-size:14px}
.message-actions{gap:14px;flex-wrap:wrap}.message-actions .icon{width:15px;height:15px}.conversation-date{white-space:normal;text-align:center}.message-meta{flex-wrap:wrap;row-gap:8px}.scope-name div>span{line-height:1.7}.scope-name{padding-bottom:16px}.scope-card{min-height:290px}.mode-note{white-space:normal;line-height:1.5}.telemetry-row{gap:8px}.meter-track{flex-shrink:0;width:35px}.monitor-note{align-items:flex-start;line-height:1.6}.scope-tabs button{padding-left:1px;padding-right:1px}.theme-card small{line-height:1.6}.character-card-info p{white-space:normal;min-height:36px}.card-state{top:13px;right:11px}.mix-tags{row-gap:7px}.mobile-state-summary{display:none}.nav-count{font-size:12px}.live-indicator{font-size:10px}.fader-group{margin-top:22px}.section-kicker .eyebrow{font-size:11px!important}.scope-overline>.eyebrow{font-size:10px!important}.header-center>.eyebrow{font-size:10px!important}.preview-badge{font-size:10px!important}.scope-name div>span{font-size:10px!important}.composer-caption{gap:12px;align-items:flex-start}.composer-caption>span{max-width:58%}.field>span small{font-size:10px}.users-table td{font-size:13px}.mix-card-content p{min-height:54px}.mobile-state-summary canvas{pointer-events:none}.header-actions{gap:17px}.scope-tabs{gap:5px}
@media(max-width:1250px){.header-center .preview-badge{display:none}.header-center{gap:0}.page-content .page-toolbar{flex-wrap:wrap}.telemetry-row>span{font-size:11px!important}.telemetry-row output{font-size:11px!important}.meter-track{width:24px}.character-card-info>div>span{font-size:10px!important}.character-card-info p{min-height:40px}.setting-range{width:135px}.theme-card strong{font-size:14px}.scope-tabs button{font-size:11px!important}.scope-name div>span{font-size:9px!important}}
@media(max-width:900px){.header-center{display:none}.header-actions{margin-left:auto}.settings-tabs{gap:22px}.settings-tabs button{font-size:14px!important}.setting-row{flex-wrap:wrap}.setting-control{margin-left:auto}.message-actions button{font-size:12px!important}.card-state{font-size:10px!important}.scope-name div>span{font-size:10px!important}}
@media(max-width:700px){.theme-switch button{font-size:10px!important}.mobile-nav a{font-size:11px!important}.nav-item{font-size:14px!important}.chat-tools .icon-button{width:28px}.message-meta,.message-meta time{font-size:10px!important}.message-meta .message-state{font-size:9px!important}.conversation-date .eyebrow{font-size:10px!important}.conversation-end .eyebrow{font-size:9px!important}.composer-caption,.composer-caption button{font-size:10px!important}.composer-context{font-size:11px!important}.character-subtitle{font-size:11px!important}.message p{font-size:16px}.mobile-state-summary{display:flex;align-items:center;gap:9px;padding:0 21px 0 11px;min-height:70px;height:70px;flex-shrink:0;border-bottom:1px solid var(--line-soft);text-align:left;background:linear-gradient(90deg,#8ba0cd08,transparent);width:100%}.mobile-state-summary canvas{height:70px;width:71px;flex-shrink:0}.mobile-state-summary>span:nth-child(2){display:flex;flex-direction:column;gap:5px}.mobile-state-summary strong{font-size:14px;font-weight:400;color:var(--blue)}.mobile-state-summary small{font-family:var(--mono);font-size:8px;letter-spacing:.04em;color:var(--muted)}.mobile-state-expand{display:flex;align-items:center;gap:7px;margin-left:auto;font-family:var(--mono);font-size:8px;color:var(--dim)}.mobile-state-expand .icon{width:13px;height:13px}.character-card-info p{font-size:12px!important;min-height:55px}.character-card-info>div>span{font-size:9px!important}.card-state{font-size:9px!important}.character-card-title{font-size:26px}.mix-tags span{font-size:9px!important}.mix-card-content p{font-size:13px;min-height:84px}.mix-load{font-size:13px}.tabs button{font-size:13px!important}.page-toolbar .search-field{display:none}.theme-card small{font-size:11px!important}.theme-card strong{font-size:12px}.setting-row p{font-size:12px!important}.settings-bottom{flex-wrap:wrap;font-size:12px!important}.avatar-option>span:last-child{font-size:8px!important}.stat .eyebrow{font-size:9px!important}.stat>.muted{font-size:10px!important}.auth-footer{font-size:9px!important}.auth-private{font-size:12px!important}.scope-full-header>.eyebrow{font-size:11px!important}.scope-full-footer>.eyebrow{font-size:10px!important}.overlay-actions .button{font-size:13px}.screen-grid a{font-size:13px}.shared-card div>span,.shared-card small{font-size:12px!important}.mode-note{font-size:12px!important}}
@media(max-width:380px){.mobile-state-summary{padding-right:15px;gap:4px}.mobile-state-expand{font-size:7px;gap:5px}.mobile-state-summary small{font-size:7px}.mode-switch button{font-size:12px!important}}

/* Chat focus changes the surrounding layout only; the conversation stays mounted. */
body.chat-focus .app-header,body.chat-focus .sidebar,body.chat-focus .monitor,
body.chat-focus .mobile-nav,body.chat-focus .drawer-scrim,
body.chat-focus .mobile-state-summary,body.chat-focus .composer-caption{display:none}
/* Text-chat reasoning switch uses the existing Noir / HUD palette. */
.composer-bottom.has-thinking{flex-wrap:wrap}
.has-thinking .composer-context{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-thinking{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:7px 10px;border:1px solid var(--line);color:var(--secondary);font-size:14px;line-height:1.3;flex-shrink:0;transition:color .2s,border-color .2s,background .2s}
.chat-thinking[aria-pressed=true]{color:var(--blue);border-color:var(--blue);background:linear-gradient(110deg,#d3b0c918,#9ec5eb18)}
.thinking-indicator{width:10px;height:10px;border:1px solid currentColor;border-radius:50%;flex-shrink:0}
.chat-thinking[aria-pressed=true] .thinking-indicator{background:currentColor;box-shadow:0 0 9px #9ec5eb66}
.chat-thinking:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.chat-thinking:disabled{opacity:.55;cursor:wait}
@media(max-width:700px){.has-thinking .composer-context{order:-1;flex-basis:100%;margin:3px 0 5px}.has-thinking .composer-attach{margin-right:auto}.has-thinking .send-button,.has-thinking>.icon-button{min-width:36px;min-height:44px}}
body.chat-focus .chat-panel{position:fixed;inset:0;z-index:80;width:100%;height:100dvh;min-height:0}
body.chat-focus .chat-header{position:absolute;top:10px;right:14px;z-index:2;width:auto;height:36px;padding:0;border:0;background:none}
body.chat-focus .chat-header .character-heading,
body.chat-focus .chat-tools>button:not([data-action="chat-focus"]){display:none}
body.chat-focus .chat-tools>[data-action="chat-focus"]{display:inline-flex;width:36px;height:36px}
body.chat-focus .conversation{padding-top:54px}

/* One collapsible character/state header on phones; desktop keeps its toolbar. */
.chat-context-panel{flex-shrink:0;min-width:0}
.chat-context-toggle,.chat-context-reveal{display:none}
@media(max-width:700px){
 .chat-context-panel{border-bottom:1px solid var(--line-soft);background:var(--bg)}
 .chat-context-panel .chat-header{height:48px;min-height:48px;padding:0 10px;border:0;gap:2px}
 .chat-context-panel .character-heading{display:none}
 .chat-context-toggle{display:flex;align-items:center;flex:1;min-width:0;min-height:44px;gap:8px;padding:0 4px;text-align:left;color:var(--ink)}
 .chat-context-toggle .header-avatar{width:28px;height:28px;border-radius:3px}
 .chat-context-name{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .chat-context-state{font:12px var(--mono);color:var(--blue);max-width:28%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:auto}
 .chat-context-toggle>.icon{width:16px;height:16px;flex-shrink:0;transition:transform .18s}
 .chat-context-panel[data-expanded=true] .chat-context-toggle>.icon{transform:rotate(180deg)}
 .chat-context-toggle:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}
 .chat-context-panel .chat-tools{gap:0;flex-shrink:0}
 .chat-context-panel .chat-tools>.icon-button{display:none}
 .chat-context-panel .chat-tools>[data-action=chat-focus],.chat-context-panel .chat-tools>[data-action=menu],.chat-context-panel .chat-tools>[data-action=chat-menu]{display:inline-flex;width:44px;height:44px}
 .chat-context-reveal{display:grid;grid-template-rows:0fr;transition:grid-template-rows .18s ease}
 .chat-context-panel[data-expanded=true] .chat-context-reveal{grid-template-rows:1fr}
 .chat-context-panel .mobile-state-summary{display:flex;overflow:hidden;height:auto;min-height:0;padding:0 12px;gap:10px;border:0}
 .chat-context-panel .mobile-state-summary .scope-mobile-viewport{display:block;flex:0 0 88px;width:88px;height:84px;overflow:hidden}
 .chat-context-panel .mobile-state-summary .scope-mobile-viewport canvas{display:block;width:100%;height:100%;max-width:100%;max-height:100%}
 .chat-context-panel .mobile-state-summary>span:nth-child(2){min-width:0;gap:6px;flex:1}
 .chat-context-panel .mobile-state-summary strong{font:16px var(--mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .chat-context-panel .mobile-vector{font:11px var(--mono);color:var(--muted);white-space:nowrap}
 .chat-context-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}
 .chat-context-actions .icon-button,.chat-context-actions .mobile-state-expand{min-width:44px;min-height:44px;padding:0;justify-content:center;border:0;margin:0}
 .chat-context-actions .mobile-state-expand{font-size:12px;gap:4px}
 .chat-panel .composer-context{display:none}
 .chat-panel .composer{padding:10px 12px 6px}
 .chat-panel .composer-bottom{margin-top:4px;gap:8px;flex-wrap:wrap}
 .chat-panel .composer-attach{margin-right:auto;min-width:36px;min-height:44px}
 .chat-panel .composer-bottom>.icon-button,.chat-panel .send-button{min-width:36px;min-height:44px}
 .chat-panel .composer-caption{padding-top:6px}
 body[data-density=compact] .chat-context-panel .chat-header{height:48px}
 body.chat-focus .chat-context-panel{border:0}
 body.chat-focus .chat-context-toggle,body.chat-focus .chat-context-reveal{display:none}
 body.chat-focus .chat-context-panel .chat-header{height:36px;min-height:36px;padding:0}
 body.chat-focus .chat-context-panel .chat-tools>[data-action=chat-menu]{display:none}
}
.runtime-form input[name="temperature"]:disabled{opacity:.45;cursor:default}