:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f6f5f1;--bg-hero:#11131a;--fg:#16181d;--fg-hero:#f3f2ee;--muted:#6b6f78;--card:#fff;--border:#e4e2dc;--field:#f3f2ee;--accent:#ffd23f;--accent-fg:#16181d;--ok:#1f9d6b;--err:#d64545;--shadow:0 1px 2px #0000000a, 0 8px 24px #0000000f;--radius:14px;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--tape:#fff;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Hiragino Sans,Noto Sans JP,sans-serif;line-height:1.55}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0f1115;--bg-hero:#0b0c10;--fg:#e9e8e4;--muted:#9095a0;--card:#171a21;--border:#262a33;--field:#0f1218;--shadow:0 1px 2px #0000004d, 0 8px 24px #00000040}}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--bg);color:var(--fg);margin:0}a{color:inherit}button,input,select{font:inherit;color:inherit}.hero{background:radial-gradient(1200px 400px at 85% -10%, #ffd23f2e, transparent 60%), radial-gradient(800px 300px at 0% 120%, #7cc4ff1f, transparent 60%), var(--bg-hero);color:var(--fg-hero);padding:0 16px 56px}.hero-inner{max-width:1120px;margin:0 auto}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:18px 0 40px;display:flex}.brand{letter-spacing:-.01em;align-items:center;gap:10px;font-size:1.05rem;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{background:repeating-linear-gradient(90deg, #16181d 0 2px, transparent 2px 5px) 6px 3px / 16px 8px no-repeat, var(--accent);border-radius:3px;width:28px;height:14px}.topbar-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pill{border:1px solid #ffffff2e;border-radius:999px;padding:5px 12px;font-size:.85rem;text-decoration:none;transition:background .15s}.pill:hover{background:#ffffff14}.hero h1{max-width:22ch;word-break:auto-phrase;letter-spacing:-.03em;margin:0 0 16px;font-size:clamp(2rem,5vw,3.4rem);line-height:1.08}.lede{white-space:pre-line;color:#f3f2eeb8;max-width:62ch;margin:0 0 28px;font-size:1.05rem}.hero-tape{background:var(--accent);color:var(--accent-fg);font-family:var(--mono);border-radius:6px;flex-wrap:wrap;gap:0;font-size:.82rem;font-weight:600;display:inline-flex;overflow:hidden;transform:rotate(-1.2deg);box-shadow:0 10px 30px #ffd23f2e}.hero-tape span{border-right:1px dashed #16181d59;padding:8px 16px}.hero-tape span:last-child{border-right:0}.segmented{background:#7f7f7f29;border-radius:10px;padding:3px;display:inline-flex}.segmented button,.segmented label{cursor:pointer;background:0 0;border:0;border-radius:7px;padding:5px 12px;font-size:.85rem}.segmented button[aria-pressed=true]{background:var(--card);color:var(--fg);box-shadow:0 1px 3px #00000026}.segmented label:has(input:checked){background:var(--card);color:var(--fg);box-shadow:0 1px 3px #00000026}.hero .segmented button[aria-pressed=true]{background:var(--fg-hero);color:#16181d}.segmented label input{opacity:0;pointer-events:none;position:absolute}.segmented.wide{margin-bottom:14px;display:flex}.segmented.wide label{text-align:center;flex:1;padding:7px 12px}.layout{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:20px;max-width:1120px;margin:-32px auto 0;padding:0 16px;display:grid}.column{align-content:start;gap:20px;min-width:0;display:grid}.sticky{position:sticky;top:16px}@media (width<=900px){.layout{grid-template-columns:minmax(0,1fr)}.sticky{position:static}}.card{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);min-width:0;padding:20px}.card-head{align-items:center;gap:10px;margin-bottom:14px;display:flex}.card-head h2{letter-spacing:-.01em;margin:0;font-size:1.02rem}.step{background:var(--accent);width:26px;height:26px;color:var(--accent-fg);font-family:var(--mono);border-radius:8px;place-items:center;font-size:.85rem;font-weight:700;display:grid}.chip{color:var(--muted);white-space:nowrap;background:#7f7f7f24;border-radius:999px;align-items:center;gap:6px;margin-left:auto;padding:3px 10px;font-size:.78rem;display:inline-flex}.chip:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.chip[data-state=on]{color:var(--ok);background:#1f9d6b24}.hint{color:var(--muted);font-size:.85rem}.buttons{flex-wrap:wrap;gap:8px;display:flex}.btn{border:1px solid var(--border);background:var(--field);cursor:pointer;border-radius:10px;padding:9px 14px;font-size:.9rem;font-weight:600;transition:transform 80ms,background .15s,border-color .15s}.btn:hover:not(:disabled){border-color:color-mix(in srgb, var(--fg) 30%, var(--border))}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--accent);color:var(--accent-fg);border-color:#0000}.btn.primary:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 88%, #000)}.btn.ghost{background:0 0}.btn.big{width:100%;margin-top:16px;padding:13px;font-size:1rem}.manual{border-top:1px dashed var(--border);gap:6px;margin:16px 0 4px;padding-top:14px;display:grid}.manual-selects{flex-wrap:wrap;gap:8px;display:flex}.fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.field{color:var(--muted);gap:5px;min-width:0;font-size:.82rem;display:grid}.field.full{grid-column:1/-1}input[type=text],input[type=number],select{border:1px solid var(--border);background:var(--field);width:100%;min-width:0;color:var(--fg);border-radius:9px;padding:8px 10px;font-size:.92rem}.manual select{width:auto}input:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.range{margin-top:14px}.range output{font-family:var(--mono);color:var(--fg)}input[type=range]{width:100%;accent-color:var(--accent)}.dropzone{border:1.5px dashed var(--border);background:var(--field);border-radius:12px;padding:18px}.stats{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:14px 0 0;display:grid}.stats div{background:var(--field);border-radius:10px;min-width:0;padding:10px 12px}.stats dt{color:var(--muted);font-size:.75rem}.stats dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:2px 0 0;font-size:.9rem;font-weight:600}.swatches{gap:6px;margin-left:auto;display:flex}.swatch{cursor:pointer;border:1px solid #0003;border-radius:50%;width:20px;height:20px;padding:0}.swatch[aria-pressed=true]{outline:2px solid var(--fg);outline-offset:2px}.tape-track{background:linear-gradient(#0000 49.5%,#7f7f7f2e 49.5% 50.5%,#0000 50.5%),repeating-linear-gradient(45deg,#7f7f7f0f 0 8px,#0000 8px 16px);border-radius:12px;padding:28px 18px;overflow-x:auto}.tape{background:var(--tape);border-radius:4px;min-width:100%;padding:10px 0;transition:background .2s;display:inline-block;box-shadow:inset 0 1px #ffffff80,0 10px 24px #0000002e}.tape img{image-rendering:pixelated;mix-blend-mode:multiply;margin:0 18px;display:block}.tape img:not([src]){height:60px}.dims{font-family:var(--mono);margin:14px 0 4px;font-size:.9rem}.log{color:#c9ccd3;min-height:7em;max-height:18em;font-family:var(--mono);white-space:pre-wrap;background:#0c0d11;border-radius:10px;margin:10px 0 0;padding:12px;font-size:.78rem;overflow:auto}.log:empty:before{content:"…";opacity:.4}.log .ok{color:#59d49d}.log .error{color:#ff7b7b}.footer{max-width:1120px;color:var(--muted);margin:40px auto 0;padding:0 16px 40px;font-size:.8rem}