@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/inter-variable-latin.woff2)format("woff2")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500 700;font-display:swap;src:url(/fonts/space-grotesk-variable-latin.woff2)format("woff2")}:root{--ink:#16231c;--text-on-ink:#f1efe0;--text-on-ink-muted:#a0ab93;--paper:#f4f0e1;--paper-raised:#fffdf4;--paper-sunken:#e7e0c4;--line:#d8cd9e;--line-strong:#bfae71;--text:#1c2318;--text-muted:#625c3f;--accent:#d98f1a;--accent-ink:#aa6b0e;--accent-soft:#f8e4bd;--good:#1f7a46;--good-soft:#dff1e2;--bad:#b23a2d;--bad-soft:#fbe3dd;--radius-lg:22px;--radius-md:14px;--radius-sm:10px;--shadow-card:0 18px 38px -18px #16231c52;--shadow-float:0 10px 26px -10px #16231c61;--font-display:"Space Grotesk", "Avenir Next", "Segoe UI", sans-serif;--font-body:"Inter", "Avenir Next", "Segoe UI", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box}body{font-family:var(--font-body);color:var(--text);background-color:var(--paper);background-image:radial-gradient(circle at 1px 1px,#1c231814 1px,#0000 0);background-size:22px 22px;min-height:100vh;margin:0}#root{width:100%}h1,h2,h3,p{margin:0}kbd{font-family:var(--font-mono);border:1px solid var(--line-strong);background:var(--paper-raised);border-bottom-width:2px;border-radius:6px;padding:.04rem .38rem;font-size:.76rem}.app-shell{flex-direction:column;max-width:1360px;min-height:100vh;margin:0 auto;padding:clamp(1.4rem,3vw,2.75rem) clamp(1.1rem,3vw,2.5rem) 2.5rem;display:flex}.topbar{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.topbar__brand{font-family:var(--font-display);color:var(--text);align-items:center;gap:.4rem;font-size:.92rem;font-weight:600;display:inline-flex}.footer{color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;margin-top:auto;padding-top:2.5rem;font-size:.78rem;display:flex}.footer__links{gap:1rem;display:flex}.footer__links a{color:var(--text-muted);text-decoration:none}.footer__links a:hover{color:var(--accent-ink);text-decoration:underline}.landing{text-align:center;opacity:1;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.9rem;min-height:60vh;padding:2rem 1rem;transition:opacity .22s,transform .22s;display:flex;transform:translateY(0)}.landing.is-leaving{opacity:0;transform:translateY(-12px)}.landing__title{font-family:var(--font-display);letter-spacing:-.01em;max-width:34ch;font-size:clamp(1.9rem,4vw,2.9rem);line-height:1.1}.landing__sub{color:var(--text-muted);max-width:48ch;font-size:1.05rem}.landing__start{align-items:center;gap:.55rem;min-height:3.2rem;margin-top:.6rem;padding:0 1.75rem;font-size:1.02rem;display:inline-flex}.landing__start svg{width:18px;height:18px}.builder-grid{grid-template-columns:minmax(0,1fr) minmax(320px,400px);grid-template-areas:"stepper stepper""content preview";align-items:start;gap:1.5rem;display:grid}.stepper{grid-area:stepper}.stepper__scroll{padding-bottom:.2rem;overflow-x:auto}.stepper__track{grid-template-columns:repeat(6,1fr);align-items:center;min-width:440px;display:grid;position:relative}.stepper__track:before{content:"";background:var(--line-strong);z-index:0;height:2px;position:absolute;top:50%;left:8.33333%;right:8.33333%;transform:translateY(-50%)}.stepper__node{all:unset;-webkit-tap-highlight-color:transparent;box-sizing:border-box;cursor:pointer;z-index:1;border-radius:999px;justify-self:center;padding:6px;transition:background-color .14s;display:inline-flex;position:relative}.stepper__node:hover,.stepper__node:focus-visible{background:var(--paper-sunken)}.stepper__circle{background:var(--paper-raised);border:2px solid var(--line-strong);width:34px;height:34px;color:var(--text-muted);font-family:var(--font-mono);border-radius:50%;place-items:center;font-size:.82rem;font-weight:700;transition:background-color .16s,border-color .16s,color .16s,transform .16s;display:grid}.stepper__node:hover .stepper__circle{border-color:var(--accent-ink);color:var(--accent-ink)}.stepper__node.is-current .stepper__circle{background:var(--accent);border-color:var(--accent-ink);color:var(--ink);transform:scale(1.08)}.stepper__dot{border:2px solid var(--paper);background:var(--bad);border-radius:50%;width:9px;height:9px;position:absolute;top:2px;right:2px}.stepper__labels{grid-template-columns:repeat(6,1fr);min-width:440px;margin-top:.5rem;display:grid}.stepper__label{text-align:center;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);padding:0 .2rem;font-size:.68rem;font-weight:700}.stepper__label.is-current{color:var(--text)}.step-panel{grid-area:content;min-width:0}.step-controls{justify-content:space-between;align-items:center;gap:1rem;margin-top:1.4rem;display:flex}.step-controls button{align-items:center;gap:.45rem;display:inline-flex}.step-controls button svg{width:16px;height:16px}.eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.18em;color:var(--accent-ink);align-items:center;gap:.5rem;font-size:.72rem;font-weight:700;display:inline-flex}.chapter{background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:1.6rem clamp(1.1rem,2.4vw,2.1rem);animation:.32s both rise;position:relative;overflow:hidden}.chapter__ghost-index{font-family:var(--font-display);color:var(--paper-sunken);letter-spacing:-.02em;z-index:0;-webkit-user-select:none;user-select:none;pointer-events:none;font-size:clamp(3.2rem,7vw,4.8rem);font-weight:700;line-height:1;position:absolute;top:-.6rem;right:.5rem}.chapter__header{z-index:1;align-items:center;gap:.85rem;margin-bottom:1.15rem;display:flex;position:relative}.chapter__icon{background:var(--ink);width:40px;height:40px;color:var(--accent);border-radius:12px;flex:none;place-items:center;display:grid}.chapter__icon svg{width:20px;height:20px}.chapter__heading{text-align:left;flex-direction:column;min-width:0;display:flex}.chapter__kicker{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-ink);margin:0 0 .15rem;font-size:.7rem;font-weight:700}.chapter__title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text);font-size:1.15rem;font-weight:600}.chapter__header-actions{flex:none;align-items:center;gap:.5rem;margin-left:auto;display:flex}.chapter__status{white-space:nowrap;background:var(--bad-soft);color:var(--bad);border-radius:999px;align-items:center;gap:.4rem;padding:.32rem .7rem;font-size:.76rem;font-weight:650;display:inline-flex}.chapter__status-dot{background:currentColor;border-radius:50%;width:7px;height:7px}.help-tip{display:inline-flex;position:relative}.help-tip__trigger{all:unset;-webkit-tap-highlight-color:transparent;box-sizing:border-box;cursor:pointer;background:var(--paper-sunken);width:22px;height:22px;color:var(--text-muted);font-family:var(--font-mono);border-radius:50%;place-items:center;font-size:.72rem;font-weight:700;transition:background-color .14s,color .14s;display:grid}.help-tip__trigger:hover,.help-tip__trigger[aria-expanded=true]{background:var(--ink);color:#fff}.help-tip__panel{background:var(--paper-raised);border:1px solid var(--line-strong);border-radius:var(--radius-md);width:min(272px,80vw);box-shadow:var(--shadow-float);color:var(--text);text-align:left;z-index:1000;gap:.5rem;padding:.8rem .9rem;font-size:.82rem;line-height:1.4;animation:.16s both help-tip-rise;display:grid;position:fixed}@keyframes help-tip-rise{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.chapter__body{z-index:1;gap:1rem;display:grid;position:relative}.subtle{color:var(--text-muted);font-size:.92rem}.subtle.tight{margin:0}.segmented{background:var(--paper-sunken);border:1px solid var(--line);border-radius:999px;flex-wrap:wrap;gap:.2rem;padding:.25rem;display:inline-flex}.segmented--grow{width:100%;display:flex}.segmented--grow .segmented__option{flex:1;justify-content:center}.segmented__option{all:unset;box-sizing:border-box;cursor:pointer;color:var(--text-muted);text-align:center;border-radius:999px;align-items:center;gap:.4rem;padding:.5rem .9rem;font-size:.84rem;font-weight:650;transition:background-color .12s,color .12s;display:inline-flex}.segmented__option:hover:not(.is-active):not(:disabled){color:var(--text)}.segmented__option.is-active{background:var(--ink);color:var(--text-on-ink)}.segmented__option:disabled{opacity:.4;cursor:not-allowed}.segmented__icon svg{width:16px;height:16px;display:block}.segmented--sm .segmented__option{padding:.34rem .65rem;font-size:.76rem}.toggle-switch{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:.15rem 0;display:flex}.toggle-switch.is-disabled{opacity:.5;cursor:not-allowed}.toggle-switch__text{flex-direction:column;display:flex}.toggle-switch__label{font-size:.88rem;font-weight:650}.toggle-switch__desc{color:var(--text-muted);margin-top:.1rem;font-size:.78rem;font-weight:500}.toggle-switch__control{flex:none;width:42px;height:24px;position:relative}.toggle-switch__control input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.toggle-switch__track{background:var(--line-strong);border-radius:999px;transition:background-color .15s;display:block;position:absolute;inset:0}.toggle-switch__thumb{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000059}.toggle-switch__control input:checked+.toggle-switch__track{background:var(--accent)}.toggle-switch__control input:checked+.toggle-switch__track .toggle-switch__thumb{transform:translate(18px)}.control-grid{gap:.85rem;display:grid}.control-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.control-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.advanced-block{border:1px dashed var(--line-strong);border-radius:var(--radius-md);background:#fff6;margin-top:.3rem}.advanced-block summary{cursor:pointer;color:var(--accent-ink);justify-content:space-between;align-items:center;padding:.68rem .85rem;font-size:.82rem;font-weight:700;list-style:none;display:flex}.advanced-block summary::-webkit-details-marker{display:none}.advanced-block summary:after{content:"+";font-size:1.05rem;line-height:1;transition:transform .15s}.advanced-block[open]>summary:after{transform:rotate(45deg)}.advanced-content{gap:.85rem;padding:.15rem .85rem .85rem;display:grid}label{gap:.4rem;font-size:.84rem;font-weight:650;display:grid}.field-label{align-items:center;gap:.35rem;display:inline-flex}.seed-row{align-items:center;gap:.5rem;display:flex}.seed-row input{flex:1;min-width:0}.seed-row__shuffle{flex:none;justify-content:center;align-items:center;width:2.5rem;min-height:2.5rem;padding:0;display:inline-flex}.seed-row__shuffle svg{width:16px;height:16px}.stack-xs{gap:.4rem;display:grid}.card-back-controls{border:1px dashed var(--line-strong);border-radius:var(--radius-md);background:#fff6;gap:.8rem;padding:.85rem;display:grid}.card-back-status{margin:0}.back-image-warning{border-radius:var(--radius-sm);background:var(--bad-soft);margin:0;padding:.62rem .72rem}.calibration-button{justify-self:start;margin-top:.2rem}.card-back-layout{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.9rem;display:grid}.card-back-main{align-content:start;gap:.5rem;display:grid}.card-back-side{place-self:start end}.card-back-note{margin:0}.subset-label{margin-top:.2rem}.subset-readout{font-family:var(--font-mono);color:var(--text);font-size:.95rem;font-weight:700;display:block}.subset-readout small{font-family:var(--font-body);color:var(--text-muted);margin-left:.3rem;font-size:.72rem;font-weight:600}.card-back-preview{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--paper-raised);gap:.32rem;max-width:170px;margin:0;padding:.35rem;display:grid}.card-back-preview img{aspect-ratio:1;object-fit:cover;border-radius:8px;width:100%}.card-back-preview figcaption{color:var(--text-muted);font-size:.72rem;line-height:1.25}select,input[type=number],input[type=text]{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--paper-raised);min-height:2.5rem;font:inherit;color:var(--text);padding:0 .65rem}input[type=range]{accent-color:var(--accent);width:100%}button,.button{background:var(--paper-sunken);color:var(--text);font:inherit;cursor:pointer;border:1px solid #0000;border-radius:12px;min-height:2.6rem;padding:0 1rem;font-weight:700;transition:transform .12s,background-color .12s,border-color .12s}button:hover,.button:hover{background:var(--line);transform:translateY(-1px)}button:disabled{opacity:.55;cursor:not-allowed;transform:none}.button:has(input:disabled){opacity:.55;cursor:not-allowed;transform:none}button.ghost,.button.ghost{color:var(--text);border-color:var(--line-strong);background:0 0}button.ghost:hover,.button.ghost:hover{background:var(--paper-sunken)}button.primary,.button.primary{background:var(--accent);color:var(--ink);border-color:var(--accent-ink)}button.primary:hover,.button.primary:hover{background:var(--accent-ink)}.file-button{justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.file-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.button-row{flex-wrap:wrap;gap:.6rem;display:flex}.pdf-export-button{justify-content:center;align-items:center;gap:.55rem;width:100%;min-height:3.1rem;font-size:1rem;display:inline-flex;position:relative;overflow:hidden}.pdf-export-button svg{width:19px;height:19px}.pdf-export-button__fill{transform-origin:0;background:#ffffff3d;transition:transform .16s;position:absolute;inset:0}.pdf-export-button__label{z-index:1;align-items:center;gap:.55rem;display:inline-flex;position:relative}.export-progress{gap:.4rem;display:grid}.plotter-preview-wrap{margin-top:.1rem}.plotter-page-preview{border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:linear-gradient(#ffffffeb,#ffffffeb),radial-gradient(circle at 1px 1px,#1c231824 1px,#0000 0) 0 0/10px 10px;width:min(100%,360px);position:relative;overflow:hidden}.plotter-blocked-area{background:#d98f1a33;border:1px solid #d53f238c;position:absolute}.page-preview{border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:linear-gradient(#ffffffeb,#ffffffeb),radial-gradient(circle at 1px 1px,#1c231824 1px,#0000 0) 0 0/10px 10px;position:relative;overflow:hidden}.page-preview__card{background-color:var(--paper-sunken);border:1px solid var(--line-strong);background-position:50%;background-size:cover;position:absolute}.page-preview__card--placeholder{background-image:repeating-linear-gradient(45deg, var(--line) 0, var(--line) 1px, transparent 1px, transparent 6px)}.page-preview__status{z-index:1;color:var(--text-muted);text-align:center;background:#f5efe0d9;place-items:center;margin:0;padding:.5rem;font-size:.78rem;font-weight:650;display:grid;position:absolute;inset:0}.status{font-size:.9rem;font-weight:650}.status.good{color:var(--good)}.status.bad{color:var(--bad)}.symbol-grid{grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:.44rem;display:grid}.symbol-tile{border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--paper-raised);cursor:pointer;gap:.25rem;margin:0;padding:.35rem;transition:border-color .12s,box-shadow .12s;display:grid;position:relative}.symbol-tile:hover,.symbol-tile:focus-visible{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px #d98f1a29}.symbol-tile.selected{border-color:var(--accent);box-shadow:0 0 0 2px #d98f1a4d}.symbol-remove{background:var(--bad-soft);width:22px;min-height:22px;color:var(--bad);border-color:#0000;border-radius:50%;padding:0;font-size:1rem;line-height:1;position:absolute;top:4px;right:4px}.symbol-remove:hover{background:#f6cdc3}.symbol-tile img{aspect-ratio:1;object-fit:contain;width:100%}.symbol-tile figcaption{color:var(--text-muted);gap:.05rem;font-size:.66rem;line-height:1.2;display:grid}.symbol-tile small{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.symbol-progress{background:var(--paper-sunken);border-radius:999px;height:7px;overflow:hidden}.symbol-progress__fill{background:var(--accent);border-radius:999px;height:100%;transition:width .22s}.light-table{grid-area:preview;max-height:calc(100vh - 2.5rem);padding:clamp(1.3rem,3vw,2.1rem) 0;position:sticky;top:1.25rem;overflow-y:auto}.light-table__inner{flex-direction:column;gap:1rem;display:flex}.light-table__title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-size:.78rem;font-weight:700}.preview-nav{align-items:center;gap:.55rem;display:flex}.preview-nav__btn{border-radius:50%;flex:none;justify-content:center;align-items:center;width:2.3rem;min-height:2.3rem;padding:0;display:inline-flex}.preview-nav__btn svg{width:16px;height:16px}.preview-nav__count{font-family:var(--font-mono);color:var(--text-muted);white-space:nowrap;flex:none;font-size:.78rem;font-weight:700}.preview-nav input[type=range]{flex:1;min-width:0}.light-table__stage{border-radius:var(--radius-lg);background-color:var(--paper-sunken);min-height:220px;box-shadow:inset 0 0 0 1px var(--line);background-image:radial-gradient(circle,#1c23181f 1px,#0000 0);background-size:15px 15px;place-items:center;padding:1.6rem 1.1rem;display:grid;position:relative}.reg-tick{opacity:.55;width:14px;height:14px;position:absolute}.reg-tick:before,.reg-tick:after{content:"";background:var(--accent);position:absolute}.reg-tick:before{width:1px;height:100%;top:0;left:50%;transform:translate(-50%)}.reg-tick:after{width:100%;height:1px;top:50%;left:0;transform:translateY(-50%)}.reg-tick--tl{top:10px;left:10px}.reg-tick--tr{top:10px;right:10px}.reg-tick--bl{bottom:10px;left:10px}.reg-tick--br{bottom:10px;right:10px}.light-table__stage img{filter:drop-shadow(0 10px 24px #00000073);z-index:1;width:min(100%,360px);display:block;position:relative}.light-table__stage p{color:var(--text-muted);text-align:center;z-index:1;font-size:.86rem;position:relative}.spec-tags{flex-wrap:wrap;gap:.5rem;display:flex}.spec-tag{background:var(--paper-raised);border:1px dashed var(--line-strong);color:var(--text);border-radius:999px;align-items:center;gap:.4rem;padding:.32rem .75rem .32rem .55rem;font-size:.76rem;font-weight:700;display:inline-flex}.spec-tag__dot{background:var(--accent);border-radius:50%;flex:none;width:6px;height:6px}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (width<=1080px){.builder-grid{grid-template-columns:1fr;grid-template-areas:"preview""stepper""content"}.light-table{max-height:none;padding-top:0;position:static}.light-table__stage{min-height:260px}}@media (width<=640px){.app-shell{padding:1.1rem .9rem 4rem}.chapter{border-radius:18px;padding:1.3rem 1rem}.control-grid.two,.control-grid.three,.card-back-layout{grid-template-columns:1fr}.card-back-side{justify-self:start}.chapter__status{padding:.24rem .5rem;font-size:.68rem}.landing__title{font-size:1.7rem}}