body.explorer-page{--explorer-surface:#262626;--explorer-panel:var(--color-primary);--explorer-font:1rem;--explorer-rail:320px;--explorer-label:.9rem;height:auto;min-height:100dvh;font-size:var(--explorer-font);line-height:var(--line-normal);background:var(--bg-primary);overflow:visible}.explorer-page [hidden]{display:none!important}.explorer-page a{color:var(--text-primary);text-underline-offset:.2em;text-decoration:underline}.explorer-page :is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:3px}.explorer-header,.explorer-main{width:min(100% - 2 * var(--space-lg), 1500px);margin-inline:auto}.explorer-header{padding-block:var(--space-md) var(--space-xl)}.explorer-header h1{font-size:clamp(1.75rem,4.5vw,2.65rem);line-height:var(--line-tight);margin-block:var(--space-lg) var(--space-sm);letter-spacing:var(--letter-tight);font-weight:600}.explorer-intro,.explorer-header>p{max-width:75ch;color:var(--text-secondary)}.explorer-workspace{scroll-margin-top:var(--space-lg);border:1px solid var(--border-secondary);background:var(--bg-primary);grid-template-columns:minmax(0,1fr);gap:0;display:grid;position:relative}.explorer-stage{background:var(--explorer-surface);min-width:0;height:clamp(17rem,48dvh,35rem);position:relative;overflow:hidden}.explorer-viewport{width:100%;min-width:0;height:100%;min-height:0;position:relative;overflow:hidden}.explorer-stage canvas{touch-action:pan-y;width:100%;max-width:none;height:100%;display:block;position:static}[data-explorer-interacting=true] .explorer-stage canvas{touch-action:none;cursor:grab}[data-explorer-interacting=false] .explorer-stage canvas{touch-action:pan-y;cursor:auto}.explorer-stage--comparison{gap:var(--space-xs);grid-template-rows:repeat(2,minmax(0,1fr));height:clamp(24rem,65dvh,48rem);display:grid}.explorer-stage--comparison .explorer-viewport{flex-direction:column;display:flex}.explorer-viewport__label,.explorer-panel-label{padding:var(--space-sm) var(--space-md);font-size:var(--explorer-label);background:var(--bg-primary);color:var(--text-secondary);flex:none}.explorer-stage--comparison canvas{flex:1;min-height:0}.explorer-toolbar{align-items:stretch;gap:var(--space-sm);padding:var(--space-sm);background:var(--explorer-panel);border-top:1px solid var(--border-secondary);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.explorer-page :is(.explorer-toolbar,.explorer-inspector,.explorer-content,.explorer-sheet,.comparison-label) button,.explorer-content a.explorer-preset-link{min-height:var(--control-height-touch);min-width:var(--control-height-touch);padding:var(--space-sm) var(--space-md);font:inherit;font-size:var(--explorer-label);color:var(--text-primary);border:1px solid var(--border-secondary);background:var(--bg-input);cursor:pointer;line-height:var(--line-normal);text-align:center;border-radius:0;justify-content:center;align-items:center;display:inline-flex}.explorer-page button:hover{background:var(--color-primary-light)}.explorer-page button[aria-pressed=true]{border-color:var(--color-focus-ring);background:var(--color-primary-light)}.explorer-page button:disabled{opacity:.55;cursor:wait}.explorer-toolbar>:not(button),.explorer-toolbar>button:nth-of-type(3n+1):last-of-type{grid-column:1/-1}.explorer-toolbar>button:nth-of-type(3n+2):last-of-type{grid-column:span 2}.explorer-toolbar__readout,.explorer-readout{font-size:var(--explorer-label);color:var(--text-secondary);overflow-wrap:anywhere}.explorer-toolbar>[data-explorer-action=controls]{background:var(--color-primary-light)}.explorer-inspector{min-width:0;padding:var(--space-lg);background:var(--explorer-panel)}.explorer-page--enhanced .explorer-workspace>[data-explorer-inspector]{display:none}.explorer-inspector :is(h2,h3,legend){font-size:1.05rem;line-height:var(--line-normal);margin-block:0 var(--space-md);color:var(--text-primary);font-weight:600}.explorer-inspector :is(section,.control-group,.explorer-control-group)+:is(section,.control-group,.explorer-control-group){border-top:1px solid var(--border-secondary);padding-top:var(--space-lg);margin-top:var(--space-lg)}.explorer-inspector :is(.control-group,.explorer-control-group,.control-item,.control-section,.slider-container,.control-row){min-width:0}.explorer-inspector :is(.control-item,.slider-container,.control-row,.control-group>label){margin-bottom:var(--space-md);display:block}.explorer-inspector label{font-size:var(--explorer-label);color:var(--text-primary);display:block}.explorer-inspector :is(.control-value,.value-display,output){color:var(--text-secondary);font-size:var(--explorer-label);font-variant-numeric:tabular-nums}.explorer-inspector .control-value{float:right}.explorer-inspector :is(select,input:not([type=range],[type=checkbox]),textarea){width:100%;min-width:0;max-width:100%;min-height:var(--control-height-touch);margin-top:var(--space-xs);padding:var(--space-sm);border:1px solid var(--border-secondary);color:var(--text-primary);background:var(--explorer-surface);font:inherit;border-radius:0;font-size:1rem;display:block}.explorer-inspector select{appearance:auto}.explorer-inspector textarea{resize:vertical;overflow-wrap:anywhere}.explorer-inspector input[type=range]{appearance:auto;width:100%;height:var(--control-height-touch);accent-color:var(--color-focus-ring);cursor:pointer;margin:0;display:block}.explorer-inspector input[type=checkbox]{appearance:auto;width:22px;height:22px;margin-right:var(--space-sm);vertical-align:middle;accent-color:var(--color-focus-ring);display:inline-block}.explorer-inspector label:has(input[type=checkbox]){min-height:var(--control-height-touch);align-items:center;display:flex}.explorer-inspector summary{min-height:var(--control-height-touch);padding-block:var(--space-sm);cursor:pointer;font-weight:600}.explorer-inspector :is(p,.instructions,.control-help){max-width:75ch;margin-block:var(--space-sm);color:var(--text-secondary);font-size:var(--explorer-label);position:static}.explorer-inspector :is(.fps-counter,.status-bar,.particle-stats){font-size:var(--explorer-label);white-space:pre-line;overflow-wrap:anywhere;position:static}.explorer-sheet{width:100%;max-width:none;max-height:82dvh;padding:0 0 env(safe-area-inset-bottom,0px);color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-secondary);overscroll-behavior:contain;box-shadow:var(--shadow-xl);border-bottom:0;margin:0;position:fixed;inset:auto 0 0;overflow-y:auto}.explorer-sheet:not([open]){display:none}.explorer-sheet::backdrop{background:var(--bg-panel-active);-webkit-backdrop-filter:var(--blur-light)}.explorer-sheet__header{z-index:var(--z-base);justify-content:space-between;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-secondary);background:var(--bg-primary);display:flex;position:sticky;top:0}.explorer-sheet__header h2{font-size:1.1rem;font-weight:600}.explorer-sheet .explorer-inspector{border:0}.explorer-shell-status,.explorer-status{color:var(--text-secondary);font-size:var(--explorer-label);padding:var(--space-sm) var(--space-md);overflow-wrap:anywhere;grid-column:1/-1}.explorer-shell-status--error{border-left:3px solid var(--color-error)}.explorer-content{max-width:1150px;margin-block:var(--space-xxxl)}.explorer-content>section+section,.explorer-content>article+article{margin-top:var(--space-xxxl)}.explorer-content h2{font-size:1.6rem;font-weight:600;line-height:var(--line-tight);margin-block:var(--space-xxxl) var(--space-md)}.explorer-content h3{font-size:1.15rem;font-weight:600;line-height:var(--line-normal);margin-block:var(--space-lg) var(--space-sm)}.explorer-content :is(p,li,dd){max-width:75ch;color:var(--text-secondary);margin-bottom:var(--space-md)}.explorer-content :is(ul,ol){padding-left:var(--space-xl);list-style:revert}.explorer-content dt{margin-top:var(--space-lg);font-weight:600}.explorer-content code{overflow-wrap:anywhere}.explorer-preset-grid,.explorer-examples{gap:var(--space-lg);margin-top:var(--space-lg);display:grid}.explorer-preset,.explorer-example{padding:var(--space-lg);border-top:2px solid var(--color-focus-ring);background:var(--bg-input);flex-direction:column;align-items:flex-start;display:flex}.explorer-content :is(.explorer-preset,.explorer-example) h3{margin-top:0}.explorer-content :is(.explorer-preset,.explorer-example) button{margin-top:auto}body.explorer-expanded{overflow:hidden}.explorer-workspace.is-expanded{width:100%;max-width:none;height:100dvh;z-index:var(--z-overlay-top);padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);border:0;grid-template-rows:minmax(0,1fr) auto auto;position:fixed;inset:0}.explorer-workspace.is-expanded .explorer-stage{height:100%;min-height:0}@media (width>=600px){.explorer-preset-grid,.explorer-examples{grid-template-columns:repeat(2,minmax(0,1fr))}.explorer-stage--comparison{grid-template-rows:1fr;grid-template-columns:repeat(2,minmax(0,1fr));height:clamp(22rem,58dvh,48rem)}}@media (width>=900.02px){.explorer-header,.explorer-main{width:min(100% - 2 * var(--space-xxl), 1500px)}.explorer-workspace{grid-template-columns:minmax(0, 1fr) var(--explorer-rail);grid-template-rows:auto auto;align-items:start}.explorer-stage{grid-area:1/1;height:clamp(25rem,65dvh,50rem)}.explorer-toolbar{flex-wrap:wrap;grid-area:2/1;display:flex}.explorer-page--enhanced .explorer-workspace>[data-explorer-inspector],.explorer-workspace>.explorer-inspector{overscroll-behavior:contain;border-left:1px solid var(--border-secondary);grid-area:1/2/span 2;max-height:calc(65dvh + 6rem);display:block;overflow-y:auto}.explorer-page .explorer-toolbar [data-explorer-action=controls],.explorer-page .explorer-toolbar [data-explorer-action=interact]{display:none}.explorer-preset-grid,.explorer-examples{grid-template-columns:repeat(3,minmax(0,1fr))}.explorer-workspace.is-expanded>.explorer-inspector{grid-row:1/span 3;height:100%;max-height:100%}}@media (prefers-reduced-motion:reduce){.explorer-page *,.explorer-page :before,.explorer-page :after{scroll-behavior:auto;transition:none}}.explorer-canvas-wrap{flex:1;width:100%;min-width:0;min-height:0;position:relative}.explorer-stage--comparison .explorer-canvas-wrap canvas{width:100%;height:100%}.explorer-page .zoom-page__header{padding-top:var(--space-lg)}.explorer-page .zoom-explorer{gap:0}.explorer-page .zoom-explorer__viewport{aspect-ratio:auto}.explorer-page .zoom-explorer__status{pointer-events:none;padding:var(--space-sm) var(--space-md);background:var(--bg-panel-active);min-height:0;position:absolute;inset:auto 0 0}.explorer-page .zoom-explorer__field,.explorer-page .zoom-explorer__buttons{margin-bottom:var(--space-md)}.explorer-page .zoom-explorer__buttons--nav{grid-template-columns:repeat(2,minmax(0,1fr))}.explorer-page .zoom-explorer__buttons--nav>:is(#zoom-back,#zoom-pause){grid-column:auto}.explorer-page .zoom-explorer__controls{border:0}.explorer-page .zoom-page__section{max-width:1150px}.explorer-skip{top:var(--space-sm);left:var(--space-sm);z-index:var(--z-notification);padding:var(--space-md);background:var(--bg-primary);position:fixed;transform:translateY(-200%)}.explorer-skip:focus{transform:none}.explorer-presets,.particle-mode-buttons{gap:var(--space-sm);margin-block:var(--space-sm) var(--space-lg);flex-wrap:wrap;display:flex}.explorer-inspector>details+details{margin-top:var(--space-md);padding-top:var(--space-sm);border-top:1px solid var(--border-secondary)}.explorer-control{margin-block:var(--space-md)}.explorer-sheet .explorer-inspector>h2:first-child{display:none}.explorer-page #zoom-canvas{touch-action:pan-y}.explorer-page [data-explorer-interacting=true] #zoom-canvas{touch-action:none}.explorer-workspace.is-expanded .explorer-shell-status{grid-area:3/1;max-width:none;position:static}.explorer-selection{font-variant-numeric:tabular-nums;flex-basis:100%}.comparison-label{justify-content:space-between;align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:var(--bg-primary);display:flex}.comparison-label h2{min-width:0;font-size:var(--explorer-label);flex:1;margin:0;font-weight:600}.explorer-page .comparison-label button{padding-inline:var(--space-sm);flex:none}.explorer-stage--comparison[data-focus=mandelbrot] #julia-phoenix-panel,.explorer-stage--comparison[data-focus=secondary] #mandelbrot-panel{display:none}.explorer-stage--comparison[data-focus]:not([data-focus=both]){grid-template-rows:1fr;grid-template-columns:1fr}#mandelbrot-indicator{border:2px solid var(--color-focus-ring);width:14px;height:14px;box-shadow:0 0 0 1px var(--bg-primary);pointer-events:none;border-radius:50%;display:none;position:absolute;transform:translate(-50%,-50%)}#phoenix-controls{gap:var(--space-sm);flex-direction:column}.comparison-readout{font-variant-numeric:tabular-nums}.particle-mode-buttons{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.explorer-page .particle-mode-btn.active{border-color:var(--color-focus-ring);background:var(--color-accent)}#particleControls .explorer-control{gap:var(--space-xs);grid-template-columns:1fr auto;display:grid}#particleControls input{grid-column:1/-1}#particleControls .value{color:var(--text-secondary);font-variant-numeric:tabular-nums;grid-area:1/2}.particle-stats{gap:var(--space-md);flex-wrap:wrap;display:flex}#loadingOverlay{z-index:var(--z-base);text-align:center;background:var(--color-accent);place-content:center;display:grid;position:absolute;inset:0}