:root{--orange:#ff9416;--ink:#111;--bg:#f3f4f6;--surface:#fff;--fg:#16181c;--muted:#5a606b;--line:#d8dce2;--focus:#ff9416;--pressed-ring:#16181c;--warn-fg:#8a3b00;--warn-bg:#fff1e2;--notice-bg:#eef1f5;--font-display:"Saira Condensed", "Arial Narrow", Impact, sans-serif;--font-body:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--radius:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#111214;--surface:#1a1c20;--fg:#eceef1;--muted:#a3a9b3;--line:#2e333a;--pressed-ring:#eceef1;--warn-fg:#ffb877;--warn-bg:#3a2614;--notice-bg:#22262c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#111214;--surface:#1a1c20;--fg:#eceef1;--muted:#a3a9b3;--line:#2e333a;--pressed-ring:#eceef1;--warn-fg:#ffb877;--warn-bg:#3a2614;--notice-bg:#22262c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);margin:0;font-size:15px;line-height:1.5}a{color:inherit;-webkit-text-decoration-color:var(--orange);text-decoration-color:var(--orange);text-underline-offset:3px;text-decoration-thickness:2px}h1,h2,h3,legend{font-family:var(--font-display);text-wrap:balance;font-weight:700;line-height:1.1}h1{text-transform:uppercase;letter-spacing:.01em;margin:0;font-size:clamp(1.9rem,4vw,2.6rem)}h2{text-transform:uppercase;margin:0;font-size:1.6rem}h3{text-transform:uppercase;letter-spacing:.02em;margin:0;font-size:1.15rem}button,input{font:inherit;color:inherit}input{font-size:max(16px,1em)}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.page{gap:24px;max-width:1280px;margin:0 auto;padding-block:24px 40px;padding-inline:16px;display:grid}.masthead{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.brand{align-items:flex-start;gap:14px;min-width:0;display:flex}.brand img{flex:none;margin-top:4px}.intro{max-width:62ch;color:var(--muted);margin:6px 0 0}.ui-lang{gap:6px;display:flex}.stepper{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}.start-over{color:var(--muted);white-space:nowrap;font-size:.9rem}.stepper ol{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.stepper ol button{border:1px solid var(--line);background:var(--surface);cursor:pointer;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;border-radius:999px;align-items:center;gap:8px;padding:8px 14px 8px 8px;font-size:1.05rem;font-weight:700;display:inline-flex}.stepper .step-n{background:var(--bg);border-radius:50%;place-items:center;width:26px;height:26px;font-size:.95rem;display:grid}.stepper ol button[aria-current=step]{border-color:var(--orange);box-shadow:inset 0 0 0 1px var(--orange)}.stepper ol button[aria-current=step] .step-n{background:var(--orange);color:var(--ink)}.workspace{grid-template-columns:minmax(0,1fr) minmax(0,460px);align-items:start;gap:24px;display:grid}@media (width<=900px){.workspace{grid-template-columns:minmax(0,1fr)}.preview{order:-1}}.controls,.preview{background:var(--surface);border:1px solid var(--line);border-radius:14px;min-width:0;padding:20px}.preview{position:sticky;top:16px}@media (width<=900px){.preview{position:static}}.step{gap:22px;display:grid}.group{border:0;gap:12px;min-width:0;margin:0;padding:0;display:grid}legend{text-transform:uppercase;margin-bottom:10px;padding:0;font-size:1.35rem}.hint{color:var(--muted);margin:0;font-size:.9rem}.hint.block{display:block}.muted{color:var(--muted)}.label{color:var(--muted);align-self:center;margin-right:4px;font-size:.9rem}.warning{background:var(--warn-bg);color:var(--warn-fg);border-radius:8px;margin:0;padding:8px 12px;font-size:.9rem}.notice{background:var(--notice-bg);border-radius:8px;margin:0;padding:12px 14px;font-size:.92rem}.rule-note{margin:0;font-size:.92rem}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-weight:500;display:inline-flex}.chip small{color:var(--muted);font-size:.75rem}.chip.small{padding:4px 11px;font-size:.85rem}.chip[aria-pressed=true]{border-color:var(--pressed-ring);box-shadow:inset 0 0 0 1px var(--pressed-ring)}.swatch{vertical-align:-3px;border:1px solid #0003;border-radius:50%;flex:none;width:16px;height:16px;display:inline-block}.swatch.large{aspect-ratio:1;border-radius:8px;width:100%;height:auto}.swatch.rainbow{background:conic-gradient(#c8102e,#ffd100,#1e8c3a,#2251a3,#4b2a7b,#c8102e)}.button{background:var(--orange);color:var(--ink);cursor:pointer;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.03em;border:0;border-radius:999px;padding:10px 20px;font-size:1.1rem;font-weight:700}.button.secondary{color:var(--fg);box-shadow:inset 0 0 0 1px var(--line);background:0 0}.button.small{padding:6px 12px;font-size:1rem}.button.big{justify-self:start;padding:14px 32px;font-size:1.35rem}.button:disabled{opacity:.45;cursor:not-allowed}.step-nav{border-top:1px solid var(--line);justify-content:space-between;gap:12px;margin-top:28px;padding-top:18px;display:flex}.step-nav .button:only-child{margin-left:auto}.custom{gap:10px;display:grid}.row{align-items:center;gap:8px;display:flex}input[type=color]{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:8px;width:48px;height:40px;padding:2px}input[type=text],input[type=url]{border:1px solid var(--line);background:var(--surface);border-radius:8px;width:100%;min-width:0;padding:9px 12px}input[aria-invalid=true]{border-color:var(--warn-fg)}input.hex{max-width:130px;font-family:var(--font-mono);text-transform:uppercase}.examples{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:10px;display:grid}.example{cursor:pointer;color:var(--muted);text-align:center;background:0 0;border:0;justify-items:center;gap:4px;padding:0;font-size:.75rem;line-height:1.2;display:grid}.example[aria-pressed=true] .swatch{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--pressed-ring)}.gallery{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:12px;display:grid}.gallery.loading{opacity:.6}.thumb{cursor:pointer;text-align:left;background:0 0;border:0;align-content:start;gap:6px;padding:0;display:grid}.thumb .art{aspect-ratio:1;border-radius:var(--radius);border:1px solid #0000001f;display:block;overflow:hidden}.thumb .art svg{width:100%;height:100%;display:block}.thumb[aria-pressed=true] .art{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--pressed-ring)}.thumb-title{font-size:.85rem;font-weight:600;line-height:1.25}.badge{background:var(--notice-bg);color:var(--muted);border-radius:999px;justify-self:start;padding:1px 7px;font-size:.7rem}.families{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.family{cursor:pointer;text-align:left;background:0 0;border:0;gap:6px;padding:0;font-weight:600;display:grid}.logo-tile{border-radius:var(--radius);border:1px solid #0000001f;padding:18px 20px;display:block}.logo-tile svg{width:100%;height:54px;display:block}.family[aria-pressed=true] .logo-tile{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--pressed-ring)}.field{gap:6px;display:grid}.check{align-items:flex-start;gap:10px;display:flex}.check input{width:18px;height:18px;accent-color:var(--orange);margin-top:4px}.qr-target{font-family:var(--font-mono);color:var(--muted);overflow-wrap:anywhere;margin:0;font-size:.8rem}.slots{gap:14px;margin:0;padding:0;list-style:none;display:grid}.slot{gap:6px;display:grid}.slot label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.8rem}.summary{grid-template-columns:auto minmax(0,1fr);gap:8px 16px;margin:0;display:grid}.summary dt{color:var(--muted)}.summary dd{font-family:var(--font-mono);margin:0;font-size:.9rem}.inks{flex-wrap:wrap;gap:6px 14px;display:flex}.ink{align-items:center;gap:6px;display:inline-flex}.files{color:var(--muted);gap:4px;margin:0;padding-left:1.2em;display:grid}.preview-inner{gap:12px;display:grid}.tabs{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.mockup{aspect-ratio:1242/1560;border-radius:var(--radius);background:#fff;width:100%;height:auto;display:block}.print{border-radius:var(--radius);border:1px solid #0000001f;overflow:hidden}.print svg{width:100%;height:auto;display:block}.preview-open{position:relative}.zoom-frame{border-radius:var(--radius);cursor:zoom-in;touch-action:pan-y;background:0 0;border:0;width:100%;padding:0;display:block;overflow:hidden}.zoom-frame.zoomed{cursor:crosshair;touch-action:none}.zoom-target{transition:transform .18s ease-out;display:block}.zoom-target .print{display:block}.zoom-badge{color:#fff;pointer-events:none;background:#111111b8;border-radius:999px;padding:4px 10px;font-size:.8rem;font-weight:600;position:absolute;bottom:10px;right:10px}.chip.icon{padding:4px 8px}.chip.icon svg{display:block}.footer-links{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.link{color:inherit;cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:3px;background:0 0;border:0;padding:0}.footer{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:.85rem;display:flex}@media (width<=900px){.preview{z-index:5;padding:8px 12px 10px;position:sticky;top:0;box-shadow:0 6px 16px #0000001a}.preview-inner{gap:8px}.preview .tabs{gap:6px}.preview .tabs .chip.small{padding:3px 9px;font-size:.8rem}.zoom-frame{width:fit-content;max-width:100%;margin-inline:auto}.zoom-frame .mockup{width:auto;max-width:100%;height:30dvh}.zoom-frame .print.front{width:min(100%,30dvh)}.zoom-frame .print.back{width:min(100%,27.2727dvh)}.step-nav{z-index:4;padding:12px 20px calc(12px + env(safe-area-inset-bottom,0px));background:var(--surface);border-radius:0 0 14px 14px;margin:28px -20px -20px;position:sticky;bottom:0;box-shadow:0 -6px 16px #00000014}}@media (width<=900px) and (height<=560px){.preview{position:static}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}