:root{--bg:#031817;--panel:#072522;--panel2:#0a302b;--ink:#edf5f0;--muted:#9eb0a8;--lime:#cbff5c;--line:rgba(222,246,232,.14);--danger:#ffb6a5}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,Arial,sans-serif;min-height:100vh}.noise{position:fixed;inset:0;z-index:-1;opacity:.25;background:radial-gradient(circle at 4% 9%,#0a5d50 0,transparent 30%),radial-gradient(circle at 91% 76%,#485e2d 0,transparent 30%)}button,input,textarea,select{font:inherit}.topbar{height:66px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(16px,2.7vw,46px);position:sticky;top:0;background:rgba(3,24,23,.9);backdrop-filter:blur(16px);z-index:5}.mark{font-weight:800;font-size:19px;letter-spacing:-.05em;text-decoration:none;color:var(--ink);display:flex;align-items:center;gap:8px}.mark i{display:grid;place-items:center;width:25px;height:25px;background:var(--lime);color:#06302a;font:20px Georgia;border-radius:3px}.mark span{font:10px 'DM Mono';letter-spacing:.14em;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:8px}.invite{font:10px 'DM Mono';color:var(--muted);margin-right:8px}.ghost,.new,.icon{border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:4px;padding:9px 11px;font-size:12px;cursor:pointer;text-decoration:none}.ghost kbd{font:10px 'DM Mono';color:var(--muted);margin-left:7px}.new{border-color:var(--lime);background:var(--lime);color:#062b26;font-weight:800}.studio-shell{min-height:calc(100vh - 66px);display:grid;grid-template-columns:minmax(270px,27vw) minmax(0,1fr)}.command{border-right:1px solid var(--line);padding:clamp(28px,5vh,70px) clamp(20px,2.8vw,48px);display:flex;flex-direction:column;justify-content:flex-start;gap:30px}.eyebrow{margin:0;color:var(--lime);font:10px 'DM Mono';letter-spacing:.14em}.command h1{font:clamp(42px,4.6vw,74px)/.91 'Playfair Display',Georgia;margin:18px 0;letter-spacing:-.07em}.command h1 em{color:var(--lime)}.command p:not(.eyebrow){font-size:13px;line-height:1.65;color:var(--muted);max-width:310px}.examples{border-top:1px solid var(--line);padding-top:20px}.example-grid{display:grid;gap:8px;margin-top:13px}.example-grid button{background:rgba(9,45,40,.7);border:1px solid var(--line);text-align:left;color:var(--ink);padding:13px;border-radius:3px;cursor:pointer}.example-grid button:hover{border-color:var(--lime)}.example-grid b,.example-grid span{display:block}.example-grid b{font-size:13px}.example-grid span{font:10px 'DM Mono';color:var(--muted);margin-top:3px}.workspace{padding:clamp(18px,3.3vw,54px);display:block;min-width:0}.workspace form{max-width:1120px}.workspace>.result{max-width:1120px;margin-top:clamp(18px,2vw,30px)}form{min-width:0;display:grid;gap:13px}.question-row,.output-panel,.context-panel,.result{background:rgba(6,35,32,.78);border:1px solid var(--line);border-radius:5px;padding:clamp(17px,2vw,27px)}label{font:10px 'DM Mono';letter-spacing:.1em;color:var(--muted);text-transform:uppercase;display:block;margin-bottom:8px}textarea,input,select{width:100%;background:#061f1d;border:1px solid rgba(222,246,232,.16);color:var(--ink);border-radius:3px;padding:11px;outline:none;font-size:13px}textarea:focus,input:focus,select:focus{border-color:var(--lime)}#prompt{min-height:88px;font-size:clamp(16px,1.5vw,20px);line-height:1.4;resize:vertical}.panel-head{display:flex;justify-content:space-between;gap:12px;align-items:start;margin-bottom:16px}.panel-head h2{font:600 23px 'Playfair Display';letter-spacing:-.03em;margin:6px 0 0}.panel-head>span{font:10px 'DM Mono';color:var(--muted);padding-top:7px}.numeric-fields{display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:9px}#category-wrap{margin-top:12px}#categories,#briefing,#context{min-height:150px;resize:vertical}.context-tabs{display:flex;gap:5px;margin-bottom:10px}.mode{background:transparent;border:1px solid var(--line);color:var(--muted);font:10px 'DM Mono';padding:7px 9px;border-radius:3px;cursor:pointer}.mode.active{border-color:var(--lime);color:var(--lime)}.code{font-family:'DM Mono';font-size:11px}.runbar{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:4px 0}.runbar p{font-size:11px;line-height:1.5;color:var(--muted);margin:0}.runbar button{white-space:nowrap;padding:12px 15px;background:var(--lime);border:0;color:#072b26;font-weight:800;border-radius:3px;cursor:pointer}.runbar button:disabled{background:#31413d;color:#7f9088;cursor:not-allowed}.result{position:sticky;top:88px;min-height:280px}.result h2{font:600 clamp(28px,3vw,42px) 'Playfair Display';letter-spacing:-.05em;margin:8px 0}.result-intro>p:last-child{font-size:13px;line-height:1.65;color:var(--muted)}.result.running{border-color:var(--lime)}.result .bars{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:8px}.bars li{display:grid;grid-template-columns:60px 1fr 48px;gap:8px;align-items:center;font:11px 'DM Mono'}.bars i{height:12px;background:rgba(230,245,237,.09);overflow:hidden}.bars em{display:block;height:100%;background:linear-gradient(90deg,#47af8c,var(--lime))}.bars strong{color:var(--lime);text-align:right;font-weight:500}.history-drawer{position:fixed;right:0;top:0;bottom:0;width:min(440px,100vw);z-index:12;background:#06231f;border-left:1px solid var(--line);padding:23px;transform:translateX(100%);transition:.22s transform;overflow:auto}.history-drawer.open{transform:translateX(0)}.scrim{position:fixed;inset:0;z-index:10;background:rgba(0,0,0,.5);opacity:0;pointer-events:none}.scrim.open{opacity:1;pointer-events:auto}.drawer-head{display:flex;justify-content:space-between;align-items:start}.drawer-head h2{font:32px 'Playfair Display';margin:7px 0 19px}.icon{font-size:23px;line-height:17px}.history-drawer>input{margin-bottom:12px}.history-list{display:grid;gap:7px}.history-item{width:100%;text-align:left;background:#082c27;border:1px solid var(--line);padding:12px;color:var(--ink);cursor:pointer;border-radius:3px}.history-item b,.history-item span{display:block}.history-item b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-item span{font:10px 'DM Mono';color:var(--muted);margin-top:5px}.empty{color:var(--muted);font-size:13px;line-height:1.5}@media(max-width:1050px){.studio-shell{grid-template-columns:1fr}.command{border-right:0;border-bottom:1px solid var(--line);padding:28px;display:grid;grid-template-columns:1fr 1fr;align-items:end}.examples{padding-top:0;border-top:0}.workspace{grid-template-columns:minmax(0,1fr) minmax(320px,.7fr)}}@media(max-width:760px){.topbar{height:58px}.invite,.top-actions>a{display:none}.top-actions{gap:5px}.ghost kbd{display:none}.studio-shell{min-height:calc(100vh - 58px)}.command{display:block;padding:26px 18px}.command h1{font-size:48px}.examples{border-top:1px solid var(--line);padding-top:18px;margin-top:25px}.example-grid{grid-template-columns:repeat(3,1fr)}.example-grid button{min-height:72px;padding:9px}.example-grid span{display:none}.workspace{padding:13px;grid-template-columns:1fr;gap:13px}.numeric-fields{grid-template-columns:1fr 1fr}.result{position:static;order:-1;min-height:180px}.runbar{position:sticky;bottom:0;background:var(--bg);padding:12px 0}.runbar p{display:none}}