:root{color-scheme:dark;--bg:#071019;--panel:#0d1b27;--line:#20404e;--text:#e8f6f5;--muted:#8da8ad;--cyan:#41e1db;--pink:#ff4da4;--gold:#ffd66b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -20%,#16344a,var(--bg) 65%);color:var(--text);font:14px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.shell{width:min(1160px,calc(100% - 28px));margin:auto;padding:32px 0 50px}header{border-bottom:1px solid var(--line);padding-bottom:20px}.eyebrow,.panel-title,.budget small{color:var(--cyan);font-size:11px;font-weight:800;letter-spacing:.14em}.lede,.muted{color:var(--muted)}h1{font-size:clamp(34px,7vw,72px);line-height:1;margin:8px 0;letter-spacing:.06em}h2{margin:6px 0;font-size:22px}.brief,.workbench,.lower,.submit{display:grid;gap:16px;margin-top:16px}.brief{grid-template-columns:1fr 180px;background:linear-gradient(110deg,#112c35,#101a29);border:1px solid #27666e;border-radius:8px;padding:20px}.budget{border-left:1px solid var(--line);padding-left:20px;display:grid;align-content:center}.budget strong{font-size:52px;color:var(--gold);line-height:1}.budget small{color:var(--muted);letter-spacing:0}.workbench{grid-template-columns:1fr 1fr}.lower{grid-template-columns:1fr 1fr}.panel{background:rgba(13,27,39,.9);border:1px solid var(--line);border-radius:8px;padding:16px}.panel-title{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:16px}.panel-title b{color:var(--gold);font-size:11px}label{display:grid;gap:7px;color:var(--muted);margin:14px 0}output{color:var(--text);font-size:18px;font-weight:bold}input[type=range]{width:100%;accent-color:var(--cyan)}textarea{min-height:65px;resize:vertical;background:#07131c;color:var(--text);border:1px solid var(--line);border-radius:5px;padding:9px;font:inherit}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}button{cursor:pointer;border:1px solid #2b747b;border-radius:5px;background:#0a1722;color:var(--text);padding:9px 12px;font:inherit}button:hover{background:#143441}button:disabled{opacity:.4;cursor:not-allowed}.primary{background:#135a62;border-color:var(--cyan);font-weight:bold}.metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.metrics div{background:#08151f;border:1px solid var(--line);border-radius:5px;padding:10px}.metrics small{display:block;color:var(--muted);font-size:10px}.metrics strong{font-size:22px;color:var(--gold)}canvas{display:block;width:100%;height:auto;margin-top:16px;border:1px solid var(--line);border-radius:5px}table{width:100%;border-collapse:collapse;font-size:12px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:9px 5px}th{color:var(--muted);font-size:10px}.events{margin:12px 0;padding-left:22px;max-height:160px;overflow:auto;color:var(--muted);font-size:12px}.replay-line{color:var(--gold);min-height:24px}.submit{grid-template-columns:1fr auto;align-items:center}.final{margin-top:16px;border-color:var(--gold);background:#211d16}.final>strong{font-size:52px;color:var(--gold)}@media(max-width:760px){.brief,.workbench,.lower,.submit{grid-template-columns:1fr}.budget{border-left:0;border-top:1px solid var(--line);padding:14px 0 0}.metrics{grid-template-columns:repeat(3,1fr)}}