:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:#10131c;color:#eff3ff}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#121726,#0a0d16)}#root{min-height:100vh}.app-shell{display:grid;grid-template-rows:auto 1fr auto;min-height:100vh}.topbar,.footer-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.08);background:#080a10a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.footer-bar{border-top:1px solid rgba(255,255,255,.08);border-bottom:0;font-size:12px;opacity:.8;flex-wrap:wrap}.title{font-size:18px;font-weight:700}.subtitle{font-size:12px;opacity:.75}.controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.controls label{display:grid;gap:4px;font-size:12px}.controls select,.controls button{background:#191f31;color:#eff3ff;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:8px 10px}.canvas-wrap{display:grid;place-items:center;padding:12px}canvas{max-width:100%;border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 40px #00000059;background:#141722}