*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0d0f14;--surface:#13161e;--surface2:#1a1d28;--border:#ffffff12;--border-bright:#ffffff24;--text:#c8cdd8;--text-dim:#666b7a;--accent:#4af0c0;--accent2:#4ab8ff;--accent-glow:#4af0c026;--danger:#ff5a5a;--toolbar-w:62px;--panel-w:220px}html,body{background:var(--bg);width:100%;height:100%;color:var(--text);-webkit-font-smoothing:antialiased;font-family:SF Mono,JetBrains Mono,Fira Code,ui-monospace,monospace;overflow:hidden}#app{display:block;position:fixed;inset:0}#physics-canvas{cursor:crosshair;display:block;position:fixed;inset:0}.toolbar{width:var(--toolbar-w);background:var(--surface);border-right:1px solid var(--border);z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;align-items:center;gap:4px;padding:12px 0 16px;display:flex;position:fixed;top:0;bottom:0;left:0}.toolbar-title{letter-spacing:.12em;color:var(--text-dim);text-align:center;border-bottom:1px solid var(--border);width:100%;padding:0 4px 12px;font-size:9px;font-weight:700;line-height:1.4}.toolbar-title span{color:var(--accent)}.tool-section-label{letter-spacing:.15em;color:var(--text-dim);text-align:center;width:100%;margin-top:10px;margin-bottom:2px;font-size:8px}.tool-group{flex-direction:column;gap:3px;width:100%;padding:0 8px;display:flex}.tool-group.row{flex-direction:row}.tool-btn{aspect-ratio:1;width:100%;color:var(--text-dim);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;font-size:16px;line-height:1;transition:all .15s;display:flex}.tool-btn.small{letter-spacing:-.02em;font-size:11px}.tool-btn:hover{background:var(--surface2);color:var(--text);border-color:var(--border-bright)}.tool-btn.active{background:var(--accent-glow);color:var(--accent);border-color:#4af0c04d;box-shadow:0 0 10px #4af0c01a}.panel{width:var(--panel-w);background:var(--surface);border-left:1px solid var(--border);z-index:10;padding-bottom:24px;position:fixed;top:0;bottom:0;right:0;overflow:hidden auto}.panel::-webkit-scrollbar{width:4px}.panel::-webkit-scrollbar-track{background:0 0}.panel::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:2px}.panel-section{border-bottom:1px solid var(--border);padding:14px}.panel-title{letter-spacing:.15em;color:var(--text-dim);margin-bottom:12px;font-size:9px;font-weight:700}.slider-label{color:var(--text);letter-spacing:.03em;justify-content:space-between;align-items:center;margin-bottom:5px;font-size:10px;display:flex}.slider-label span:last-child{color:var(--accent);text-align:right;min-width:28px;font-size:10px}.slider{appearance:none;background:var(--surface2);cursor:pointer;width:100%;height:3px;accent-color:var(--accent);border-radius:2px;outline:none;margin-bottom:10px}.slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:13px;height:13px;transition:transform .1s;box-shadow:0 0 6px #4af0c066}.slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.slider::-moz-range-thumb{background:var(--accent);cursor:pointer;border:none;border-radius:50%;width:13px;height:13px}.btn-row{gap:6px;margin-bottom:6px;display:flex}.ctrl-btn{background:var(--surface2);border:1px solid var(--border-bright);color:var(--text);letter-spacing:.03em;cursor:pointer;white-space:nowrap;border-radius:6px;flex:1;padding:7px 8px;font-family:inherit;font-size:10px;transition:all .15s}.ctrl-btn.wide{flex:none;width:100%}.ctrl-btn:hover{background:var(--surface2);color:#fff;border-color:#ffffff40}.ctrl-btn:active{transform:scale(.97)}.preset-grid{grid-template-columns:1fr 1fr;gap:5px;display:grid}.preset-btn{background:var(--surface2);border:1px solid var(--border);color:var(--text-dim);letter-spacing:.05em;cursor:pointer;text-align:center;border-radius:6px;padding:8px 4px;font-family:inherit;font-size:9px;line-height:1.3;transition:all .15s}.preset-btn:last-child{grid-column:1/-1}.preset-btn:hover{background:var(--accent-glow);color:var(--accent);border-color:#4af0c040}.preset-btn:active{transform:scale(.97)}.hints{border-bottom:none!important}.hint{color:var(--text-dim);letter-spacing:.03em;margin-bottom:4px;font-size:9px;line-height:1.5}.statusbar{bottom:0;left:var(--toolbar-w);right:var(--panel-w);border-top:1px solid var(--border);height:26px;color:var(--text-dim);letter-spacing:.06em;z-index:9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d0f14e6;justify-content:space-between;align-items:center;padding:0 16px;font-size:10px;display:flex;position:fixed}#tool-status{color:var(--accent2);font-size:9px}#fps-counter{color:var(--accent)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:2px}