:root{--bg: #101216;--panel: #16181e;--panel-2: #1c1f27;--border: #262a34;--text: #d8dae2;--muted: #8a8fa0;--accent: #e0784e;--accent-dim: #a05437}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}#app{height:100dvh}body{background:var(--bg);color:var(--text);font:13px/1.45 -apple-system,SF Pro Text,Segoe UI,system-ui,sans-serif;overflow:hidden;overscroll-behavior:none}#app{display:flex}#panel{width:var(--panel-w, 300px);min-width:var(--panel-w, 300px);height:100%;display:flex;flex-direction:column;background:var(--panel);border-right:1px solid var(--border)}#panel header{padding:16px 16px 8px}#panel h1{font-size:20px;font-weight:700;letter-spacing:.03em}#panel h1 span{color:var(--accent)}.tagline{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.14em}.toolbar{display:flex;flex-direction:column;gap:8px;padding:8px 16px 12px;border-bottom:1px solid var(--border)}.toolbar select{width:100%}.toolbar-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(34px,1fr));gap:5px}select,button{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:6px 10px;font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}select:hover,button:hover{border-color:var(--accent-dim)}button:disabled{opacity:.35;cursor:default}button:disabled:hover{border-color:var(--border)}.toolbar button{padding:6px 8px;line-height:1}#panel-resize{flex:0 0 5px;cursor:col-resize;background:var(--border);transition:background .15s}#panel-resize:hover,#panel-resize.dragging{background:var(--accent-dim)}body.resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}#controls{flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:8px}#sheet-grip{display:none}#controls details{border-bottom:1px solid var(--border)}#controls summary{cursor:pointer;padding:9px 16px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);-webkit-user-select:none;user-select:none;list-style:none}#controls summary:before{content:"▸";display:inline-block;margin-right:7px;transition:transform .15s;color:var(--accent-dim)}#controls details[open] summary:before{transform:rotate(90deg)}.control-row{display:grid;grid-template-columns:minmax(92px,.42fr) 1fr 42px;align-items:center;gap:8px;padding:3px 16px}.control-row.hidden{display:none}.control-row label{display:flex;align-items:center;gap:5px;min-width:0;font-size:12px;color:var(--text)}.control-row .label-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.info{display:none}body.show-help .info{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:13px;height:13px;border-radius:50%;border:1px solid var(--accent-dim);color:var(--accent);font-family:Georgia,Times New Roman,serif;font-style:italic;font-size:10px;line-height:1;cursor:help;-webkit-user-select:none;user-select:none}body.show-help .info:hover{background:var(--accent);border-color:var(--accent);color:#1a0f08}.toolbar button.active{border-color:var(--accent);color:var(--accent)}.control-row .value{font-family:SF Mono,ui-monospace,Menlo,monospace;font-size:11px;color:var(--muted);text-align:right}.control-row select{padding:4px 6px;font-size:12px}input[type=range]{-webkit-appearance:none;width:100%;height:18px;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:2px;background:var(--border)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:var(--accent);margin-top:-5px;border:none}input[type=range]::-webkit-slider-thumb:hover{background:#f08c60}input[type=range]::-moz-range-track{height:3px;border-radius:2px;background:var(--border)}input[type=range]::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:var(--accent);border:none}input[type=checkbox]{accent-color:var(--accent)}.export-area{padding:12px 16px;border-top:1px solid var(--border)}button.primary{width:100%;background:var(--accent);border-color:var(--accent);color:#1a0f08;font-weight:700;padding:9px;font-size:14px}button.primary:hover{background:#f08c60}.hint{margin-top:8px;color:var(--muted);font-size:11px;line-height:1.5}#viewport{flex:1;position:relative;background:radial-gradient(ellipse at 50% 35%,#232733,#14161c 65%,#0d0e12)}#viewport canvas{display:block}#stats{position:absolute;left:14px;bottom:12px;cursor:help;font-family:SF Mono,ui-monospace,Menlo,monospace;font-size:11px;color:var(--muted);text-shadow:0 1px 3px rgba(0,0,0,.7)}#stats b{color:var(--text);font-weight:600}#warnings{position:absolute;right:14px;bottom:12px;font-size:11px;text-align:right;max-width:60%;pointer-events:none}#warnings span{cursor:help;pointer-events:auto}#warning-badges{pointer-events:none}#warnings .warn{display:inline-block;background:#783c148c;border:1px solid #a05437;color:#f0b090;border-radius:6px;padding:3px 9px;margin-left:6px}#rd-progress{display:inline-block;border:1px solid #3d5a8a;color:#9ec0f0;border-radius:6px;padding:3px 9px;margin-left:6px;font-variant-numeric:tabular-nums;background-image:linear-gradient(to right,rgba(70,120,200,.65) var(--progress, 0%),rgba(40,55,90,.55) var(--progress, 0%));transition:background-image .2s linear}#rd-progress[hidden]{display:none}#warnings .note{display:inline-block;background:#6e5a1473;border:1px solid #8a7430;color:#e8d48a;border-radius:6px;padding:3px 9px;margin-left:6px}#warnings .ok{display:inline-block;background:#1e462880;border:1px solid #3a6a4a;color:#9fd0ab;border-radius:6px;padding:3px 9px}#tooltip{position:fixed;z-index:100;max-width:min(320px,calc(100vw - 24px));padding:9px 11px;border-radius:7px;background:#0b0d11;border:1px solid var(--border);color:var(--text);font-size:12px;line-height:1.5;white-space:pre-wrap;box-shadow:0 6px 24px #0000008c;pointer-events:none;opacity:0;transition:opacity .12s}#tooltip.visible{opacity:1}@media(pointer:coarse){.control-row{padding:5px 16px}#controls summary{padding:13px 16px}input[type=range]{height:30px}input[type=range]::-webkit-slider-runnable-track{height:4px}input[type=range]::-webkit-slider-thumb{width:22px;height:22px;margin-top:-9px}input[type=range]::-moz-range-track{height:4px}input[type=range]::-moz-range-thumb{width:22px;height:22px}input[type=checkbox]{width:20px;height:20px}select,button{padding:8px 10px}.toolbar button{padding:9px 8px;font-size:15px}.control-row select{padding:7px 6px}body.show-help .info{width:18px;height:18px;font-size:12px}body.show-help .info:hover{background:none;border-color:var(--accent-dim);color:var(--accent)}#panel-resize{flex-basis:10px}}@media(max-width:760px){#app{display:block}#viewport{position:fixed;top:0;left:0;right:0;bottom:var(--sheet-h, 50dvh);height:auto}#panel-resize{display:none}#panel{position:fixed;left:0;right:0;bottom:0;z-index:10;width:auto;min-width:0;height:var(--sheet-h, 50dvh);border-right:none;border-top:1px solid var(--border);border-radius:14px 14px 0 0;box-shadow:0 -10px 30px #00000080}#panel.snapping{transition:height .24s cubic-bezier(.32,.72,0,1)}#panel>header{display:none}#sheet-grip{display:block;flex:0 0 auto;width:100%;padding:11px 0 7px;background:none;border:none;border-radius:14px 14px 0 0;touch-action:none}#sheet-grip:before{content:"";display:block;width:42px;height:4px;margin:0 auto;border-radius:2px;background:#3a3f4d;transition:background .15s}#panel.dragging #sheet-grip:before{background:var(--accent)}.toolbar,.export-area{flex:0 0 auto}.toolbar{padding:4px 12px 10px}.toolbar-actions{grid-template-columns:repeat(auto-fit,minmax(40px,1fr))}.control-row{padding:5px 12px}#controls summary{padding:13px 12px}.export-area{padding:10px 12px calc(10px + env(safe-area-inset-bottom))}#panel.sheet-peek .export-area .hint{display:none}#panel.sheet-peek #controls{padding:0}#stats{left:12px;right:12px;bottom:8px;font-size:10.5px}#stats .stats-detail{display:none}#warnings{right:12px;bottom:26px;left:12px;max-width:none}#warnings .warn,#warnings .note,#warnings .ok,#rd-progress{margin-bottom:4px}}