:root{--paper: #f2ecdd;--card: #fffdf6;--ink: #211d17;--ink-soft: rgba(33, 29, 23, .74);--line: rgba(33, 29, 23, .22);--red: #e03a1f;--red-deep: #b52c14;--cyan: #0095b0;--magenta: #d6308f;--yellow: #f2b705;--shadow: 4px 4px 0 rgba(33, 29, 23, .13);--mono: "IBM Plex Mono", ui-monospace, "SF Mono", monospace;--disp: "Bricolage Grotesque", "Avenir Next", sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0}body{font-family:var(--disp);color:var(--ink);background:linear-gradient(rgba(33,29,23,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(33,29,23,.05) 1px,transparent 1px),var(--paper);background-size:26px 26px,26px 26px,auto;min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:60;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}.masthead{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 28px;border-bottom:1.5px solid var(--ink)}.lockup{display:flex;align-items:baseline;gap:12px;min-width:0}.regmark{width:17px;height:17px;color:var(--red);align-self:center;flex:none;animation:spin 24s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.logo{font-size:clamp(24px,4vw,32px);font-weight:800;letter-spacing:-.03em;margin:0;line-height:1}.tagline{font-family:var(--mono);font-size:11px;color:var(--ink-soft);margin:0;white-space:nowrap}.masthead-right{display:flex;align-items:center;gap:14px}.cmyk{display:flex;gap:4px}.cmyk i{width:13px;height:13px;border:1px solid var(--ink)}.cmyk i:nth-child(1){background:var(--cyan)}.cmyk i:nth-child(2){background:var(--magenta)}.cmyk i:nth-child(3){background:var(--yellow)}.cmyk i:nth-child(4){background:var(--ink)}main{flex:1;display:grid;grid-template-columns:350px minmax(0,1fr);gap:22px;padding:22px 28px;align-items:start}.rail{display:flex;flex-direction:column;gap:14px}.panel{background:var(--card);border:1.5px solid var(--ink);border-radius:6px;box-shadow:var(--shadow);padding:16px;animation:rise .55s cubic-bezier(.2,.7,.2,1) backwards}.panel:nth-child(1){animation-delay:.02s}.panel:nth-child(2){animation-delay:.09s}.panel:nth-child(3){animation-delay:.16s}.panel:nth-child(4){animation-delay:.23s}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.panel-title{font-family:var(--mono);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.14em;margin:0 0 12px;display:flex;align-items:center;gap:8px}.panel-title span{color:var(--red-deep)}.panel-title:after{content:"";flex:1;border-top:1px dashed var(--line)}.drop{display:grid;place-items:center;gap:2px;padding:22px 14px;border:1.5px dashed rgba(33,29,23,.45);border-radius:6px;background:#fff;cursor:pointer;text-align:center;transition:border-color .15s,background .15s,transform .15s}.drop:hover,.drop:focus-visible,.drop.over{border-color:var(--red);background:#e03a1f0d}.drop.over{transform:scale(1.015)}.drop.busy{opacity:.5;pointer-events:none}.drop-glyph{font-size:26px;font-weight:800;line-height:1;color:var(--red)}.drop-main{font-weight:600;font-size:14px}.filecard{display:flex;align-items:center;gap:12px}.filecard-thumb{max-width:56px;max-height:56px;border:1px solid var(--line);background:#fff;flex:none}.filecard-meta{min-width:0;flex:1;display:grid;gap:2px}.filecard-name{font-weight:600;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filecard-dims{font-family:var(--mono);font-size:11.5px;color:var(--ink-soft)}.field{display:grid;gap:6px;margin-bottom:12px}.field:last-child{margin-bottom:0}.field-label{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft)}.select,.num{font-family:var(--mono);font-size:13px;color:var(--ink);background:#fff;border:1.5px solid var(--ink);border-radius:4px;padding:9px 10px;width:100%}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23211D17'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px}.select:focus-visible,.num:focus-visible,.drop:focus-visible{outline:2px solid var(--red);outline-offset:2px}.num{width:76px;text-align:center}.num-sm{width:64px;padding:5px 6px;font-size:12px}.num:disabled{opacity:.4}.seg{display:flex;border:1.5px solid var(--ink);border-radius:4px;overflow:hidden;background:#fff}.seg button{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;font-family:var(--mono);font-size:11.5px;font-weight:500;text-transform:uppercase;letter-spacing:.03em;color:var(--ink);background:transparent;border:0;padding:9px 6px;cursor:pointer}.seg button+button{border-left:1.5px solid var(--ink)}.seg button[aria-pressed=true]{background:var(--ink);color:var(--card)}.pg{border:1.5px solid currentColor;border-radius:1px;display:inline-block}.pg-p{width:9px;height:13px}.pg-l{width:13px;height:9px}.margin-row{display:flex;align-items:center;gap:10px}.chips{display:flex;border:1.5px solid var(--ink);border-radius:4px;overflow:hidden;background:#fff;flex:1}.chips button{flex:1;font-family:var(--mono);font-size:12px;padding:8px 4px;background:transparent;border:0;color:var(--ink);cursor:pointer}.chips button+button{border-left:1px solid var(--line)}.chips button[aria-pressed=true]{background:var(--red-deep);color:#fff8f0}.check{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12px;margin-top:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.check input[type=checkbox]{width:16px;height:16px;accent-color:var(--red);margin:0;flex:none}.check span:first-of-type{flex:1}.unit{color:var(--ink-soft);font-size:11px}.gp-label{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:8px}.gp-label b{font-family:var(--mono);font-size:17px;font-weight:600}.gp-label span{font-family:var(--mono);font-size:11px;color:var(--ink-soft);text-align:right}.gp{display:grid;grid-template-columns:repeat(var(--gp-cols, 8),1fr);gap:4px;touch-action:none}.gp-cell{aspect-ratio:1;padding:0;background:#fff;border:1px solid var(--line);border-radius:2px;cursor:pointer;transition:background .08s,border-color .08s}.gp-cell.hot{border-color:var(--red);background:#e03a1f29}.gp-cell.on{border-color:var(--red-deep);background:var(--red)}.gp-cell:focus-visible{outline:2px solid var(--red);outline-offset:1px;position:relative;z-index:1}.btn-primary{width:100%;font-family:var(--mono);font-size:13.5px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#fff8f0;background:var(--red-deep);border:1.5px solid var(--ink);border-radius:4px;padding:14px;cursor:pointer;box-shadow:var(--shadow);transition:transform .08s,box-shadow .08s,background .15s}.btn-primary:hover:not(:disabled){background:#9a230e}.btn-primary:active:not(:disabled){transform:translate(3px,3px);box-shadow:1px 1px #211d1721}.btn-primary:disabled{background:#cdc5b2;color:#211d1773;box-shadow:none;cursor:not-allowed}.btn-ghost{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.05em;background:transparent;color:var(--ink);border:1.5px solid var(--ink);border-radius:4px;padding:7px 10px;cursor:pointer;flex:none}.btn-ghost:hover{background:var(--ink);color:var(--card)}.err{font-family:var(--mono);font-size:11.5px;color:var(--red-deep);margin:10px 0 0}.stage{display:flex;flex-direction:column;min-height:calc(100vh - 160px);position:sticky;top:22px;animation:rise .55s cubic-bezier(.2,.7,.2,1) .18s backwards}.stage-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.stage-tag{font-family:var(--mono);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:var(--red-deep)}.stage-stats{font-family:var(--mono);font-size:11.5px;color:var(--ink-soft);text-align:right}.stage-wrap{position:relative;flex:1;min-height:340px;display:grid;place-items:center;padding:26px}.ck{position:absolute;width:16px;height:16px;border:0 solid var(--ink);opacity:.65}.ck-tl{top:0;left:0;border-top-width:1.5px;border-left-width:1.5px}.ck-tr{top:0;right:0;border-top-width:1.5px;border-right-width:1.5px}.ck-bl{bottom:0;left:0;border-bottom-width:1.5px;border-left-width:1.5px}.ck-br{bottom:0;right:0;border-bottom-width:1.5px;border-right-width:1.5px}#previewCanvas{display:block;max-width:100%}.stage-hint{position:absolute;inset:auto 0 18%;margin:0 auto;width:fit-content;font-family:var(--mono);font-size:11.5px;line-height:1.7;color:var(--ink-soft);background:var(--card);border:1px solid var(--line);border-radius:4px;padding:10px 16px;text-align:center;pointer-events:none}.stage-foot{font-family:var(--mono);font-size:11.5px;min-height:20px;margin-top:8px;text-align:center}.stage-foot .warn{color:#8a5a00}.stage-foot .dim{color:var(--ink-soft)}.glue-swatch{display:inline-block;width:22px;height:0;border-top:2px dashed var(--cyan);vertical-align:middle}.foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 28px;border-top:1.5px solid var(--ink);font-family:var(--mono);font-size:12px;line-height:1.6;color:var(--ink-soft)}.foot a{color:var(--ink);text-decoration:underline;text-underline-offset:2px}.foot a:hover{color:var(--red-deep)}.foot a:focus-visible{outline:2px solid var(--red);outline-offset:2px}.foot-marks{color:var(--red);letter-spacing:.4em}@media(max-width:980px){main{grid-template-columns:1fr;padding:16px}.stage{position:static;min-height:0}.stage-wrap{min-height:46vh}.masthead{padding:14px 16px}.microcopy,.tagline{display:none}.foot{padding:12px 16px}}@media(prefers-reduced-motion:reduce){.panel,.stage,.regmark{animation:none}}