: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%,#16384a,var(--bg) 65%);color:var(--text);font:14px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.shell{width:min(1180px,calc(100% - 28px));margin:auto;padding:30px 0 50px}a{color:var(--cyan)}.eyebrow,.panel-title{color:var(--cyan);font-size:11px;font-weight:800;letter-spacing:.14em}.eyebrow{margin-top:28px}h1{font-size:clamp(34px,7vw,72px);line-height:.95;margin:8px 0}.lede,.muted{color:var(--muted)}.panel{background:rgba(13,27,39,.9);border:1px solid var(--line);border-radius:8px;padding:16px}.controls{display:flex;align-items:end;gap:10px;margin-top:18px;flex-wrap:wrap}.controls label{display:grid;gap:5px;color:var(--muted)}select,button,textarea{font:inherit}select,button{padding:9px 12px;border:1px solid var(--line);border-radius:5px;background:#08151f;color:var(--text)}button{cursor:pointer}.primary{background:#135a62;border-color:var(--cyan);font-weight:800}.layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:16px;margin-top:16px}.panel-title{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:12px}textarea{width:100%;min-height:320px;resize:vertical;background:#061018;color:#e8f6f5;border:1px solid var(--line);border-radius:5px;padding:12px;line-height:1.6}details{margin-top:14px;color:var(--muted)}summary{cursor:pointer;color:var(--gold)}code{color:var(--cyan)}canvas{display:block;width:100%;background:#08151f;border:1px solid var(--line);border-radius:5px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.metrics div{padding:9px;background:#08151f;border:1px solid var(--line);border-radius:5px}.metrics small{display:block;color:var(--muted)}.metrics strong{color:var(--gold);font-size:20px}.history{color:var(--muted);max-height:170px;overflow:auto}.history li{margin:5px 0}@media(max-width:780px){.layout{grid-template-columns:1fr}.controls{align-items:stretch;flex-direction:column}.controls>*{width:100%}}