:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--surface-canvas:#070807;--surface-page:#101211;--surface-panel:#0f1211f5;--surface-raised:#1b1e1c;--surface-control:#202421;--surface-hover:#2a2e2a;--text-primary:#f4f0e8;--text-secondary:#d9d6ce;--text-muted:#aebbb3;--accent-warm:#d9a441;--accent-cool:#8fd2b1;--border-soft:#ffffff21;--border-strong:#ffffff38;--focus:#ffd06a;--radius:8px;--control-height:38px;--space-1:6px;--space-2:10px;--space-3:14px;--panel-width:350px;--motion-fast:.14s;background:var(--surface-page);color:var(--text-primary);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--surface-page)}button,select,input{font:inherit}button,select,input[type=checkbox],input[type=range]{cursor:pointer}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#fractal-canvas{background:var(--surface-canvas);cursor:grab;touch-action:none;width:100vw;height:100vh;position:fixed;inset:0}#fractal-canvas:active{cursor:grabbing}#fractal-canvas:focus-visible{outline-offset:-5px}.panel{width:min(var(--panel-width), calc(100vw - 36px));gap:var(--space-2);max-height:calc(100dvh - 36px);padding:var(--space-3);overscroll-behavior:contain;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface-panel);scrollbar-gutter:stable;transition:width var(--motion-fast) ease, max-height var(--motion-fast) ease, padding var(--motion-fast) ease;flex-direction:column;display:flex;position:fixed;inset:18px auto 18px 18px;overflow:auto;box-shadow:0 18px 48px #0000006b}.panel__header{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:44px;padding:0 2px var(--space-1);display:flex}.panel__identity{min-width:0}.panel__actions,.section-actions{gap:var(--space-1);flex:none;align-items:center;display:flex}.panel__content{gap:var(--space-2);flex-direction:column;display:flex}.panel.is-collapsed{width:58px;max-height:58px;padding:7px;overflow:hidden}.panel.is-collapsed .panel__header{justify-content:center;padding:0}.panel.is-collapsed .panel__identity,.panel.is-collapsed #reset-all,.panel.is-collapsed .panel__content{display:none}.eyebrow{color:var(--accent-cool);margin:0 0 2px;font-size:.72rem;font-weight:760}.eyebrow a{color:inherit;text-decoration:none}.eyebrow a:hover,.eyebrow a:focus-visible{text-decoration:underline}h1{margin:0;font-size:1.25rem;line-height:1.12}.icon-button,.mini-icon-button,.preset-grid button,.unsupported button{border:1px solid var(--border-soft);border-radius:var(--radius);background:var(--surface-control);color:var(--text-primary);place-items:center;line-height:1;display:grid}.icon-button{width:40px;height:40px}.mini-icon-button{color:#ede5d5;width:34px;height:34px}.icon-button:hover,.mini-icon-button:hover,.preset-grid button:hover,.unsupported button:hover{background:#30291c;border-color:#d9a441b8}button:disabled{cursor:wait;opacity:.58}.control-block{gap:var(--space-2);border:1px solid var(--border-soft);border-radius:var(--radius);background:#111412;flex-direction:column;padding:12px;display:flex}.section-title{color:#d3c5a1;text-transform:uppercase;margin:0;font-size:.76rem;font-weight:780}.section-heading{justify-content:space-between;align-items:center;gap:12px;min-height:36px;display:flex}.control{min-height:var(--control-height);align-items:center;gap:var(--space-2);color:var(--text-secondary);grid-template-columns:96px minmax(0,1fr);font-size:.82rem;display:grid;position:relative}.control span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.control[data-tooltip]>span:first-child{align-items:center;gap:5px;min-width:0;display:inline-flex}.control[data-tooltip]>span:first-child:after{content:"?";color:#b8e6cc;background:#17251e;border:1px solid #8fd2b18c;border-radius:50%;flex:none;place-items:center;width:15px;height:15px;font-size:.62rem;font-weight:800;line-height:1;display:inline-grid}.toggle-row{grid-template-columns:1fr auto}.control.has-value{grid-template-columns:84px minmax(0,1fr) 68px;gap:7px}.parameter-value,.bookmark-editor input{border:1px solid var(--border-soft);background:var(--surface-control);width:100%;min-width:0;min-height:32px;color:var(--text-primary);font-variant-numeric:tabular-nums;border-radius:5px;padding:5px}.parameter-value{appearance:textfield;font-size:.72rem}.parameter-value::-webkit-inner-spin-button{appearance:none}.exploration-actions,.bookmark-editor{gap:7px;display:flex}.exploration-actions button,.bookmark-editor button{border:1px solid var(--border-soft);min-height:36px;color:var(--text-primary);background:var(--surface-control);border-radius:5px;flex:1;padding:6px 10px;font-size:.75rem}.exploration-actions button:disabled{cursor:default}.saved-views{color:var(--text-muted);font-size:.8rem}.saved-views summary{cursor:pointer;padding:4px 0}.location-overview{color:var(--text-muted);font-size:.8rem}.location-overview summary{cursor:pointer;padding:4px 0}#return-start{border:1px solid var(--border-strong);background:var(--surface-canvas);width:100%;height:120px;color:var(--text-primary);border-radius:5px;margin-top:8px;padding:0;display:block;position:relative;overflow:hidden}#return-start img,#return-start svg{width:100%;height:100%;position:absolute;inset:0}#return-start span{background:#101211dc;padding:3px 5px;font-size:.72rem;position:absolute;bottom:5px;left:5px}#overview-marker{fill:#ffffff18;stroke:var(--accent-warm);stroke-width:1.5px;vector-effect:non-scaling-stroke}.bookmark-editor,.saved-views select{margin-top:8px}.status-message:not(:empty){z-index:40;top:max(16px, env(safe-area-inset-top));border:1px solid var(--border-strong);max-width:min(480px,100vw - 32px);color:var(--text-primary);background:var(--surface-panel);border-radius:8px;padding:10px 14px;font-size:.85rem;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #0006}select,input[type=range]{width:100%}select{min-height:var(--control-height);border:1px solid var(--border-strong);background:var(--surface-control);color:var(--text-primary);border-radius:7px;padding:7px 9px}input[type=range]{min-height:var(--control-height);accent-color:var(--accent-warm)}input[type=checkbox]{width:22px;height:22px;accent-color:var(--accent-cool)}.preset-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.preset-grid button{text-overflow:ellipsis;white-space:nowrap;min-height:38px;padding:0 8px;font-size:.75rem;overflow:hidden}.readout-grid{gap:var(--space-1);color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.74rem;display:grid}.readout-grid output{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#center-readout{overflow-wrap:anywhere;text-overflow:clip;white-space:normal;max-height:5.2em;overflow:auto}.gradient-editor{gap:var(--space-1);display:grid}.gradient-strip{border:1px solid var(--border-soft);image-rendering:auto;border-radius:4px;width:100%;height:22px}.gradient-strip.is-editable{cursor:copy}.gradient-track{height:18px;margin:-4px 7px 0;position:relative}.gradient-stop{border:2px solid var(--surface-raised);background:var(--stop-color);width:14px;height:18px;box-shadow:0 0 0 1px var(--border-strong);cursor:grab;touch-action:none;border-radius:3px;padding:0;position:absolute;top:0;transform:translate(-50%)}.gradient-stop[data-selected=true]{border-color:var(--text-primary)}.gradient-actions{gap:var(--space-1);align-items:center;display:flex}.gradient-actions button{border:1px solid var(--border-soft);border-radius:var(--radius);background:var(--surface-control);min-height:32px;color:var(--text-primary);padding:0 10px;font-size:.78rem}.gradient-actions button:hover:not(:disabled){background:#30291c;border-color:#d9a441b8}.gradient-picker{border:1px solid var(--border-soft);border-radius:var(--radius);background:var(--surface-control);width:44px;height:32px;padding:2px}.gradient-hint{color:var(--text-muted);margin:0;font-size:.72rem;line-height:1.35}.hud{align-items:center;gap:8px;max-width:calc(100vw - 36px);display:flex;position:fixed;bottom:18px;right:18px}.hud__details{align-items:center;gap:8px;min-width:0;display:flex}.refine-progress{z-index:5;pointer-events:none;height:2px;position:fixed;inset:0 0 auto}.refine-progress span{background:var(--accent-warm);width:0;height:100%;transition:width var(--motion-fast) linear;display:block}.hud output,.hud__summary{border:1px solid var(--border-soft);border-radius:var(--radius);color:#e9e2d2;white-space:nowrap;background:#0f1211f0;align-items:center;min-height:34px;padding:7px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.75rem;display:inline-flex;box-shadow:0 8px 24px #0000004d}.hud__summary{display:none}.parameter-tooltip{z-index:30;border:1px solid var(--border-strong);border-radius:var(--radius);color:#efe8dc;opacity:0;pointer-events:none;background:#202421;max-width:min(286px,100vw - 24px);padding:9px 10px;font-size:.75rem;line-height:1.4;transition:opacity 90ms,transform 90ms;position:fixed;transform:translateY(3px);box-shadow:0 14px 34px #00000070}.parameter-tooltip.is-visible{opacity:1;transform:translateY(0)}.unsupported{z-index:50;background:var(--surface-page);text-align:center;place-content:center;justify-items:center;gap:12px;padding:24px;display:grid;position:fixed;inset:0}.unsupported h2,.unsupported p{max-width:42rem;margin:0}.unsupported p{color:var(--text-secondary);line-height:1.5}.unsupported button{min-height:44px;padding:0 18px}@media (pointer:coarse){:root{--control-height:44px}.icon-button,.mini-icon-button,.preset-grid button{min-width:44px;min-height:44px}.parameter-value,.exploration-actions button,.bookmark-editor button,.gradient-actions button,.gradient-picker{min-height:44px}.gradient-stop{width:22px;height:28px}.gradient-track{height:28px}}@media (width<=780px){.panel{inset:auto 8px max(8px, env(safe-area-inset-bottom));width:auto;max-height:min(58dvh,560px);padding:10px}.panel.is-collapsed{inset:auto auto max(8px, env(safe-area-inset-bottom)) 8px;width:58px;max-height:58px;padding:7px}.hud{right:8px;top:max(8px, env(safe-area-inset-top));flex-direction:column;align-items:flex-end;max-width:calc(100vw - 16px);bottom:auto}.hud output{white-space:normal;max-width:calc(100vw - 16px)}.hud__summary{cursor:pointer;gap:6px;display:inline-flex}.hud__details{flex-direction:column;align-items:flex-end}.status-message:not(:empty){top:auto;bottom:calc(max(8px, env(safe-area-inset-bottom)) + 66px);max-width:none;left:8px;right:8px;transform:none}.hud:not(.is-expanded) .hud__details{display:none}.control{grid-template-columns:92px minmax(0,1fr)}.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (height<=520px) and (orientation:landscape){.panel{width:min(330px,46vw);max-height:calc(100dvh - 16px);inset:8px auto 8px 8px}.hud{top:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (forced-colors:active){.panel,.control-block,.hud output,.hud__summary,.parameter-tooltip{border:1px solid canvastext}}