@font-face{font-family:Remnant UI;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/oxanium-400.woff2) format("woff2")}@font-face{font-family:Remnant UI;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/oxanium-600.woff2) format("woff2")}@font-face{font-family:Remnant Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/share-tech-mono-400.woff2) format("woff2")}:root{--app-gap: 1rem;--controls-width: 430px;--controls-height: 620px;--stage-size: 800px;--swarm-font-ui: "Remnant UI", system-ui, -apple-system, "Segoe UI", sans-serif;--swarm-font-mono: "Remnant Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--swarm-frame-radius: 0px;--swarm-frame-stroke: 1px;--swarm-frame-page-bg: #04080d;--swarm-frame-bg: rgba(6, 10, 16, .64);--swarm-frame-bg-elevated: #0f2430;--swarm-frame-edge: rgba(0, 104, 128, .62);--swarm-frame-edge-strong: rgba(68, 152, 176, .86);--swarm-frame-edge-inset: rgba(0, 0, 0, .86);--swarm-frame-shadow: 0 0 0 1px var(--swarm-frame-edge-inset) inset;--swarm-frame-shadow-elevated: var(--swarm-frame-shadow), 0 0 18px rgba(28, 152, 252, .16);--text-main: #d7e8f7;--text-muted: #9fb4ca;--text-weak: #8da3ba;--border-soft: rgba(68, 152, 176, .36);--button-bg: #12384d;--button-bg-active: #1f556f;--control-bg: rgba(4, 12, 18, .82)}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--swarm-frame-edge-strong) rgba(3,10,15,.75)}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:#030a0fbf}*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#4498b0e6,#16526af2);border:1px solid rgba(0,0,0,.65)}html,body{width:100%;height:100%;background:var(--swarm-frame-page-bg);font-family:var(--swarm-font-ui);overflow:hidden}body{margin:0;color:var(--text-main)}[hidden]{display:none!important}.swarm-frame,.swarm-surface{border-radius:var(--swarm-frame-radius);border:var(--swarm-frame-stroke) solid var(--swarm-frame-edge);background:var(--swarm-frame-bg);box-shadow:var(--swarm-frame-shadow)}.swarm-surface-elevated{border-radius:var(--swarm-frame-radius);border:var(--swarm-frame-stroke) solid var(--swarm-frame-edge-strong);background:var(--swarm-frame-bg-elevated);box-shadow:var(--swarm-frame-shadow-elevated)}#app{width:100%;height:100dvh;max-height:100dvh;min-height:100dvh;padding:1rem;display:grid;grid-template-rows:minmax(0,1fr);gap:var(--app-gap)}.layout{min-height:0;width:100%;display:grid;grid-template-columns:auto var(--controls-width) var(--stage-size) auto;grid-template-areas:"title controls preview download";gap:var(--app-gap);justify-content:center;align-items:start;overflow:hidden}.lane-title{grid-area:title;align-self:start;display:flex;align-items:center;min-width:0}.lane-title h1{margin:0;font-size:1.42rem;line-height:1;padding:.34rem .56rem;border:1px solid #d98937;cursor:pointer;user-select:none}.lane-title h1:active{transform:translateY(1px)}.controls{grid-area:controls;width:var(--controls-width);height:var(--controls-height);min-height:0;padding:.75rem;display:grid;gap:.58rem;align-content:start;overflow:auto}.global-header{display:flex;justify-content:space-between;align-items:center;gap:.45rem}.global-header h2,.control-panel h2,.palette-controls h2,.soft-debug h2{margin:0;font-size:.88rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.header-actions{display:flex;gap:.35rem}.header-actions button{padding:.2rem .38rem;font-size:.7rem}.panel-grid{padding:.56rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.control-panel{padding:.56rem;display:grid;gap:.5rem}.control-panel .panel-grid{padding:0}.global-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}.dynamics-grid .range-cluster{grid-column:1 / -1}.palette-controls,.soft-debug{padding:.56rem;display:grid;gap:.5rem}.secrets-counter{margin:auto 0 0;padding:.3rem .42rem;border:1px solid var(--swarm-frame-edge);background:#060d14e6;color:var(--text-muted);font-family:var(--swarm-font-mono);font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;text-align:right}#secrets-counter-stacked{display:none}.soft-debug-grid{padding:0}.soft-debug .toggle-row{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:.6rem}.soft-debug .toggle-row input[type=checkbox]{width:.95rem;height:.95rem;margin:0}#palette-colors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem .45rem}.palette-row{display:grid;grid-template-columns:1.4rem minmax(0,1fr);align-items:center;gap:.4rem}.palette-row .swatch-label{color:var(--text-weak);font-size:.72rem}.swarm-oklch-picker{display:block}.swarm-color-control{display:grid}.color-open{width:100%;display:grid;grid-template-columns:1.9rem minmax(0,1fr);align-items:center;gap:.45rem;background:#02080cb8;border:1px solid var(--border-soft);padding:.26rem .36rem;text-transform:none;letter-spacing:0}.color-open-swatch{width:1.6rem;height:1rem;border:1px solid var(--border-soft)}.color-open-readout{justify-self:end;color:var(--text-main);font-size:.69rem}.swarm-color-control.compact .color-open{padding:.22rem .3rem}.swarm-color-dialog{width:min(380px,calc(100vw - 2rem));border:1px solid var(--swarm-frame-edge-strong);border-radius:0;padding:.55rem;background:#08131d;color:var(--text-main);box-shadow:var(--swarm-frame-shadow-elevated)}.swarm-color-dialog::backdrop{background:#02080cb8}.color-dialog-body{display:grid;gap:.5rem}.color-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.color-dialog-header strong{letter-spacing:.04em;text-transform:uppercase}.color-dialog-preview{width:100%;height:1.2rem;border:1px solid var(--border-soft)}.color-axis-row{display:grid;grid-template-columns:1.2rem minmax(0,1fr) 3.7rem;gap:.45rem;align-items:center}.controls label{display:grid;gap:.3rem;font-size:.78rem;color:var(--text-main)}.range-field{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.45rem}.range-field-vertical{grid-template-columns:1fr;justify-items:center;gap:.26rem}.range-cluster{display:grid;gap:.34rem}.range-inline{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.42rem}.dual-range-host{display:block}.range-side-action{align-self:start;min-width:0;padding:.18rem .34rem;font-size:.66rem;line-height:1;text-transform:uppercase;letter-spacing:.05em}.slider-bank{grid-template-columns:repeat(2,minmax(0,1fr))}.slider-column{justify-items:center;text-align:center;gap:.28rem}.slider-column output{min-width:auto;text-align:center}.range-value,output{min-width:2.4rem;text-align:right;color:var(--text-muted);font-size:.72rem}.preview-column{grid-area:preview;width:var(--stage-size);display:grid;grid-template-rows:var(--stage-size) auto;gap:.45rem;align-content:start}.preview{position:relative;width:100%;height:var(--stage-size);min-height:0;padding:.45rem}#error{position:absolute;left:.45rem;right:.45rem;top:.45rem;z-index:3;margin:0;color:#f09aa0;font-size:.82rem;white-space:pre-wrap}.preview-stage{width:100%;height:100%;min-height:0;position:relative;display:grid;place-items:center;justify-self:center;align-self:center;max-width:100%;max-height:100%;overflow:hidden}#preview-canvas{width:auto;height:auto;max-width:100%;max-height:100%;display:block;image-rendering:pixelated;image-rendering:crisp-edges;visibility:visible}#init-overlay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;z-index:2;pointer-events:none;text-transform:uppercase;letter-spacing:.08em;font-size:.74rem;color:var(--text-main)}.render-progress{display:grid;gap:.24rem;min-height:1.45rem;opacity:0;transition:opacity .12s linear}.render-progress[data-active=true]{opacity:1}.render-progress-track{width:100%;height:.64rem;background:#040c12e6;border:1px solid var(--border-soft);overflow:hidden}.render-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,#60bad4f2,#338fadfa);transition:width 90ms linear}#render-progress-text{margin:0;font-size:.68rem;color:var(--text-muted)}.lane-download{grid-area:download;align-self:start;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;height:var(--stage-size);min-width:0}.action-stack{display:grid;gap:.36rem}.action-stack button{width:100%;min-width:6.3rem;padding:.22rem .34rem;font-size:.7rem}input,select,button{font:inherit}input:not([type=range]):not([type=checkbox]):not([type=color]),select{width:100%;background:var(--control-bg);color:var(--text-main);border:1px solid var(--border-soft);border-radius:0;padding:.28rem .4rem}input[type=range]{width:100%;appearance:none;height:.56rem;border:1px solid var(--border-soft);background:linear-gradient(180deg,#061a26f2,#020a10e6);padding:0;cursor:pointer}input[type=range].range-vertical{writing-mode:vertical-lr;direction:rtl;width:.72rem;height:3.8rem}input[type=range].swarm-dual-range-input{height:1rem;border:0;background:none;padding:0}input[type=range].swarm-dual-range-input::-moz-range-track{border:0;background:transparent}input[type=range]::-webkit-slider-thumb{appearance:none;width:.58rem;height:.95rem;background:#9fd7ea;border:1px solid #0b1a25;box-shadow:0 0 0 1px #00000073 inset;cursor:pointer}input[type=range].range-vertical::-webkit-slider-thumb{width:.95rem;height:.58rem}input[type=range]::-moz-range-thumb{width:.58rem;height:.95rem;background:#9fd7ea;border:1px solid #0b1a25;border-radius:0;cursor:pointer}input[type=range].range-vertical::-moz-range-thumb{width:.95rem;height:.58rem}input[type=range]::-moz-range-track{height:.56rem;border:1px solid var(--border-soft);border-radius:0;background:linear-gradient(180deg,#061a26f2,#020a10e6)}button{background:var(--button-bg);color:var(--text-main);border:1px solid var(--swarm-frame-edge);border-radius:0;padding:.32rem .48rem;cursor:pointer;text-transform:uppercase;letter-spacing:.04em}button:hover{background:var(--button-bg-active)}button:disabled{opacity:.5;cursor:not-allowed}html.layout-stacked .layout{grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto minmax(0,var(--controls-height)) auto;grid-template-areas:"title download" "controls controls" "preview preview";gap:.5rem;justify-items:stretch;align-items:start;align-content:start}html.layout-stacked .lane-title h1{font-size:clamp(.96rem,3.9vw,1.18rem);padding:.26rem .44rem}html.layout-stacked .controls{width:min(100%,var(--controls-width));max-width:var(--controls-width);height:100%;max-height:var(--controls-height);justify-self:center;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:.58rem;row-gap:.58rem;align-content:start}html.layout-stacked .global-grid,html.layout-stacked .dynamics-grid,html.layout-stacked .slider-bank{grid-template-columns:repeat(3,minmax(0,1fr))}html.layout-stacked .dynamics-grid,html.layout-stacked .slider-bank{grid-template-columns:repeat(2,minmax(0,1fr))}html.layout-stacked .dynamics-grid .range-cluster{grid-column:1 / -1}html.layout-stacked #palette-colors{grid-template-columns:1fr}html.layout-stacked .controls>.global-header,html.layout-stacked #secrets-counter-stacked{grid-column:1 / -1}html.layout-stacked .controls>.control-panel,html.layout-stacked .controls>.palette-controls,html.layout-stacked .controls>.soft-debug{min-width:0}html.layout-stacked .preview-column{justify-self:center}html.layout-stacked .lane-download{height:auto;align-self:start;justify-self:stretch}html.layout-stacked .action-stack{grid-template-columns:repeat(3,minmax(0,1fr));gap:.28rem}html.layout-stacked .action-stack button{min-width:0;padding:.18rem .24rem;font-size:clamp(.56rem,2.45vw,.66rem)}html.layout-stacked #secrets-counter-side{display:none!important}html.layout-stacked #secrets-counter-stacked{display:block;margin-top:.3rem}.swarm-dual-range{--swarm-dual-range-thumb-width: .58rem;position:relative;display:grid;gap:.3rem;padding:.08rem calc(var(--swarm-dual-range-thumb-width) * .5) 0}.swarm-dual-range-rail{position:relative;height:1rem;cursor:pointer}.swarm-dual-range-track{position:absolute;inset:50% 0 auto;height:.56rem;transform:translateY(-50%);border:1px solid var(--swarm-frame-edge, rgba(68, 152, 176, .62));background:var(--control-bg, rgba(4, 12, 18, .82));box-shadow:inset 0 0 0 1px #0000006b}.swarm-dual-range-fill{position:absolute;top:0;bottom:0;background:var(--button-bg, #12384d);box-shadow:inset 0 0 0 1px var(--swarm-frame-edge, rgba(68, 152, 176, .62))}.swarm-dual-range-input{position:absolute;inset:0;width:100%;margin:0;appearance:none;background:none;border:0;pointer-events:none}.swarm-dual-range-input::-webkit-slider-runnable-track{appearance:none;height:1rem;background:transparent}.swarm-dual-range-input::-moz-range-track{height:1rem;background:transparent;border:0}.swarm-dual-range-input::-webkit-slider-thumb{appearance:none;width:.58rem;height:.95rem;margin-top:.02rem;background:#9fd7ea;border:1px solid #0b1a25;box-shadow:0 0 0 1px #00000073 inset;cursor:pointer;pointer-events:auto}.swarm-dual-range-input::-moz-range-thumb{width:.58rem;height:.95rem;background:#9fd7ea;border:1px solid #0b1a25;border-radius:0;cursor:pointer;pointer-events:auto}.swarm-dual-range-readout{display:flex;align-items:center;justify-content:space-between;gap:.35rem;color:var(--text-muted, #9fb4ca);font-size:.72rem;font-family:var(--swarm-font-mono, ui-monospace, monospace)}.swarm-dual-range-output{min-width:3rem}.swarm-dual-range-output:first-child{text-align:left}.swarm-dual-range-output:last-child{text-align:right}