:root{--desk:#f5f4f0;--sheet:#fff;--sunk:#ecebe7;--rule:#dcdad4;--rule-strong:#b9b5ac;--ink:#1f1e1c;--pencil:#66625a;--acc:#24476b;--acc-on:#fff;--acc-wash:#24476b1c;--ok:#2f7a45;--warn:#9a5a0c;--font-serif:"Literata", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--font-sans:"IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", "Cascadia Code", Consolas, monospace;--r-sm:3px;--r-md:5px;--r-lg:8px;--ease-out:cubic-bezier(.22, 1, .36, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--desk:#1b1a18;--sheet:#232220;--sunk:#2c2a27;--rule:#3a3834;--rule-strong:#57534c;--ink:#ece8e1;--pencil:#a39e95;--acc:#8fb3dc;--acc-on:#1b1a18;--acc-wash:#8fb3dc29;--ok:#84b991;--warn:#e0a458;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--desk:#1b1a18;--sheet:#232220;--sunk:#2c2a27;--rule:#3a3834;--rule-strong:#57534c;--ink:#ece8e1;--pencil:#a39e95;--acc:#8fb3dc;--acc-on:#1b1a18;--acc-wash:#8fb3dc29;--ok:#84b991;--warn:#e0a458;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}body{background:var(--desk);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.5}h1,h2,h3,p{margin:0}button,input{font:inherit;color:inherit}a{color:var(--acc);text-underline-offset:3px}a:hover{color:var(--ink)}:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:var(--r-sm)}.topbar{background:var(--sheet);border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;padding:10px 20px;display:flex}.brand{font:600 17px/1.35 var(--font-serif);letter-spacing:-.005em;align-items:center;gap:8px;display:flex}.topbar__links{align-items:center;gap:12px;font-size:13px;display:flex}.topbar__links a{color:var(--pencil);text-decoration:none}.topbar__links a:hover{color:var(--ink)}.icon-button{border-radius:var(--r-md);width:30px;height:30px;color:var(--pencil);cursor:pointer;background:0 0;border:1px solid #0000;place-items:center;display:inline-grid}.icon-button:hover{color:var(--ink);background:var(--sunk);border-color:var(--rule)}.icon-button__theme{transition:transform .5s var(--ease-out)}html[data-vt=theme]::view-transition-old(root){animation:none}html[data-vt=theme]::view-transition-new(root){animation:scan-reveal .55s var(--ease-out)}@keyframes scan-reveal{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}.scanline{background:var(--acc);view-transition-name:scanline;pointer-events:none;height:2px;position:fixed;inset:0 0 auto}::view-transition-new(scanline){animation:scan-line .55s var(--ease-out) both}::view-transition-old(scanline){display:none}@keyframes scan-line{0%{transform:translateY(0)}to{transform:translateY(100vh)}}html:not([data-vt=theme])::view-transition-old(root){animation:none}html:not([data-vt=theme])::view-transition-new(root){animation:none}::view-transition-group(qr){animation-duration:.15s}.button{font:500 13px/1.4 var(--font-sans);border-radius:var(--r-md);border:1px solid var(--rule);background:var(--sunk);color:var(--ink);cursor:pointer;transition:background-color .15s var(--ease-out), border-color .15s var(--ease-out);padding:6px 14px}.button:hover:not(:disabled){background:var(--rule);border-color:var(--rule-strong)}.button:active:not(:disabled){transform:translateY(1px)}.button:disabled{opacity:.5;cursor:default}.button--primary{background:var(--acc);border-color:var(--acc);color:var(--acc-on);font-weight:600}.button--primary:hover:not(:disabled){background:var(--acc);border-color:var(--ink)}.button--small{padding:3px 10px;font-size:12px}.field{gap:6px;display:grid}.field__label{font-size:12.5px;font-weight:500}.field__label--off{color:var(--pencil)}.field__label--gap{margin-top:6px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.input{border:1px solid var(--rule);border-radius:var(--r-md);background:var(--sunk);width:100%;font:400 12.5px/1.5 var(--font-mono);transition:border-color .15s var(--ease-out), box-shadow .15s var(--ease-out);padding:6px 10px}.input::placeholder{color:var(--pencil)}.input:focus{border-color:var(--rule-strong);box-shadow:0 0 0 3px var(--acc-wash);outline:none}.segmented{border:1px solid var(--rule);border-radius:var(--r-md);display:flex;overflow:hidden}.segmented button{color:var(--pencil);font-variant-numeric:tabular-nums;cursor:pointer;transition:background-color .15s var(--ease-out), color .15s var(--ease-out);background:0 0;border:0;flex:1;padding:4px 0;font-size:12px}.segmented button+button{border-left:1px solid var(--rule)}.segmented button[aria-pressed=true]{background:var(--acc-wash);color:var(--ink);font-weight:500}input[type=range]{width:100%;accent-color:var(--acc);margin:4px 0 0}input[type=range]:disabled{opacity:.45}.page{max-width:880px;margin:0 auto;padding:28px 32px 48px}.workspace{border:1px solid var(--rule);border-radius:var(--r-lg);grid-template:"link stage""settings stage"1fr/300px 1fr;display:grid;overflow:hidden}.workspace__link,.workspace__settings{background:var(--sheet);border-right:1px solid var(--rule);padding:20px 20px 0}.workspace__link{grid-area:link}.workspace__settings{grid-area:settings;align-content:start;gap:18px;padding:18px 20px 22px;display:grid}.workspace__stage{grid-area:stage}.stage{align-content:start;justify-items:center;gap:16px;padding:36px 28px 28px;display:grid}.qr-frame{aspect-ratio:1;view-transition-name:qr;width:260px;position:relative}.qr-frame>svg{width:100%;height:100%;display:block}.qr-frame--empty{border:1px solid var(--rule);background:var(--sheet);color:var(--pencil);text-align:center;place-items:center;padding:24px;font-size:13px;display:grid}.qr-frame__message--warn{color:var(--warn)}.crop{border:0 solid var(--acc);pointer-events:none;width:14px;height:14px;position:absolute}.crop--tl{border-top-width:1.5px;border-left-width:1.5px;top:-8px;left:-8px}.crop--tr{border-top-width:1.5px;border-right-width:1.5px;top:-8px;right:-8px}.crop--bl{border-bottom-width:1.5px;border-left-width:1.5px;bottom:-8px;left:-8px}.crop--br{border-bottom-width:1.5px;border-right-width:1.5px;bottom:-8px;right:-8px}.export-bar{gap:8px;display:flex}.button--copy{display:inline-grid}.copy-label{grid-area:1/1}.copy-label[aria-hidden=true]{visibility:hidden}.meta{font:500 11.5px/1 var(--font-mono);color:var(--pencil);font-variant-numeric:tabular-nums}.style-picker{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.style-option{border:1px solid var(--rule);border-radius:var(--r-md);background:var(--sheet);color:var(--pencil);cursor:pointer;transition:border-color .15s var(--ease-out), color .15s var(--ease-out), box-shadow .15s var(--ease-out);justify-items:center;gap:4px;padding:6px 4px 5px;font-size:11.5px;display:grid}.style-option svg{width:34px;height:34px;display:block}.style-option:hover{border-color:var(--rule-strong);color:var(--ink)}.style-option[aria-pressed=true]{border-color:var(--acc);box-shadow:inset 0 0 0 1px var(--acc);color:var(--ink)}.scan-note{height:4.35em;font-size:12px;line-height:1.45;overflow:hidden}.scan-note:before{content:"";vertical-align:1px;background:currentColor;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.scan-note--ok:before{background:var(--ok)}.scan-note--warn:before{background:var(--warn)}.dropzone,.logo-chip{border-radius:var(--r-md);height:56px}.dropzone{border:1px dashed var(--rule-strong);color:var(--pencil);text-align:center;cursor:pointer;transition:border-color .15s var(--ease-out), background-color .15s var(--ease-out);place-items:center;font-size:12px;display:grid}.dropzone:hover,.dropzone--over{border-color:var(--acc);background:var(--acc-wash)}#logo:focus-visible+.dropzone,#logo:focus-visible+.logo-chip{outline:2px solid var(--ink);outline-offset:2px}.logo-chip{border:1px solid var(--rule);background:var(--sunk);grid-template-columns:40px 1fr auto;align-items:center;gap:10px;padding:0 8px;display:grid}.logo-chip img{object-fit:contain;border-radius:var(--r-sm);background:#fff;width:40px;height:40px}.logo-chip span{font:500 12px/1.3 var(--font-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row2{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=759px){.page{padding:0}.topbar{padding:10px 16px}.workspace{border:0;border-radius:0;grid-template:"link""stage""settings"/1fr}.workspace__link,.workspace__settings{border-right:0}.workspace__link{border-bottom:1px solid var(--rule);padding:14px 16px}.workspace__settings{border-top:1px solid var(--rule);padding:14px 16px 28px}.stage{padding:24px 16px 18px}.qr-frame{width:200px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important}}