@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0a08;--panel:#111009;--panel-raised:#1a1810;--border:#3a3420;--border-subtle:#262214;--text:#f2efe6;--text-muted:#8a8570;--accent:#f5b301;--accent-bright:#ffc93c;--accent-dim:#f5b3018c;--accent-faint:#f5b3011f;--on-accent:#0a0a08;--positive:#22c55e;--destructive:#ef4444;--glow:0 0 20px #f5b30138;--font-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--fs-hero:clamp(30px, 4vw, 42px);--fs-stat:28px;--fs-label:12px;--fs-body:13.5px;--fs-meta:11.5px;--fs-code:12.5px;--fs-btn:14px;--ls-label:.12em;--ls-meta:.08em;--lh-body:1.6;--lh-code:1.6;--space-1:8px;--space-2:12px;--space-3:16px;--space-4:24px;--space-5:40px;--space-6:64px;--gutter:16px;--module-pad:20px;--max-w:1440px;--radius:6px;--radius-sm:2px;--border-w:1px;--rule-w:2px;--focus-offset:2px;--tap-target:44px;--chip-h:36px;--track-h:4px;--node-size:14px;--swatch-size:24px;--avatar-size:48px;--corner:8px;--drop-min-h:140px;--preview-max-h:420px;--editor-min-h:360px;--editor-max-h:520px;--dur-hover:.16s;--dur-press:.1s;--dur-flash:.24s;--gh-bg:#0d1117;--gh-panel:#161b22;--gh-border:#30363d;--gh-text:#e6edf3;--gh-muted:#8b949e;--gh-link:#4493f8}*,:before,:after{box-sizing:border-box}html{background:var(--bg)}body{background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--font-mono);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}h1,h2,h3,p,ol,ul{margin:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}:focus-visible{outline:var(--rule-w) solid var(--accent);outline-offset:var(--focus-offset)}.module-label{font-size:var(--fs-label);text-transform:uppercase;letter-spacing:var(--ls-label);color:var(--accent);font-weight:500}.module-label:before{content:"> "}.eyebrow{font-size:var(--fs-meta);text-transform:uppercase;letter-spacing:var(--ls-meta);color:var(--text-muted);font-weight:500}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.btn{justify-content:center;align-items:center;gap:var(--space-1);min-height:var(--chip-h);padding:0 var(--space-3);border-radius:var(--radius);font-weight:700;font-size:var(--fs-btn);transition:border-color var(--dur-hover), background-color var(--dur-press), color var(--dur-press), box-shadow var(--dur-hover), transform var(--dur-hover);display:inline-flex}.btn-primary{background:var(--accent);color:var(--on-accent);border:var(--border-w) solid transparent}.btn-primary:hover{background:var(--accent-bright);box-shadow:var(--glow);transform:translateY(-1px)}.btn-primary:active{background:var(--on-accent);color:var(--accent);border-color:var(--accent);box-shadow:none;transform:none}.btn-secondary{color:var(--accent);border:var(--border-w) solid var(--accent);background:0 0}.btn-secondary:hover{color:var(--accent-bright);border-color:var(--accent-bright);background:var(--accent-faint);transform:translateY(-1px)}.btn-secondary:active{background:var(--accent);color:var(--on-accent);transform:none}.btn-ghost{color:var(--text-muted);border:var(--border-w) solid var(--border-subtle);font-weight:400;font-size:var(--fs-code);background:0 0}.btn-ghost:hover{color:var(--text);border-color:var(--accent-dim);transform:translateY(-1px)}.btn[disabled],.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}@keyframes btn-flash{0%{transform:scale(1)}50%{border-color:var(--accent-bright);transform:scale(1.04)}to{transform:scale(1)}}.btn.is-flashing{animation:btn-flash var(--dur-flash) ease-out}.chip{align-items:center;gap:var(--space-1);min-height:var(--chip-h);padding:0 var(--space-2);border-radius:var(--radius);border:var(--border-w) solid var(--border-subtle);font-size:var(--fs-code);color:var(--text-muted);transition:border-color var(--dur-hover), color var(--dur-hover), background-color var(--dur-hover), transform var(--dur-hover);background:0 0;display:inline-flex}.chip:hover{border-color:var(--accent-dim);color:var(--text);transform:translateY(-1px)}.chip[aria-pressed=true],.chip[aria-checked=true]{background:var(--accent-faint);border-color:var(--accent);color:var(--accent)}.chip[aria-pressed=true]:before,.chip[aria-checked=true]:before{content:"✓"}.field{min-height:var(--tap-target);padding:0 var(--space-2);background:var(--bg);border:var(--border-w) solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);font-family:var(--font-mono);transition:border-color var(--dur-hover), box-shadow var(--dur-hover);font-size:13px}.field::placeholder{color:var(--text-muted);opacity:.7}textarea.field{min-height:calc(var(--tap-target) * 2);padding:var(--space-2);line-height:var(--lh-code);resize:vertical}.field:focus-visible{border-color:var(--accent);box-shadow:var(--glow);outline:none}.range{appearance:none;width:100%;height:var(--tap-target);background:0 0;margin:0}.range::-webkit-slider-runnable-track{height:var(--track-h);border-radius:var(--radius-sm);background:var(--border-subtle)}.range::-moz-range-track{height:var(--track-h);border-radius:var(--radius-sm);background:var(--border-subtle)}.range::-webkit-slider-thumb{appearance:none;width:var(--node-size);height:var(--node-size);margin-top:calc((var(--track-h) - var(--node-size)) / 2);border-radius:var(--radius-sm);background:var(--accent);border:none}.range::-moz-range-thumb{width:var(--node-size);height:var(--node-size);border-radius:var(--radius-sm);background:var(--accent);border:none}.range:hover::-webkit-slider-runnable-track{background:var(--border)}.range:hover::-moz-range-track{background:var(--border)}.swatch{width:var(--chip-h);height:var(--chip-h);border-radius:var(--radius);border:var(--border-w) solid var(--border-subtle);transition:border-color var(--dur-hover), transform var(--dur-hover);background:0 0;justify-content:center;align-items:center;display:inline-flex}.swatch:after{content:"";width:var(--swatch-size);height:var(--swatch-size);border-radius:var(--radius-sm);background:var(--swatch-hex)}.swatch:hover{border-color:var(--accent-dim);transform:translateY(-1px)}.swatch[aria-pressed=true]{border-color:var(--accent)}.control{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.control-label{justify-content:space-between;align-items:baseline;gap:var(--space-2);display:flex}.control-value{font-size:var(--fs-meta);color:var(--text-muted)}.chip-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.note{font-size:var(--fs-code);line-height:var(--lh-code);color:var(--text-muted)}.note-warn{color:var(--accent)}.note-error{color:var(--destructive)}.ext-arrow{color:var(--text-muted);transition:color var(--dur-hover)}a:hover>.ext-arrow,.link-row:hover .ext-arrow{color:var(--accent-bright)}@media (pointer:coarse){.chip,.btn,.swatch{min-height:var(--tap-target)}.swatch{min-width:var(--tap-target)}}.topbar{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:var(--border-w) solid var(--border-subtle);display:flex}.topbar-note{font-size:var(--fs-meta);color:var(--text-muted);white-space:nowrap}.hero{padding:var(--space-4) 0 var(--space-1);gap:var(--space-2);flex-direction:column;display:flex}.boot{margin:0 0 var(--space-1);font-family:var(--font-mono);font-size:var(--fs-code);line-height:var(--lh-code);color:var(--accent);white-space:pre;overflow-x:auto}.boot-ok{color:var(--positive)}.boot-cursor{color:var(--accent);text-shadow:var(--glow)}.hero-reveal{opacity:0;transition:opacity .3s ease-out,transform .3s ease-out;transform:translateY(8px)}.hero-reveal.is-in{opacity:1;transform:none}.hero-title.hero-reveal{transition-delay:80ms}.hero-sub.hero-reveal{transition-delay:.16s}.hero-title{font-weight:700;font-size:var(--fs-hero);letter-spacing:-.01em;color:var(--accent)}.hero-cursor{margin-left:var(--space-1);animation:1s step-end infinite hero-cursor-blink}@keyframes hero-cursor-blink{0%,to{opacity:1}50%{opacity:0}}.hero-sub{font-size:var(--fs-code);line-height:var(--lh-code);color:var(--text-muted)}@media (prefers-reduced-motion:reduce){.hero-cursor{opacity:1;animation:none}.hero-reveal{opacity:1;transform:none}}@media (width<=767.98px){.hero{padding-top:var(--space-3)}}.ascii-guide{padding-top:var(--space-2);border-top:var(--border-w) solid var(--border-subtle)}.ascii-guide-summary{justify-content:space-between;align-items:center;gap:var(--space-2);min-height:var(--chip-h);cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--dur-hover);list-style:none;display:flex}.ascii-guide-summary::-webkit-details-marker{display:none}.ascii-guide-summary:hover{color:var(--accent-bright)}.ascii-guide-summary:focus-visible{outline:var(--rule-w) solid var(--accent);outline-offset:var(--focus-offset);border-radius:var(--radius-sm)}.ascii-guide-toggle{border-right:var(--border-w) solid var(--accent-dim);border-bottom:var(--border-w) solid var(--accent-dim);width:8px;height:8px;transition:transform var(--dur-hover);transform:rotate(45deg)}.ascii-guide[open] .ascii-guide-toggle{transform:rotate(225deg)}.ascii-guide .guide-steps{margin:var(--space-2) 0 0;gap:var(--space-3);flex-direction:column;padding:0;list-style:none;display:flex}.ascii-guide .guide-step{gap:var(--space-1);flex-direction:column;display:flex}.guide-step-head{align-items:flex-start;gap:var(--space-2);display:flex}.guide-num{width:22px;height:22px;font-size:var(--fs-meta);color:var(--accent);background:var(--accent-faint);border:var(--border-w) solid var(--accent-dim);border-radius:var(--radius-sm);flex:none;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.guide-step-text{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--text);margin:0}.guide-shot-link{margin-left:calc(22px + var(--space-2));border:var(--border-w) solid var(--border-subtle);border-radius:var(--radius);transition:border-color var(--dur-hover);display:block;overflow:hidden}.guide-shot-link:hover{border-color:var(--accent-dim)}.guide-shot-link:focus-visible{outline:var(--rule-w) solid var(--accent);outline-offset:var(--focus-offset)}.guide-shot{background:var(--gh-bg);width:100%;height:auto;display:block}.guide-foot{margin-top:var(--space-3)}@media (width<=479.98px){.guide-shot-link{margin-left:0}}.ascii{gap:var(--space-2);flex-direction:column;display:flex}.dropzone{justify-content:center;align-items:flex-start;gap:var(--space-1);min-height:var(--drop-min-h);padding:var(--space-3);background:var(--bg);border:var(--border-w) dashed var(--border);border-radius:var(--radius);text-align:left;width:100%;transition:border-color var(--dur-hover), background-color var(--dur-hover);flex-direction:column;display:flex}.dropzone:hover,.dropzone.is-dragging{border-color:var(--accent);background:var(--accent-faint)}.dropzone-sub{font-size:var(--fs-meta);color:var(--text-muted);opacity:.7}.ascii-frame{background:var(--bg);border:var(--border-w) solid var(--border-subtle);border-radius:var(--radius);padding:var(--space-2);max-height:var(--preview-max-h);overflow:auto}.ascii-preview{font-family:var(--font-mono);color:var(--accent);white-space:pre;margin:0;line-height:1.2}@keyframes ascii-row-in{0%{opacity:0}}.ascii-row{animation:.2s ease-out both ascii-row-in;animation-delay:calc(var(--row-i) * 12ms)}.ascii-caption{justify-content:space-between;align-items:center;gap:var(--space-2);min-width:0;display:flex}.ascii-caption-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--fs-meta);color:var(--text-muted);flex:1;overflow:hidden}.ascii-controls{gap:var(--space-2);padding-top:var(--space-2);border-top:var(--border-w) solid var(--border-subtle);flex-direction:column;display:flex}.ascii-sliders{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.gradient-row{gap:var(--space-2);display:flex}.color-well{width:calc(var(--tap-target) * 2);height:var(--chip-h);padding:calc(var(--space-1) / 2);background:var(--bg);border:var(--border-w) solid var(--border-subtle);border-radius:var(--radius);cursor:pointer;transition:border-color var(--dur-hover)}.color-well:hover{border-color:var(--accent-dim)}@media (width<=479.98px){.ascii-sliders{grid-template-columns:minmax(0,1fr)}}.identity{gap:var(--space-2);flex-direction:column;display:flex}.identity-form{gap:var(--space-2);flex-wrap:wrap;display:flex}.identity-form .field{flex:1;min-width:0}.identity-token summary{cursor:pointer;width:fit-content}.identity-token summary::marker{content:""}.identity-token summary:hover{color:var(--text)}.identity-token-body{gap:var(--space-1);margin-top:var(--space-1);flex-direction:column;display:flex}.profile{gap:var(--space-2);flex-direction:column;display:flex}.profile-id{align-items:center;gap:var(--space-2);min-width:0;display:flex}.profile-avatar{width:var(--avatar-size);height:var(--avatar-size);border-radius:var(--radius);border:var(--border-w) solid var(--border-subtle);flex-shrink:0}.profile-who{min-width:0}.profile-name{font-weight:700;font-size:var(--fs-body);color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-login{font-size:var(--fs-meta);color:var(--text-muted)}.profile-bio{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--text-muted)}.stat-rows{flex-direction:column;padding:0;list-style:none;display:flex}.stat-row{justify-content:space-between;align-items:baseline;gap:var(--space-2);padding:var(--space-1) 0;border-top:var(--border-w) solid var(--border-subtle);font-size:var(--fs-code);display:flex}.stat-row-label{color:var(--text-muted)}.stat-row-value{color:var(--text);text-align:right;font-weight:500}.sections{gap:var(--space-4);flex-direction:column;display:flex}.preset-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.preset-card{align-items:flex-start;gap:calc(var(--space-1) / 2);padding:var(--space-2);background:var(--bg);border:var(--border-w) solid var(--border-subtle);border-radius:var(--radius);text-align:left;transition:border-color var(--dur-hover), background-color var(--dur-hover), transform var(--dur-hover);flex-direction:column;display:flex}.preset-card:hover{border-color:var(--accent-dim);background:var(--panel-raised);transform:translateY(-1px)}.preset-card:active{border-color:var(--accent);transform:none}.preset-name{font-weight:700;font-size:var(--fs-code);color:var(--text)}.preset-desc{font-size:var(--fs-meta);color:var(--text-muted);line-height:1.5}.section-list{gap:var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex}.section-row{background:var(--bg);border:var(--border-w) solid var(--border-subtle);border-radius:var(--radius);transition:border-color var(--dur-hover);overflow:hidden}.section-row.is-open{border-color:var(--accent-dim)}.section-head{align-items:center;gap:var(--space-2);padding:var(--space-2);min-width:0;display:flex}.section-head>.chip{font-size:var(--fs-body);font-weight:700}.section-hint{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--fs-meta);color:var(--text-muted);flex:1;overflow:hidden}.section-move{gap:calc(var(--space-1) / 2);display:inline-flex}.section-arrow{min-width:var(--chip-h);padding:0}.section-options{padding:var(--space-3);background:var(--panel-raised);border-top:var(--border-w) solid var(--border-subtle)}.badge-picker{gap:var(--space-2);flex-direction:column;display:flex}.badge-group{gap:var(--space-1);flex-direction:column;display:flex}.badge-group-label{font-size:var(--fs-meta);letter-spacing:.08em;color:var(--accent);opacity:.85}.quote-fields{gap:var(--space-1);flex-direction:column;display:flex}@media (width<=767.98px){.section-hint{display:none}}.mode-select{appearance:none;padding:calc(var(--space-1) / 2) var(--space-1);background:var(--bg);border:var(--border-w) solid var(--border);border-radius:var(--radius);color:var(--text);font-family:var(--font-mono);font-size:var(--fs-meta);cursor:pointer;transition:border-color var(--dur-hover)}.mode-select:hover{border-color:var(--accent-dim)}.strip{grid-template-columns:repeat(5,minmax(0,1fr));padding:0;list-style:none;display:grid}.strip-cell{align-items:center;gap:calc(var(--space-1) / 2);padding:var(--space-1) var(--space-2);border-left:var(--border-w) solid var(--border-subtle);text-align:center;flex-direction:column;display:flex}.strip-cell:first-child{border-left:none}.strip-icon{color:var(--accent)}.strip-num{font-size:var(--fs-stat);color:var(--accent);font-weight:700;line-height:1.1}.strip-cap{font-size:var(--fs-meta);color:var(--text-muted)}.stat-row-value--accent{color:var(--accent);font-weight:700}.langs{gap:var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex}.lang-head{justify-content:space-between;align-items:baseline;gap:var(--space-2);margin-bottom:calc(var(--space-1) / 2);display:flex}.lang-name{font-size:var(--fs-code);color:var(--text)}.lang-pct{font-size:var(--fs-meta);color:var(--accent);font-weight:500}.meter{height:var(--track-h);background:var(--border-subtle);border-radius:var(--radius-sm);overflow:hidden}.meter-fill{background:var(--accent);height:100%;display:block}.stack-grid{gap:var(--space-1);grid-template-columns:repeat(auto-fill,minmax(104px,1fr));padding:0;list-style:none;display:grid}.stack-cell{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border:var(--border-w) solid var(--border-subtle);border-radius:var(--radius);font-size:var(--fs-meta);color:var(--text);white-space:nowrap;text-overflow:ellipsis;min-width:0;display:flex;overflow:hidden}.stack-dot{border-radius:var(--radius-sm);flex-shrink:0;width:10px;height:10px}.stack-icon{flex-shrink:0;width:14px;height:14px}.quote-module{position:relative}.quote-mark{top:var(--space-1);right:var(--module-pad);color:var(--accent-dim);pointer-events:none;font-size:64px;font-weight:700;line-height:1;position:absolute}.quote-body{font-style:italic;font-size:var(--fs-body);line-height:var(--lh-body);color:var(--text);max-width:60ch;margin:0}.quote-author{margin-top:var(--space-1);color:var(--accent);font-style:normal}@media (width<=767.98px){.strip{row-gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr))}.strip-cell:nth-child(3n+1){border-left:none}}.output-frame{background:var(--bg);border:var(--border-w) solid var(--border-subtle);border-radius:var(--radius);overflow:hidden}.output-meta{align-items:center;gap:var(--space-2);font-size:var(--fs-meta);color:var(--text-muted);white-space:nowrap;display:flex}.output-meta .is-over{color:var(--accent);font-weight:700}.output-tabbar{align-items:stretch;gap:var(--space-1);padding:0 var(--space-2);border-bottom:var(--border-w) solid var(--border-subtle);display:flex}.output-tab{min-height:var(--tap-target);padding:0 var(--space-2);font-size:var(--fs-code);color:var(--text-muted);border-bottom:var(--rule-w) solid transparent}.output-tab:hover{color:var(--text)}.output-tab:focus-visible,.output-editor:focus-visible{outline-offset:calc(var(--focus-offset) * -1)}.output-tab[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent)}.output-editor{min-height:var(--editor-min-h);max-height:var(--editor-max-h);padding:var(--space-3);font-size:var(--fs-code);line-height:var(--lh-code);color:var(--text-muted);overflow:auto}.output-code{font-family:var(--font-mono);color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.output-guide{gap:var(--space-3);flex-direction:column;max-width:62ch;display:flex}.guide-title{color:var(--accent);font-size:var(--fs-label);text-transform:uppercase;letter-spacing:var(--ls-label);font-weight:500}.guide-steps{gap:var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex}.guide-step{align-items:flex-start;gap:var(--space-2);color:var(--text);line-height:1.5;display:flex}.guide-num{border:var(--border-w) solid var(--accent-dim);border-radius:var(--radius-sm);min-width:20px;height:20px;color:var(--accent);font-size:var(--fs-meta);font-variant-numeric:tabular-nums;flex:none;justify-content:center;align-items:center;padding:0 5px;font-weight:700;display:inline-flex}.guide-foot{color:var(--text-muted)}.output-actions{align-items:center;gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.output-hint{width:100%;margin-top:var(--space-1)}.gh{background:var(--gh-bg);color:var(--gh-text);border:1px solid var(--gh-border);border-radius:6px;padding:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5}.gh h1,.gh h2{border-bottom:1px solid var(--gh-border);margin:24px 0 16px;padding-bottom:.3em;font-size:1.5em;font-weight:600}.gh h3{margin:24px 0 16px;font-size:1.25em;font-weight:600}.gh h1:first-child,.gh h2:first-child,.gh p:first-child{margin-top:0}.gh p{margin:0 0 16px}.gh ul{margin:0 0 16px;padding-left:2em}.gh img{vertical-align:middle;max-width:100%}.gh-ascii-wrap{margin:0 0 16px}.gh-fallback{border:1px dashed var(--gh-border);color:var(--gh-muted);border-radius:6px;margin:0 0 8px;padding:8px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;display:inline-block}.gh a{color:var(--gh-link)}.gh code{background:var(--gh-panel);border-radius:6px;padding:.2em .4em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:85%}.gh pre{background:var(--gh-panel);border-radius:6px;margin:0 0 16px;padding:16px;overflow:auto}.gh pre code{background:0 0;padding:0;font-size:85%}.gh hr{background:var(--gh-border);border:0;height:4px;margin:24px 0}.gh table{border-spacing:0;border-collapse:collapse;width:max-content;max-width:100%;margin:0 auto 16px;display:block;overflow:auto}.gh td,.gh th{border:1px solid var(--gh-border);padding:6px 13px}.gh tr{background-color:var(--gh-bg);border-top:1px solid var(--gh-border)}.gh tr:nth-child(2n){background-color:var(--gh-panel)}.gh sub{color:var(--gh-muted);font-size:85%}.gh sub img{vertical-align:text-bottom}.app{max-width:var(--max-w);padding:0 var(--space-4) var(--space-4);margin:0 auto}.grid{gap:var(--gutter);margin-top:var(--space-4);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;display:grid}.rail{gap:var(--space-4);min-width:0;top:var(--space-4);max-height:calc(100vh - var(--space-4) * 2);padding:var(--rule-w);margin:calc(var(--rule-w) * -1);scrollbar-gutter:stable;flex-direction:column;grid-column:span 4;display:flex;position:sticky;overflow-y:auto}.board{gap:var(--gutter);min-width:0;top:var(--space-4);max-height:calc(100vh - var(--space-4) * 2);padding:var(--rule-w);margin:calc(var(--rule-w) * -1);scrollbar-gutter:stable;grid-column:span 8;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;align-self:start;display:grid;position:sticky;overflow-y:auto}.board .span-2{grid-column:1/-1}.module{background:var(--panel);border:var(--border-w) solid var(--border);border-radius:var(--radius);padding:var(--module-pad);min-width:0}.module-head{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.module-head--tight{margin-bottom:var(--space-1)}.module-title{align-items:center;gap:var(--space-1);min-width:0;display:flex}.module-step{border:var(--border-w) solid var(--accent-dim);border-radius:var(--radius-sm);min-width:20px;height:20px;color:var(--accent);font-size:var(--fs-meta);font-variant-numeric:tabular-nums;flex:none;justify-content:center;align-items:center;padding:0 5px;font-weight:700;display:inline-flex}.module-hint{margin-bottom:var(--space-3);color:var(--text-muted);font-size:var(--fs-meta);letter-spacing:var(--ls-meta);line-height:1.5}.module-slot{align-items:center;gap:var(--space-1);min-width:0;display:flex}.module--corners{position:relative}.module--corners:before,.module--corners:after{content:"";width:var(--corner);height:var(--corner);pointer-events:none;position:absolute}.module--corners:before{border-top:var(--rule-w) solid var(--accent-dim);border-left:var(--rule-w) solid var(--accent-dim);top:-1px;left:-1px}.module--corners:after{border-bottom:var(--rule-w) solid var(--accent-dim);border-right:var(--rule-w) solid var(--accent-dim);bottom:-1px;right:-1px}.statusline{align-items:center;gap:var(--space-1) var(--space-2);margin-top:var(--gutter);padding:var(--space-2) 0;border-top:var(--border-w) solid var(--border-subtle);font-size:var(--fs-meta);color:var(--text-muted);flex-wrap:wrap;display:flex}.statusline-sep{color:var(--border)}@media (width<=1023.98px){.grid{grid-template-columns:repeat(8,minmax(0,1fr))}.rail{grid-column:span 8;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.rail,.board{grid-column:span 8;max-height:none;margin:0;padding:0;position:static;overflow:visible}}@media (width<=767.98px){.app{padding:0 var(--space-3) var(--space-3)}.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.rail,.board{grid-column:span 4;grid-template-columns:minmax(0,1fr)}}