:root{--sidebar-bg: #1a1a1a;--accent: #2563eb;--text: #f0f0f0;--muted: #888}body,html{margin:0;padding:0;height:100%;width:100%;overflow:hidden;background:#000;font-family:-apple-system,system-ui,sans-serif;color:var(--text)}#app{display:flex;height:100vh;width:100vw}#sidebar{width:300px;background:var(--sidebar-bg);padding:2rem;display:flex;flex-direction:column;gap:2rem;border-right:1px solid #333;z-index:10;box-shadow:5px 0 15px #00000080;box-sizing:border-box}header h1{margin:0;font-size:1.25rem;font-weight:800;color:var(--accent)}.controls{display:flex;flex-direction:column;gap:1.5rem}.control-group label{display:flex;justify-content:space-between;font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--muted);margin-bottom:.5rem}.control-group span{color:var(--text)}input[type=range]{width:100%;cursor:pointer}#reset-view{margin-top:auto;padding:12px;background:var(--accent);color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer}#canvas-wrapper{flex-grow:1;position:relative;background:#1a1a1a}canvas{position:absolute;top:0;left:0;width:100%;height:100%;outline:none;z-index:1}