:root{color-scheme:dark;--panel:rgba(15,24,18,.94);--border:rgba(255,255,255,.11);--control:rgba(255,255,255,.07);--text:#f4f7f4;--muted:#9ca89f;--accent:#86efac;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:#0d1510;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;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,.switches{display:flex;gap:.5rem}.button,.icon-button,select,input[type=text]{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(134,239,172,.4);background:rgba(34,197,94,.17)}.full{width:100%;margin-top:.75rem}.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{display:flex;justify-content:space-between;align-items:center;gap:.7rem;margin-bottom:.4rem;color:var(--muted);font-size:.74rem;font-weight:650}select,input[type=text]{width:100%;padding:.65rem}.range{margin-top:.7rem}.range input{width:100%;margin:0;accent-color:#4ade80}.range output{color:var(--text);font-variant-numeric:tabular-nums}.switches{flex-wrap:wrap}.switches label{padding:.45rem .55rem;border:1px solid var(--border);border-radius:.55rem;color:var(--muted);font-size:.72rem}.switches label:has(input:checked){color:var(--text);background:rgba(34,197,94,.1)}.help{margin:.7rem 0 0;color:var(--muted);font-size:.68rem;line-height:1.4}.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;flex-wrap:wrap;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}.desktop-action{display:none}.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));max-width:calc(100% - 2rem)}.instructions{display:none}}@media(max-width:440px){.toolbar .eyebrow{display:none}.toolbar h1{font-size:1.2rem}.toolbar-actions{gap:.3rem}.button{padding-inline:.6rem}}