@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@500;600&family=Pixelify+Sans:wght@400&family=Space+Grotesk:wght@400;500;600;700&display=swap";.intro[data-v-1604346b]{color:var(--px-text-muted);margin:0 0 22px;line-height:1.6}h2[data-v-1604346b]{margin:0 0 14px;font-size:1.05rem}.steps[data-v-1604346b]{border-top:1px solid var(--px-grid);grid-template-columns:minmax(0,1fr) minmax(180px,.8fr);align-items:center;gap:22px;padding:18px 0;display:grid}.steps img[data-v-1604346b]{object-fit:contain;border:1px solid var(--px-grid);border-radius:var(--radius-sm);width:100%;max-height:240px;display:block}.step-copy h3[data-v-1604346b]{margin:0 0 7px;font-size:.98rem}.step-copy p[data-v-1604346b]{color:var(--px-text-muted);margin:0;font-size:.9rem;line-height:1.55}.final-step[data-v-1604346b]{grid-template-columns:1fr}@media (width<=600px){.steps[data-v-1604346b]{grid-template-columns:1fr;gap:12px}.steps img[data-v-1604346b]{max-height:180px}}.content-page[data-v-06537e42]{width:min(100%,860px);min-height:100vh;color:var(--px-text);margin:0 auto;padding:clamp(24px,6vw,64px) 20px 28px}.back-link[data-v-06537e42]{color:var(--px-azure-bright);margin-bottom:24px;display:inline-block}h1[data-v-06537e42]{margin:0 0 18px;font-size:clamp(1.8rem,5vw,2.6rem)}.page-nav[data-v-06537e42]{flex-wrap:wrap;gap:20px;margin:24px 0 42px;display:flex}.page-nav a[data-v-06537e42]{color:var(--px-azure-bright)}footer[data-v-06537e42]{border-top:1px solid var(--px-grid);color:var(--px-text-muted);text-align:center;padding-top:18px;font-size:.85rem}.policy-content p[data-v-a8bebc70]{color:var(--px-text-muted);margin:10px 0 14px;font-size:.92rem;line-height:1.7}.policy-content .effective-date[data-v-a8bebc70]{font-size:.82rem}.policy-content h3[data-v-a8bebc70]{margin:24px 0 6px;font-size:1rem}.policy-content a[data-v-a8bebc70]{color:var(--px-azure-bright)}.content-page[data-v-b512783f]{width:min(100%,860px);min-height:100vh;color:var(--px-text);margin:0 auto;padding:clamp(24px,6vw,64px) 20px 28px}.back-link[data-v-b512783f]{color:var(--px-azure-bright);margin-bottom:24px;display:inline-block}h1[data-v-b512783f]{margin:0 0 18px;font-size:clamp(1.8rem,5vw,2.6rem)}.page-nav[data-v-b512783f]{flex-wrap:wrap;gap:20px;margin:24px 0 42px;display:flex}.page-nav a[data-v-b512783f]{color:var(--px-azure-bright)}footer[data-v-b512783f]{border-top:1px solid var(--px-grid);color:var(--px-text-muted);text-align:center;padding-top:18px;font-size:.85rem}#view{font-family:var(--v3e0e0ecc), var(--font-display)}:root{--px-ink:#0b0a13;--px-surface:#151326;--px-surface-raised:#201d36;--px-grid:#373252;--px-violet:#9d5cff;--px-violet-bright:#b98cff;--px-azure:#38bdf8;--px-azure-bright:#7dd3fc;--px-text:#f5f3ff;--px-text-muted:#b7b0cc;--px-success:#a3e635;--px-danger:#fb7185;--font-display:"Space Grotesk", system-ui, sans-serif;--font-ui:"Space Grotesk", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--radius-sm:8px;--shadow-glow:0 0 24px #9d5cff2e}:root[data-theme=mint]{--px-ink:#101a1c;--px-surface:#182528;--px-surface-raised:#233539;--px-grid:#3d5b60;--px-violet:#72f1b8;--px-violet-bright:#a1ffd5;--px-azure:#6494aa;--px-azure-bright:#a4c9d8;--px-text:#f0fff8;--px-text-muted:#b5d2c7;--shadow-glow:0 0 24px #72f1b829}:root[data-theme=arcade]{--px-ink:#1b1116;--px-surface:#281820;--px-surface-raised:#38212a;--px-grid:#603b42;--px-violet:#ff8b39;--px-violet-bright:#ffb45f;--px-azure:#e43f3b;--px-azure-bright:#ff7770;--px-text:#fff4e8;--px-text-muted:#d5b7a5;--shadow-glow:0 0 24px #ff8b3929}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--px-ink:#f5f2ec;--px-surface:#fffdf8;--px-surface-raised:#eee9df;--px-grid:#c9c1b4;--px-violet:#3d6f83;--px-violet-bright:#315d70;--px-azure:#386f86;--px-azure-bright:#315d70;--px-text:#211e25;--px-text-muted:#625d66;--px-success:#386f55;--px-danger:#ac4142;--shadow-glow:0 8px 30px #2e261e1f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@font-face{font-family:Cubic_11;src:url(/fonts/Cubic_11.woff2)format("woff2");font-weight:400;font-style:normal}*{box-sizing:border-box}html{background:var(--px-ink);scrollbar-color:var(--px-violet) var(--px-surface);scrollbar-width:thin}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--px-surface)}::-webkit-scrollbar-thumb{border:2px solid var(--px-surface);background:var(--px-grid);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--px-violet)}body{background:var(--px-ink);min-width:320px;color:var(--px-text);font-family:var(--font-ui);margin:0}button,input{font:inherit}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.button{border-radius:var(--radius-sm);cursor:pointer;min-height:44px;padding:0 12px;font-weight:600}.primary{border:1px solid var(--px-violet);background:var(--px-violet);color:var(--px-ink)}.primary:hover{background:var(--px-violet-bright);border-color:var(--px-violet-bright)}.secondary{border:1px solid var(--px-azure);color:var(--px-azure-bright);background:0 0}.secondary:disabled{opacity:.4;cursor:not-allowed}.slider{align-items:center;display:flex}.slider>input{margin:0 10px}.sub-tool{font-size:.9rem}.dialog-header{justify-content:space-between;align-items:center;display:flex}.close{cursor:pointer;border-radius:8px}input[type=range]{width:100%;accent-color:var(--px-azure)}.slider>label{white-space:nowrap}.slider>div{width:40px}.custom-dialog{border:1px solid var(--px-grid);border-radius:var(--radius-md,10px);background:var(--px-surface);box-shadow:var(--shadow-glow)}.processing-overlay{z-index:2;background:color-mix(in srgb, var(--px-ink) 78%, transparent);color:var(--px-text);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;place-items:center;font-size:.78rem;display:grid;position:absolute;inset:0;overflow:hidden}.scan-line{background:var(--px-azure);width:100%;height:3px;box-shadow:0 0 18px var(--px-azure);animation:.75s linear infinite scan;position:absolute}@keyframes scan{0%{transform:translateY(-360px)}to{transform:translateY(720px)}}@media (prefers-reduced-motion:reduce){.scan-line{animation:none}}footer[data-v-a0cea25b]{color:var(--px-text-muted);text-align:center;font-size:12px}nav[data-v-a0cea25b]{margin-bottom:8px}nav a[data-v-a0cea25b]{color:inherit}nav a[data-v-a0cea25b]:hover{color:var(--px-text)}.help-settings[data-v-f3ed244e]{gap:10px;display:flex}.help-button[data-v-f3ed244e]{border:1px solid var(--px-grid);background:var(--px-surface);width:40px;height:40px;color:var(--px-text);font:inherit;cursor:pointer;text-align:center;border-radius:8px;place-items:center;font-weight:700;display:grid}.help-button[data-v-f3ed244e]:hover{border-color:var(--px-azure);color:var(--px-azure)}.settings-trigger[data-v-f3ed244e]{border:1px solid var(--px-grid);border-radius:var(--radius-sm);background:var(--px-surface);width:40px;height:40px;color:var(--px-text);cursor:pointer;flex:none;place-items:center;display:grid}.settings-trigger[data-v-f3ed244e]:hover{border-color:var(--px-azure);color:var(--px-azure-bright)}.settings-trigger svg[data-v-f3ed244e]{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.title[data-v-49030e38]{align-items:baseline;display:flex}.tool-rail[data-v-49030e38]{border-right:1px solid var(--px-grid);background:var(--px-surface);flex-direction:column;align-self:start;min-height:100vh;max-height:100vh;padding:32px 24px;display:flex;position:sticky;top:0;overflow-y:auto}.brand-lockup h1[data-v-49030e38]{font-family:"Pixelify Sans", var(--font-display);letter-spacing:-.04em;margin:7px 10px 14px 0;font-size:clamp(1.8rem,3vw,2.2rem);font-weight:400}.eyebrow[data-v-49030e38],.tool-label[data-v-49030e38],output[data-v-49030e38]{letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.8rem}.eyebrow[data-v-49030e38],.tool-label[data-v-49030e38]{color:var(--px-azure)}.intro[data-v-49030e38]{max-width:26ch;color:var(--px-text-muted);margin:0;font-size:.92rem;line-height:1.55}.tool-stack[data-v-49030e38]{gap:27px;margin-top:42px;display:grid}.tool-footer[data-v-49030e38]{margin-top:auto}.tool-section[data-v-49030e38]{gap:10px;display:grid}.section-heading[data-v-49030e38]{justify-content:space-between;align-items:center;display:flex}output[data-v-49030e38]{color:var(--px-text-muted)}.segmented-control[data-v-49030e38]{border:1px solid var(--px-grid);border-radius:var(--radius-sm);background:var(--px-surface-raised);gap:4px;padding:4px;display:grid}.segmented-control button[data-v-49030e38]{min-height:38px;color:var(--px-text-muted);cursor:pointer;background:0 0;border:0;border-radius:5px;font-size:.82rem}.segmented-control button.active[data-v-49030e38]{background:var(--px-violet);color:var(--px-ink);font-weight:700}.palette-options[data-v-49030e38]{gap:7px;display:grid}.palette-option[data-v-49030e38]{border:1px solid var(--px-grid);border-radius:var(--radius-sm);background:var(--px-surface-raised);min-height:44px;color:var(--px-text);text-align:left;cursor:pointer;align-items:center;gap:10px;padding:7px 9px;display:flex}.palette-option.active[data-v-49030e38]{border-color:var(--px-azure);box-shadow:inset 0 0 0 1px var(--px-azure)}.swatches[data-v-49030e38]{grid-template-columns:repeat(4,9px);gap:2px;display:grid}.swatches i[data-v-49030e38]{width:9px;height:22px}.actions[data-v-49030e38]{grid-template-columns:1fr 1fr}button[data-v-49030e38]:focus-visible{outline:2px solid var(--px-azure);outline-offset:2px}@keyframes pulse-49030e38{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.status-dot.processing[data-v-49030e38]{animation:none}}@media (width<=899px){.tool-rail[data-v-49030e38]{border-right:0;border-bottom:1px solid var(--px-grid);min-height:auto;max-height:none;padding:24px;position:static;overflow:visible}.actions[data-v-49030e38]{align-content:end}.status-row[data-v-49030e38]{margin-top:28px}.tool-section[data-v-49030e38]{display:block}.tool-section>.section-heading[data-v-49030e38]{margin:10px 0}.tool-section>.slider.sub-tool[data-v-49030e38]{grid-template-columns:4.5rem minmax(0,1fr) 2.5rem;gap:12px;min-height:44px;margin:14px 0;display:grid}.tool-section>.slider.sub-tool>input[type=range][data-v-49030e38]{min-width:0;min-height:44px;margin:0}.tool-section>.slider.sub-tool>div[data-v-49030e38]{text-align:right;font-variant-numeric:tabular-nums;width:auto}.palette-options[data-v-49030e38]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.tool-stack[data-v-49030e38]{grid-template-columns:1fr;gap:22px}.palette-options[data-v-49030e38]{font-size:.9rem}}.v-enter-active[data-v-49030e38]{max-height:150px;transition:all .5s ease-in-out}.v-leave-active[data-v-49030e38]{max-height:150px;transition:all .3s ease-in-out}.v-enter-from[data-v-49030e38],.v-leave-to[data-v-49030e38]{opacity:0;max-height:0}.font-select[data-v-8b65894d]{color:var(--px-text-muted);white-space:nowrap;align-items:center;gap:6px;font-size:.78rem;display:inline-flex}.font-select select[data-v-8b65894d]{border:1px solid var(--px-grid);border-radius:var(--radius-sm);background:var(--px-surface-raised);max-width:135px;min-height:36px;color:var(--px-text);font:inherit;cursor:pointer;padding:0 24px 0 9px}.font-select select[data-v-8b65894d]:focus-visible{outline:2px solid var(--px-azure);outline-offset:2px}.settings-backdrop[data-v-0ab5a4d4]{z-index:20;background:#000000b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.settings-dialog[data-v-0ab5a4d4]{width:min(100%,450px);padding:22px}.settings-header[data-v-0ab5a4d4]{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.settings-header h2[data-v-0ab5a4d4]{margin:0;font-size:1.2rem}.close-button[data-v-0ab5a4d4]{border:1px solid var(--px-grid);border-radius:var(--radius-sm);width:36px;height:36px;color:var(--px-text);font:inherit;cursor:pointer;background:0 0;font-size:1.5rem;line-height:1}.settings-fields[data-v-0ab5a4d4]{gap:18px;display:grid}.theme-select[data-v-0ab5a4d4]{color:var(--px-text-muted);border:0;grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0;font-size:.85rem;display:grid}.theme-select legend[data-v-0ab5a4d4]{grid-column:1/-1;margin-bottom:10px}.theme-option[data-v-0ab5a4d4]{border:1px solid var(--px-grid);border-radius:var(--radius-sm);background:var(--px-surface-raised);min-height:44px;color:var(--px-text);font:inherit;text-align:left;cursor:pointer;align-items:center;gap:9px;padding:6px 9px;display:flex}.theme-option.selected[data-v-0ab5a4d4]{border-color:var(--px-violet-bright);box-shadow:inset 0 0 0 1px var(--px-violet-bright)}.theme-preview[data-v-0ab5a4d4]{border:1px solid var(--preview-grid);background:var(--preview-bg);border-radius:5px;flex:0 0 36px;gap:3px;height:22px;padding:4px;display:flex}.theme-preview i[data-v-0ab5a4d4]{background:var(--preview-accent);border-radius:2px;flex:1}.theme-preview i[data-v-0ab5a4d4]:nth-child(2){background:var(--preview-secondary)}.theme-violet[data-v-0ab5a4d4]{--preview-bg:#151326;--preview-grid:#373252;--preview-accent:#9d5cff;--preview-secondary:#38bdf8}.theme-mint[data-v-0ab5a4d4]{--preview-bg:#182528;--preview-grid:#3d5b60;--preview-accent:#72f1b8;--preview-secondary:#6494aa}.theme-arcade[data-v-0ab5a4d4]{--preview-bg:#281820;--preview-grid:#603b42;--preview-accent:#ff8b39;--preview-secondary:#e43f3b}.theme-light[data-v-0ab5a4d4]{--preview-bg:#fffdf8;--preview-grid:#c9c1b4;--preview-accent:#3d6f83;--preview-secondary:#72f1b8}.storage-settings[data-v-0ab5a4d4]{gap:10px;display:grid}.storage-toggle[data-v-0ab5a4d4]{color:var(--px-text);cursor:pointer;justify-content:space-between;align-items:center;gap:16px;display:flex}.storage-toggle span[data-v-0ab5a4d4]{gap:5px;display:grid}.storage-toggle strong[data-v-0ab5a4d4]{font-size:.9rem;font-weight:600}.storage-toggle small[data-v-0ab5a4d4],.storage-message[data-v-0ab5a4d4]{color:var(--px-text-muted);font-size:.78rem;line-height:1.45}.storage-toggle input[data-v-0ab5a4d4]{width:18px;height:18px;accent-color:var(--px-violet-bright)}.delete-storage[data-v-0ab5a4d4]{border:1px solid var(--px-grid);border-radius:var(--radius-sm);background:var(--px-surface-raised);color:var(--px-text);font:inherit;cursor:pointer;justify-self:start;padding:7px 10px;font-size:.8rem}.delete-storage[data-v-0ab5a4d4]:disabled{opacity:.5;cursor:not-allowed}.storage-message[data-v-0ab5a4d4]{margin:0}.language-select[data-v-0ab5a4d4]{color:var(--px-text-muted);border:0;gap:8px;margin:0;padding:0;font-size:.85rem;display:grid}.language-select legend[data-v-0ab5a4d4]{margin-bottom:10px}.locale-option[data-v-0ab5a4d4]{border:1px solid var(--px-grid);border-radius:var(--radius-sm);background:var(--px-surface-raised);min-height:40px;color:var(--px-text);font:inherit;text-align:left;cursor:pointer;align-items:center;gap:10px;padding:0 12px;display:flex}.locale-option.selected[data-v-0ab5a4d4]{border-color:var(--px-azure)}button[data-v-0ab5a4d4]:focus-visible{outline:2px solid var(--px-azure);outline-offset:2px}.artwork-zone[data-v-172d920a]{background:var(--px-ink);grid-template-rows:auto minmax(0,1fr);min-width:0;padding:32px;display:grid}.stage-meta[data-v-172d920a]{justify-content:space-between;align-items:end;gap:24px;margin-bottom:22px;display:flex}.canvas-stage[data-v-172d920a]{border:1px solid var(--px-grid);background-color:var(--px-surface);background-image:linear-gradient(var(--px-grid) 1px, transparent 1px), linear-gradient(90deg, var(--px-grid) 1px, transparent 1px);background-size:8px 8px;place-items:center;margin-bottom:22px;display:grid;position:relative;overflow:hidden}.canvas-stage.has-artwork[data-v-172d920a]{background-image:none}.canvas-stage.is-dragging[data-v-172d920a]{border-color:var(--px-violet-bright);box-shadow:inset 0 0 0 1px var(--px-violet-bright), var(--shadow-glow)}.upload-zone[data-v-172d920a]{width:100%;min-height:inherit;background:color-mix(in srgb, var(--px-ink) 70%, transparent);color:var(--px-text);cursor:pointer;border:0;place-content:center;gap:13px;display:grid}.empty-state[data-v-172d920a]{width:100%;min-height:inherit;justify-items:center;gap:12px;padding:20px;display:grid}.examples-trigger[data-v-172d920a]{border:1px solid var(--px-grid);border-radius:var(--radius-sm);background:var(--px-surface);color:var(--px-azure);font:inherit;cursor:pointer;padding:8px 12px;font-size:.85rem}.examples-trigger[data-v-172d920a]:hover{border-color:var(--px-azure)}.examples-trigger-compact[data-v-172d920a]{height:40px;margin-left:auto;margin-right:-13px}.upload-zone strong[data-v-172d920a]{font-size:clamp(1rem,2vw,1.25rem)}.upload-zone small[data-v-172d920a]{color:var(--px-text-muted)}.upload-icon[data-v-172d920a]{border:1px solid var(--px-violet);width:40px;height:40px;color:var(--px-violet-bright);font-family:var(--font-mono);place-items:center;margin:auto;font-size:1.6rem;display:grid}.canvas-wrap[data-v-172d920a]{place-items:center;width:100%;min-width:0;height:100%;min-height:0;display:grid;position:relative;overflow:hidden}.canvas-wrap canvas[data-v-172d920a]{width:auto;max-width:100%;height:100%;max-height:100%;image-rendering:pixelated;image-rendering:crisp-edges;cursor:pointer}.canvas-wrap canvas.is-comparing[data-v-172d920a]{cursor:default}.canvas-comparison[data-v-172d920a]{pointer-events:none;position:absolute;overflow:hidden}.comparison-before[data-v-172d920a]{object-fit:contain;width:100%;height:100%;clip-path:inset(0 calc(100% - var(--split)) 0 0);position:absolute;inset:0}.comparison-label[data-v-172d920a]{z-index:2;color:#fff;background:#000000b8;border-radius:4px;padding:5px 8px;font-size:.75rem;position:absolute;top:12px}.before-label[data-v-172d920a]{left:12px}.after-label[data-v-172d920a]{right:12px}.comparison-slider[data-v-172d920a]{z-index:4;appearance:none;pointer-events:auto;cursor:ew-resize;background:0 0;width:100%;height:100%;margin:0;position:absolute;inset:0}.comparison-slider[data-v-172d920a]::-webkit-slider-thumb{appearance:none;background:var(--px-azure);width:4px;height:100%;box-shadow:0 0 0 2px #00000059}.comparison-slider[data-v-172d920a]::-moz-range-thumb{background:var(--px-azure);border:0;border-radius:0;width:4px;height:100%;box-shadow:0 0 0 2px #00000059}.comparison-divider[data-v-172d920a]{z-index:3;top:0;bottom:0;left:var(--split);background:var(--px-azure);pointer-events:none;width:2px;position:absolute;transform:translate(-50%)}.replace-overlay[data-v-172d920a]{border:1px solid var(--px-grid);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--px-ink) 85%, transparent);color:var(--px-text-muted);opacity:0;cursor:pointer;padding:9px 12px;font-size:.78rem;transition:opacity .15s;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.canvas-wrap:hover .replace-overlay[data-v-172d920a],.replace-overlay[data-v-172d920a]:focus-visible{opacity:1}.error-message[data-v-172d920a]{border:1px solid var(--px-danger);border-radius:var(--radius-sm);background:var(--px-surface);max-width:min(90%,420px);color:var(--px-text);padding:12px 14px;font-size:.9rem;position:absolute;bottom:16px;right:16px}button[data-v-172d920a]:focus-visible{outline:2px solid var(--px-azure);outline-offset:2px}.actions[data-v-172d920a]{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.status-row[data-v-172d920a]{color:var(--px-text-muted);align-items:center;gap:8px;display:flex}.stage-status[data-v-172d920a]{align-items:center;gap:16px;display:flex}.status-dot[data-v-172d920a]{background:var(--px-text-muted);border-radius:50%;width:7px;height:7px}.status-dot.ready[data-v-172d920a]{background:var(--px-success)}.status-dot.processing[data-v-172d920a]{background:var(--px-azure);animation:1s steps(2,end) infinite pulse}.status-dot.error[data-v-172d920a]{background:var(--px-danger)}@media (prefers-reduced-motion:reduce){.replace-overlay[data-v-172d920a]{transition:none;animation:none}}@media (width<=899px){.artwork-zone[data-v-172d920a]{padding:24px}.canvas-stage[data-v-172d920a]{min-height:55vh}.examples-trigger-compact[data-v-172d920a]{margin-right:unset}}@media (width<=620px){.artwork-zone[data-v-172d920a]{padding:24px 16px}.stage-meta[data-v-172d920a]{align-items:center;gap:12px}.canvas-stage[data-v-172d920a]{min-height:46vh}.replace-overlay[data-v-172d920a]{opacity:1}}.preview-backdrop[data-v-7b011554]{z-index:30;background:color-mix(in srgb, var(--px-ink) 82%, transparent);place-items:center;padding:clamp(10px,3vw,28px);display:grid;position:fixed;inset:0}.preview-dialog[data-v-7b011554]{grid-template-rows:auto minmax(0,1fr) auto;width:min(100%,1400px);height:min(100%,900px);min-height:0;padding:14px;display:grid;position:relative}.preview-header[data-v-7b011554],.preview-controls[data-v-7b011554]{align-items:center;gap:8px;display:flex}.preview-header[data-v-7b011554]{justify-content:space-between;gap:16px;padding:0 0 12px}.preview-header.is-draggable[data-v-7b011554]{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.preview-header.is-draggable[data-v-7b011554]:active{cursor:grabbing}.preview-title-group[data-v-7b011554]{align-items:center;gap:12px;display:flex}.preview-header h2[data-v-7b011554]{margin:0;font-size:1.1rem}button[data-v-7b011554]{border:1px solid var(--px-grid);border-radius:var(--radius-sm);background:var(--px-surface-raised);min-width:36px;height:36px;color:var(--px-text);font:inherit;cursor:pointer;padding:0 10px}button[data-v-7b011554]:disabled{opacity:.45;cursor:default}.preview-controls output[data-v-7b011554]{min-width:48px;color:var(--px-text-muted);font-family:var(--font-mono);text-align:center}.preview-controls .close-button[data-v-7b011554]{font-size:1.4rem;line-height:1}.preview-backdrop.is-expanded[data-v-7b011554]{padding:0}.preview-backdrop.is-expanded .preview-dialog[data-v-7b011554]{border-radius:0;width:100vw;max-width:none;height:100dvh;max-height:none;transform:none}.shortcut-popover[data-v-7b011554]{z-index:10;border:1px solid var(--px-grid);border-radius:var(--radius-sm);background:var(--px-surface-raised);width:min(360px,100vw - 48px);color:var(--px-text);padding:14px;position:absolute;top:58px;right:14px;box-shadow:0 8px 28px #00000059}.shortcut-popover-header[data-v-7b011554]{justify-content:space-between;align-items:center;gap:12px;display:flex}.shortcut-popover h3[data-v-7b011554]{margin:0;font-size:1rem}.shortcut-popover h4[data-v-7b011554]{color:var(--px-text-muted);text-transform:uppercase;margin:14px 0 6px;font-size:.76rem}.shortcut-popover dl[data-v-7b011554]{gap:6px;margin:0;display:grid}.shortcut-popover dl>div[data-v-7b011554]{justify-content:space-between;align-items:center;gap:12px;font-size:.8rem;display:flex}.shortcut-popover dt[data-v-7b011554]{align-items:center;gap:3px;display:flex}.shortcut-popover dd[data-v-7b011554]{color:var(--px-text-muted);text-align:right;margin:0}.shortcut-popover kbd[data-v-7b011554]{border:1px solid var(--px-grid);background:var(--px-surface);font:.75rem var(--font-mono);border-radius:3px;padding:2px 5px}.shortcut-popover-close[data-v-7b011554]{width:30px;min-width:30px;height:30px;padding:0;font-size:1.15rem}.shortcut-help-button[data-v-7b011554]{font-weight:700}.palette-toggle[data-v-7b011554]{display:none}.preview-workspace[data-v-7b011554]{grid-template-columns:270px minmax(0,1fr);gap:12px;min-width:0;min-height:0;display:grid;position:relative}.preview-workspace[data-v-7b011554]:not(.has-palette){grid-template-columns:minmax(0,1fr)}.palette-drawer[data-v-7b011554]{border:1px solid var(--px-grid);border-radius:var(--radius-sm);background:var(--px-surface);flex-direction:column;min-width:0;min-height:0;display:flex}.palette-drawer h3[data-v-7b011554]{margin:0;font-size:1rem}.palette-description[data-v-7b011554]{color:var(--px-text-muted);margin:8px 0 14px;font-size:.8rem;line-height:1.45}.palette-modes[data-v-7b011554]{border-bottom:1px solid var(--px-grid);gap:6px;padding-bottom:10px;display:flex}.palette-modes button[data-v-7b011554]{border:1px solid var(--px-grid);border-radius:var(--radius-sm);background:var(--px-surface-raised);min-height:34px;color:var(--px-text-muted);font:inherit;cursor:pointer;flex:1;font-size:.78rem}.palette-modes button.active[data-v-7b011554]{border-color:var(--px-violet);color:var(--px-text)}.color-count[data-v-7b011554]{grid-template-columns:auto minmax(0,1fr) 24px;align-items:center;gap:8px;margin-bottom:12px;font-size:.8rem;display:grid}.color-count output[data-v-7b011554]{color:var(--px-text-muted);text-align:right}.color-count input[data-v-7b011554]{min-width:0;accent-color:var(--px-azure)}.edit-tools[data-v-7b011554]{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.edit-tools button[data-v-7b011554]{place-items:center;min-height:38px;padding:0;font-size:.82rem;display:grid}.edit-tools svg[data-v-7b011554]{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:19px;height:19px}.edit-tools button.active[data-v-7b011554]{border-color:var(--px-violet);background:var(--px-violet);color:var(--px-ink);font-weight:700}.edit-tools button[data-v-7b011554]:disabled{opacity:.45;cursor:default}.edit-control[data-v-7b011554]{color:var(--px-text-muted);grid-template-columns:1fr auto;align-items:center;gap:7px 10px;margin-top:10px;font-size:.78rem;display:grid}.edit-control input[type=range][data-v-7b011554]{width:100%;accent-color:var(--px-azure);grid-column:1}.edit-control output[data-v-7b011554]{text-align:right;font-variant-numeric:tabular-nums;grid-area:2/2;min-width:42px}.paint-color[data-v-7b011554]{grid-template-columns:auto 30px minmax(0,1fr)}.paint-color input[data-v-7b011554]{border:1px solid var(--px-grid);background:0 0;border-radius:4px;width:30px;height:30px;padding:2px}.paint-color code[data-v-7b011554]{color:var(--px-text-muted);font-size:.72rem}.selection-status[data-v-7b011554]{min-height:2.4em;color:var(--px-text-muted);margin:0;font-size:.76rem;line-height:1.4}.palette-list[data-v-7b011554]{flex:1;gap:7px;min-height:0;display:grid;overflow:auto}.custom-color-list[data-v-7b011554]{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start}.palette-color[data-v-7b011554]{border:1px solid var(--px-grid);border-radius:var(--radius-sm);min-height:42px;color:var(--px-text);cursor:pointer;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:8px;padding:5px 7px;font-size:.8rem;display:grid;position:relative}.palette-color[data-v-7b011554]:focus-within{border-color:var(--px-azure);box-shadow:2px var(--px-azure)}.palette-swatch[data-v-7b011554]{border:1px solid var(--px-grid);border-radius:3px;width:20px;height:20px}.palette-color input[data-v-7b011554]{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.palette-color code[data-v-7b011554]{color:var(--px-text-muted);grid-column:2/3;font-size:.7rem}.palette-actions[data-v-7b011554]{gap:8px;margin-top:auto;padding-top:12px;display:flex}.palette-actions button[data-v-7b011554],.palette-toggle[data-v-7b011554]{border:1px solid var(--px-grid);border-radius:var(--radius-sm);background:var(--px-surface-raised);min-height:36px;color:var(--px-text);font:inherit;cursor:pointer;padding:0 10px}.palette-actions button[data-v-7b011554]:disabled{opacity:.45;cursor:default}.palette-actions button[data-v-7b011554]:not(.apply-custom){place-items:center;min-width:36px;padding:0;display:grid}.palette-actions button:not(.apply-custom) svg[data-v-7b011554]{width:19px;height:19px}.palette-actions .apply-custom[data-v-7b011554]{border-color:var(--px-azure);background:var(--px-azure);width:100%;color:var(--px-ink)}.preview-viewport[data-v-7b011554]{background-color:var(--px-surface);background-image:linear-gradient(var(--px-grid) 1px, transparent 1px), linear-gradient(90deg, var(--px-grid) 1px, transparent 1px);cursor:grab;touch-action:none;background-size:8px 8px;min-width:0;min-height:0;position:relative;overflow:hidden}.preview-viewport.is-panning[data-v-7b011554]{cursor:grabbing}.preview-viewport[data-v-7b011554]:has(.edit-canvas){cursor:crosshair}.preview-viewport.is-hand-tool[data-v-7b011554]{cursor:grab}.preview-viewport.is-hand-tool.is-panning[data-v-7b011554]{cursor:grabbing}.preview-viewport .edit-canvas[data-v-7b011554],.preview-viewport .selection-canvas[data-v-7b011554]{width:auto;max-width:none;max-height:none;image-rendering:pixelated;image-rendering:crisp-edges;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;top:50%;left:50%}.preview-viewport .selection-canvas[data-v-7b011554]{z-index:1}.preview-hint[data-v-7b011554]{color:var(--px-text-muted);text-align:center;margin:10px 0 0;font-size:.78rem}button[data-v-7b011554]:focus-visible,.preview-dialog[data-v-7b011554]:focus-visible,.palette-color input[data-v-7b011554]:focus-visible{outline:2px solid var(--px-azure);outline-offset:2px}@media (width<=899px){.preview-workspace[data-v-7b011554]{grid-template-columns:minmax(0,1fr)}.palette-toggle[data-v-7b011554]{z-index:5;color:var(--px-text-muted);opacity:1;pointer-events:auto;border-radius:12px 12px 0 0;justify-content:center;align-items:center;gap:9px;width:100.5%;padding:0 20px;display:inline-flex;position:absolute;top:-30px;left:50%;transform:translate(-50%);box-shadow:0 4px 18px #00000073}.palette-toggle svg[data-v-7b011554]{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:18px;height:18px;transition:transform .2s}.palette-toggle svg.open[data-v-7b011554]{transform:rotate(180deg)}.palette-drawer[data-v-7b011554]{z-index:2;opacity:1;pointer-events:none;transition:transform .24s,padding .2s;display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(calc(100% - 1px));box-shadow:0 -12px 30px #00000073}.preview-workspace.palette-open .palette-drawer[data-v-7b011554]{pointer-events:auto;transform:translateY(0)}}@media (width<=620px){.preview-header[data-v-7b011554]{flex-direction:column;align-items:flex-start}.preview-title-group[data-v-7b011554]{width:100%}.preview-controls[data-v-7b011554]{gap:5px;width:100%}.preview-controls button[data-v-7b011554]{min-width:32px;padding:0 7px}.preview-controls output[data-v-7b011554]{min-width:40px}}.help-backdrop[data-v-fb9324f4]{z-index:30;background:#000000b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.help-dialog[data-v-fb9324f4]{flex-direction:column;width:min(100%,760px);max-height:min(88vh,860px);display:flex;overflow:hidden}.help-header[data-v-fb9324f4]{border-bottom:1px solid var(--px-grid);justify-content:space-between;align-items:flex-start;gap:20px;padding:24px 28px 18px;display:flex}.help-eyebrow[data-v-fb9324f4]{color:var(--px-azure);font-family:var(--font-mono);letter-spacing:.08em;margin:0 0 6px;font-size:.72rem}.help-header h2[data-v-fb9324f4]{margin:0;font-size:clamp(1.25rem,3vw,1.7rem)}.close-button[data-v-fb9324f4]{border:1px solid var(--px-grid);border-radius:var(--radius-sm);width:36px;height:36px;color:var(--px-text);font:inherit;cursor:pointer;background:0 0;flex:none;font-size:1.5rem;line-height:1}.help-content[data-v-fb9324f4]{padding:20px 28px;overflow-y:auto}.help-footer[data-v-fb9324f4]{border-top:1px solid var(--px-grid);justify-content:flex-end;padding:16px 28px 22px;display:flex}.help-dialog button[data-v-fb9324f4]:focus-visible{outline:2px solid var(--px-azure);outline-offset:2px}@media (width<=600px){.help-backdrop[data-v-fb9324f4]{padding:12px}.help-dialog[data-v-fb9324f4]{max-height:92vh}.help-header[data-v-fb9324f4]{padding:18px 18px 14px}.help-content[data-v-fb9324f4]{padding:16px 18px}.help-footer[data-v-fb9324f4]{padding:12px 18px 18px}.help-footer button[data-v-fb9324f4]{width:100%}}.privacy-backdrop[data-v-89cb484d]{z-index:30;background:#000000b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.privacy-dialog[data-v-89cb484d]{flex-direction:column;width:min(100%,760px);max-height:min(88vh,860px);display:flex;overflow:hidden}.privacy-header[data-v-89cb484d]{border-bottom:1px solid var(--px-grid);justify-content:space-between;align-items:center;gap:20px;padding:24px 28px 18px;display:flex}.privacy-header h2[data-v-89cb484d]{margin:0;font-size:clamp(1.25rem,3vw,1.7rem)}.close-button[data-v-89cb484d]{border:1px solid var(--px-grid);border-radius:var(--radius-sm);width:36px;height:36px;color:var(--px-text);font:inherit;cursor:pointer;background:0 0;flex:none;font-size:1.5rem;line-height:1}.privacy-content[data-v-89cb484d]{padding:16px 28px 24px;overflow-y:auto}.privacy-footer[data-v-89cb484d]{border-top:1px solid var(--px-grid);justify-content:flex-end;padding:14px 28px 20px;display:flex}.privacy-dialog button[data-v-89cb484d]:focus-visible{outline:2px solid var(--px-azure);outline-offset:2px}@media (width<=600px){.privacy-backdrop[data-v-89cb484d]{padding:12px}.privacy-dialog[data-v-89cb484d]{max-height:92vh}.privacy-header[data-v-89cb484d]{padding:18px 18px 14px}.privacy-content[data-v-89cb484d]{padding:14px 18px 18px}.privacy-footer[data-v-89cb484d]{padding:12px 18px 18px}.privacy-footer button[data-v-89cb484d]{width:100%}}.examples-backdrop[data-v-059eb0fc]{z-index:30;background:#000000b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.examples-dialog[data-v-059eb0fc]{flex-direction:column;width:min(100%,1120px);min-height:0;max-height:min(90vh,960px);display:flex;overflow:hidden}.examples-header[data-v-059eb0fc]{border-bottom:1px solid var(--px-grid);justify-content:space-between;align-items:flex-start;gap:20px;padding:24px 28px 20px;display:flex}.eyebrow[data-v-059eb0fc]{color:var(--px-azure);font-family:var(--font-mono);letter-spacing:.08em;margin:0 0 6px;font-size:.72rem}.examples-header h2[data-v-059eb0fc]{margin:0;font-size:clamp(1.3rem,3vw,1.8rem)}.examples-intro[data-v-059eb0fc]{color:var(--px-text-muted);margin:7px 0 0;line-height:1.5}.close-button[data-v-059eb0fc]{border:1px solid var(--px-grid);border-radius:var(--radius-sm);width:36px;height:36px;color:var(--px-text);font:inherit;cursor:pointer;background:0 0;flex:none;font-size:1.5rem;line-height:1}.examples-grid[data-v-059eb0fc]{flex:auto;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;gap:18px;min-height:0;padding:22px 28px 28px;display:grid;overflow-y:auto}.example-card[data-v-059eb0fc]{border:1px solid var(--px-grid);border-radius:var(--radius-sm);background:var(--px-surface-raised);min-width:0;overflow:hidden}.example-image[data-v-059eb0fc]{aspect-ratio:4/3;background:var(--px-ink);place-items:center;display:grid;overflow:hidden}.example-image>img[data-v-059eb0fc]{object-fit:contain;width:100%;height:100%;display:block}.example-card-footer[data-v-059eb0fc]{justify-content:space-between;align-items:center;gap:10px;padding:14px;display:flex}.example-card-footer h3[data-v-059eb0fc]{margin:0;font-size:.95rem}.example-card-footer p[data-v-059eb0fc]{color:var(--px-text-muted);margin:4px 0 0;font-size:.8rem}.example-card-footer button[data-v-059eb0fc]{flex:none;min-height:36px;padding:7px 10px;font-size:.8rem}.examples-dialog button[data-v-059eb0fc]:focus-visible{outline:2px solid var(--px-azure);outline-offset:2px}@media (width<=760px){.examples-grid[data-v-059eb0fc]{grid-template-columns:1fr}.example-image[data-v-059eb0fc]{aspect-ratio:16/10}}@media (width<=600px){.examples-backdrop[data-v-059eb0fc]{padding:12px}.examples-header[data-v-059eb0fc]{padding:18px}.examples-grid[data-v-059eb0fc]{padding:16px 18px 18px}.example-card-footer[data-v-059eb0fc]{flex-wrap:wrap}}.workspace-shell[data-v-b4e148ca]{grid-template-columns:minmax(260px,320px) minmax(0,1fr);min-height:100vh;display:grid}@media (width<=899px){.workspace-shell[data-v-b4e148ca]{grid-template-columns:1fr}}[data-v-b4e148ca] .fade-enter-active,[data-v-b4e148ca] .fade-leave-active{transition:opacity .3s}[data-v-b4e148ca] .fade-enter-from,[data-v-b4e148ca] .fade-leave-to{opacity:0}p[data-v-58703ab4],div[data-v-58703ab4]{font-family:var(--ba3e39be), var(--font-display);text-align:center;font-size:3rem}#emoji[data-v-58703ab4]{font-size:5rem}
/*$vite$:1*/