:root{color-scheme:dark;--panel:rgba(18,19,24,.93);--border:rgba(255,255,255,.11);--control:rgba(255,255,255,.07);--text:#f4f4f5;--muted:#a1a1aa;--accent:#7dd3fc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}html,body,.app{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px;background:#101114;color:var(--text)}button,input,select{font:inherit}#scene{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:crosshair}.toolbar{position:absolute;z-index:3;top:0;right:22rem;left:0;display:flex;justify-content:space-between;gap:1rem;padding:1.3rem 1.5rem;pointer-events:none}.toolbar>*,.toolbar-actions{pointer-events:auto}.toolbar h1,.panel-heading h2{margin:0;letter-spacing:-.025em}.toolbar h1{font-size:clamp(1.4rem,2.4vw,2rem)}.panel-heading h2{font-size:1.1rem}.eyebrow{display:block;margin-bottom:.3rem;color:var(--accent);font-size:.67rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.toolbar-actions,.button-row,.inline-controls,.switches,.color-row{display:flex;gap:.5rem}.button,.icon-button,select,input[type=number]{border:1px solid var(--border);border-radius:.65rem;background:var(--control);color:var(--text)}.button,.icon-button{cursor:pointer}.button{min-height:2.4rem;padding:.6rem .8rem;font-size:.8rem;font-weight:650}.button:hover,.icon-button:hover{background:rgba(255,255,255,.12)}.primary{border-color:rgba(125,211,252,.4);background:rgba(56,189,248,.18)}.controls{position:absolute;z-index:4;top:0;right:0;width:21rem;height:100%;padding:1.3rem 1.25rem 2rem;overflow-y:auto;background:var(--panel);border-left:1px solid var(--border);backdrop-filter:blur(18px)}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.2rem}.icon-button,.panel-button{display:none}.icon-button{width:2.3rem;height:2.3rem;font-size:1.3rem}.controls section{padding:1rem 0;border-top:1px solid var(--border)}.controls h3{margin:0 0 .75rem;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase}.control-label,.range label,.inline-controls label,.color-row label{display:flex;justify-content:space-between;align-items:center;gap:.7rem;margin-bottom:.45rem;color:var(--muted);font-size:.75rem;font-weight:650}select{width:100%;padding:.65rem}.inline-controls{align-items:end;margin-top:.8rem}.inline-controls label{display:grid;flex:1;margin:0}.inline-controls input{width:100%;padding:.55rem}.button-row{margin-top:.7rem}.button-row .button{flex:1}.range+.range{margin-top:.8rem}.range output{color:var(--text);font-variant-numeric:tabular-nums}.range input{width:100%;margin:0;accent-color:#38bdf8}.switches{flex-wrap:wrap}.switches label{padding:.45rem .55rem;border:1px solid var(--border);border-radius:.55rem;color:var(--muted);font-size:.73rem}.switches label:has(input:checked){color:var(--text);background:rgba(56,189,248,.1)}.color-row{align-items:center;margin-top:.9rem}.color-row label{display:grid;flex:1;margin:0}.color-row input{width:100%}.export-row{margin-top:0}.status,.instructions{position:absolute;z-index:2;left:1.5rem;color:var(--muted);font-size:.72rem;pointer-events:none}.status{bottom:2.6rem;display:flex;gap:1rem}.status strong{color:var(--text)}.instructions{bottom:.8rem;margin:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:760px){.toolbar{right:0;padding:1rem}.panel-button,.icon-button{display:inline-grid;place-items:center}.controls{top:auto;bottom:0;width:100%;height:min(82vh,44rem);padding:1rem 1rem calc(1.5rem + env(safe-area-inset-bottom));border-left:0;border-top:1px solid var(--border);border-radius:1rem 1rem 0 0;transform:translateY(calc(100% + 1rem));visibility:hidden;transition:transform .22s ease,visibility 0s linear .22s}.controls.is-open{transform:none;visibility:visible;transition-delay:0s}.status{left:1rem;bottom:calc(1rem + env(safe-area-inset-bottom))}.instructions{display:none}}@media(max-width:440px){.toolbar .eyebrow{display:none}.toolbar h1{font-size:1.2rem}.toolbar-actions{gap:.3rem}.button{padding-inline:.65rem}}