:root{color-scheme:dark;--bg: #070707;--bg-deep: #020202;--panel: rgba(16, 16, 16, .92);--panel-alt: rgba(24, 24, 24, .96);--border: rgba(255, 255, 255, .09);--border-strong: rgba(255, 255, 255, .18);--text: #f1f1f1;--muted: #a2a2a2;--accent: #d9d9d9;--accent-strong: #ffffff;--ok: #b4f0c8;--warn: #d0d0d0;--error: #ff9aa9;--shadow: 0 28px 80px rgba(0, 0, 0, .42);font-family:Avenir Next,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:var(--text);background:radial-gradient(circle at top left,rgba(255,255,255,.06),transparent 24rem),linear-gradient(180deg,#111,#070707 46%,#020202)}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select{font:inherit}.shell{width:min(1180px,calc(100vw - 2rem));margin:0 auto;padding:2rem 0 3rem}.layout{display:grid;gap:1rem;grid-template-columns:minmax(0,2.15fr) minmax(280px,.85fr)}.viewport-frame,.panel{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow)}.viewport-frame{padding:1rem}.viewport-topline{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:.85rem;color:var(--muted);font-size:.92rem}.status-pill{display:inline-flex;align-items:center;padding:.35rem .65rem;background:#ffffff08;border:1px solid var(--border);font-weight:700;color:var(--warn);text-transform:uppercase;letter-spacing:.06em}.status-pill[data-tone=busy]{color:var(--warn)}.status-pill[data-tone=running]{color:var(--ok)}.status-pill[data-tone=paused]{color:var(--warn)}.status-pill[data-tone=error]{color:var(--error)}.actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-bottom:.85rem}.button{border:1px solid var(--border);background:#ffffff08;color:var(--text);padding:.75rem .95rem;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.button:hover:not(:disabled){border-color:var(--border-strong);background:#ffffff0f}.button:disabled{opacity:.45;cursor:not-allowed}.button-primary{background:linear-gradient(135deg,#f2f2f2,#bbb);border-color:transparent;color:#050505;font-weight:700}.button-primary:hover:not(:disabled){color:#fff}.canvas-shell{position:relative;overflow:hidden;border:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 18%),#000;aspect-ratio:4 / 3}#doom-canvas{display:block;width:100%;height:100%;image-rendering:pixelated;outline:none}.canvas-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:.35rem;padding:1rem;text-align:center;background:linear-gradient(180deg,#0a0a0a29,#0a0a0ae0);color:var(--muted)}.canvas-overlay[hidden]{display:none}.panel-stack{display:grid;gap:1rem}.panel{padding:1rem}.panel h2{margin:0 0 .8rem;font-size:.94rem;letter-spacing:.08em;text-transform:uppercase}.field{display:grid;gap:.4rem;margin-bottom:.9rem}.field span{color:var(--muted);font-size:.92rem}.field input,.field select{width:100%;border:1px solid var(--border);background:var(--panel-alt);color:var(--text);padding:.75rem .85rem}.note{margin:.55rem 0 0;color:var(--warn);font-size:.9rem}.note-muted{color:var(--muted)}.controls{display:grid;gap:.6rem}.controls p{display:flex;justify-content:space-between;gap:.9rem;align-items:baseline;margin:0;padding-bottom:.45rem;border-bottom:1px solid rgba(255,255,255,.06)}.controls span{color:var(--muted)}.controls strong{text-align:right}.log-output{margin:0;max-height:18rem;overflow:auto;padding:.9rem;border:1px solid var(--border);background:#000000b8;color:#d4d4d4;font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;font-size:.82rem;white-space:pre-wrap;word-break:break-word}@media (max-width: 980px){.layout{grid-template-columns:1fr}.viewport-topline,.controls p{flex-direction:column;align-items:flex-start}.controls strong{text-align:left}}