:root{--bg:#0f1724;--panel:#0b1220;--accent:#6a99ff}#__next,body,html{height:100%}body{margin:0;background:var(--bg);color:#e6eef8;font-family:Inter,ui-sans-serif,system-ui,Arial}.page-root{height:100vh;width:100vw;position:relative;overflow:hidden}.canvas-wrap{position:absolute;inset:0}.panel-toggle{position:fixed;left:16px;top:16px;z-index:50;padding:8px 12px;border-radius:6px;background:var(--panel);color:#fff;border:0}.sidepanel{position:fixed;right:0;top:0;height:100vh;width:320px;background:linear-gradient(180deg,#071021,#0e1722);box-shadow:-12px 0 30px rgba(0,0,0,.6);transform:translateX(100%);transition:transform .28s;z-index:40;padding:20px}.sidepanel.open{transform:translateX(0)}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;z-index:60}.modal{background:#0b1220;color:#e6eef8;padding:18px;border-radius:8px;min-width:260px}.modal button{margin-top:12px;padding:8px 10px;border-radius:6px;border:0;background:var(--accent);color:#04102a}.r3f-canvas{width:100%;height:100%}