:root{--bg: #0f0f12;--panel: #17171c;--text: #e7e7ef;--muted: #a0a3ad;--accent: #6ee7b7;--danger: #ef4444}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Arial;background:var(--bg);color:var(--text)}.container{max-width:980px;margin:0 auto;padding:24px}.grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.panel{background:var(--panel);border-radius:10px;padding:16px;box-shadow:inset 0 0 0 1px #ffffff0a}h1,h2,h3{margin:0 0 12px}button{background:#23232b;color:var(--text);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:10px 12px;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}.small{color:var(--muted);font-size:.9rem}.accent{color:var(--accent)}.danger{color:var(--danger)}.badge{font-size:.8rem;padding:2px 6px;border-radius:6px;background:#23232b}.panel canvas{display:block}