@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: 620px;--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-glow-soft: 0 0 18px rgba(28, 152, 252, .16);--swarm-frame-glow-strong: 0 0 30px rgba(28, 152, 252, .24);--swarm-frame-shadow: 0 0 0 1px var(--swarm-frame-edge-inset) inset;--swarm-frame-shadow-elevated: var(--swarm-frame-shadow), var(--swarm-frame-glow-soft);--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)}.swarm-font-ui{font-family:var(--swarm-font-ui)}.swarm-font-mono,code,pre,kbd,samp,tt{font-family:var(--swarm-font-mono)}.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)}.swarm-frame-header{border-radius:var(--swarm-frame-radius);border:var(--swarm-frame-stroke) solid var(--swarm-frame-edge);background:linear-gradient(180deg,#0068801f,#00688005);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)}.topbar{padding:.6rem .75rem;display:flex;justify-content:space-between;align-items:center}h1{margin:0;font-size:1.08rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.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}.lane-title h1{font-size:1.42rem;line-height:1;padding:.34rem .56rem;border:1px solid #d98937;cursor:pointer;-webkit-user-select:none;user-select:none}.lane-title h1:active{transform:translateY(1px)}.lane-download{grid-area:download;align-self:start;display:flex;justify-content:flex-end;align-items:center}.action-stack{display:grid;gap:.36rem}.action-stack button{width:100%;min-width:6.3rem;padding:.22rem .34rem;font-size:.7rem}.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}.controls h2{margin:.22rem 0 0;font-size:.88rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.controls label{display:grid;gap:.3rem;font-size:.78rem;color:var(--text-main)}.controls label.check-control{display:inline-flex;align-items:center;justify-content:flex-start;gap:.5rem;white-space:nowrap}.controls label.check-control span{line-height:1.2}.control-panels{display:flex;flex-direction:column;gap:.58rem}.control-column{display:contents}.palette-controls{padding:.56rem;display:grid;gap:.5rem;order:1}#palette-colors{display:grid;gap:.45rem}.palette-row{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:.45rem;align-items:center}.palette-row .swatch-label{color:var(--text-weak);font-size:.74rem;line-height:1.5;padding-top:.1rem}.band-controls{margin-top:auto;padding:.56rem;display:grid;gap:.48rem;order:3}.band-controls h2{margin:0}.orders-header{display:flex;justify-content:space-between;align-items:center}.orders-controls{padding:.56rem;display:grid;gap:.54rem;align-content:start;order:2}#orders{display:grid;gap:.54rem}.order-tabs,.order-subtabs{display:flex;flex-wrap:wrap;gap:.35rem}.order-tabs button,.order-subtabs button{padding:.22rem .42rem;font-size:.76rem}.order-tabs button.active,.order-subtabs button.active{background:#1d5169;border-color:var(--swarm-frame-edge-strong)}.order-card{border:1px solid var(--border-soft);border-radius:0;padding:.56rem;display:grid;gap:.5rem;background:var(--control-bg)}.order-panel{display:grid;gap:.42rem}.jaggedness-dials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;align-items:end}.order-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.hint{font-size:.75rem;color:var(--text-muted)}.preview{grid-area:preview;width:var(--stage-size);height:var(--stage-size);min-height:0;padding:.75rem;display:grid;grid-template-rows:auto minmax(0,1fr);gap:.45rem}.preview.swarm-surface-elevated{background:transparent;box-shadow:var(--swarm-frame-shadow)}#error{margin:0;color:#f09aa0;font-size:.86rem;white-space:pre-wrap}#svg-host{width:100%;height:100%;min-height:0}#svg-host>svg,#svg-host>img,#svg-host>.svg-preview-image{width:100%;height:100%;display:block}.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}.range-field{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.45rem}.dial-field{justify-items:center;text-align:center;gap:.28rem}.range-field-vertical{grid-template-columns:1fr;justify-items:center;gap:.25rem}.range-value{min-width:3.2rem;text-align:right;color:var(--text-muted);font-size:.72rem;-webkit-user-select:none;user-select:none;pointer-events:none}input,select,button{font:inherit}input:not([type=range]):not([type=checkbox]),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%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:.56rem;border:1px solid var(--border-soft);background:linear-gradient(180deg,#061a26f2,#020a10e6);padding:0;touch-action:none;cursor:pointer}input[type=range].range-vertical{writing-mode:vertical-lr;direction:rtl;width:.72rem;height:4.8rem}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;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)}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.03rem;height:1.03rem;margin:0;border:1px solid var(--border-soft);background:linear-gradient(180deg,#06141cf2,#02090ee6);display:grid;place-content:center}input[type=checkbox]:before{content:"";width:.58rem;height:.58rem;transform:scale(0);clip-path:polygon(14% 53%,28% 67%,74% 21%,84% 31%,28% 87%,4% 63%);background:#9fd7ea;transition:transform .12s ease-out}input[type=checkbox]:checked{border-color:var(--swarm-frame-edge-strong);background:linear-gradient(180deg,#0b2a38f2,#04121ce6)}input[type=checkbox]:checked:before{transform:scale(1)}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}.payup-dialog{width:min(380px,calc(100vw - 2rem));border:1px solid var(--swarm-frame-edge-strong);border-radius:0;padding:.66rem;background:#08131d;color:var(--text-main);box-shadow:var(--swarm-frame-shadow-elevated)}.payup-dialog::backdrop{background:#02080cb8}.payup-body{display:grid;gap:.7rem}.payup-body p{margin:0}.payup-actions{display:flex;justify-content:flex-end;gap:.5rem}#red-mist-canvas{position:fixed;left:0;bottom:0;width:100vw;height:26vh;pointer-events:none;opacity:0;z-index:18;transition:opacity .26s ease-out}#red-mist-canvas.red-mist-active{opacity:1}html.layout-stacked .layout{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,var(--controls-height)) var(--stage-size);grid-template-areas:"title" "controls" "preview";gap:.5rem;justify-items:stretch;align-items:start}html.layout-stacked .lane-title,html.layout-stacked .lane-download{grid-area:title;align-self:start}html.layout-stacked .lane-title{justify-self:start}html.layout-stacked .lane-download{justify-self:end}html.layout-stacked .lane-download{width:auto;justify-content:flex-end}html.layout-stacked .action-stack{width:auto;display:flex;flex-direction:row;flex-wrap:nowrap;gap:.34rem}html.layout-stacked .action-stack button{width:auto;min-width:5.9rem}html.layout-stacked .controls{width:min(calc(100vw - 2rem),var(--stage-size));height:var(--controls-height);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:.58rem;row-gap:.58rem;align-items:start;align-content:start}html.layout-stacked .controls>h2{grid-column:1 / -1}html.layout-stacked .controls>label:first-of-type{grid-column:1 / -1}html.layout-stacked .controls>.control-panels{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:.58rem;row-gap:0;align-items:start}html.layout-stacked .control-column{display:grid;gap:.58rem;align-content:start}html.layout-stacked .control-column-right{grid-column:2}html.layout-stacked .band-controls{margin-top:0}html.layout-stacked .preview{align-self:end}