:root{color-scheme:dark;font-family:Share Tech Mono,ui-monospace,monospace;background:#0b0b0f;color:#f6f6f6}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#0b0b0f}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit;background:#16161f;border:1px solid #2b2b3a;border-radius:4px;padding:6px 10px}button{cursor:pointer}.app{display:flex;flex-direction:column;min-height:100vh}.topbar{display:flex;gap:16px;padding:12px 16px;border-bottom:1px solid #242432;background:#0f0f15}.page{flex:1;padding:16px}.page.live{padding:0}.grid{display:grid;gap:12px}.card{background:#11111a;border:1px solid #20202d;padding:12px;border-radius:6px}.row{display:flex;gap:8px;align-items:center}.controls{display:grid;gap:10px}.control{display:grid;gap:6px}.label{font-size:12px;text-transform:uppercase;color:#a6a6c2}.canvas-wrap{position:relative;width:100%;min-height:360px;border:1px solid #20202d;border-radius:6px;overflow:hidden}.canvas-wrap canvas{display:block;width:100%;height:100%}.debug-panel{font-size:12px;line-height:1.4;white-space:pre-wrap}.live-root{position:fixed;top:0;right:0;bottom:0;left:0;background:#000}.live-canvas{width:100%;height:100%;min-height:100vh;border:none;border-radius:0}