.pixelator[data-v-aa7e9550]{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:1rem;overflow:hidden}.pixelator-toolbar[data-v-aa7e9550]{border-bottom:1px solid var(--border);background:var(--elevated);justify-content:space-between;align-items:center;gap:1rem;min-height:3.5rem;padding:.75rem 1rem;display:flex}.pixelator-summary[data-v-aa7e9550]{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--muted);font-size:.875rem;line-height:1.375rem;overflow:hidden}.toolbar-actions[data-v-aa7e9550],.result-actions[data-v-aa7e9550]{flex-wrap:wrap;gap:.5rem;display:flex}.toolbar-actions[data-v-aa7e9550]{flex-wrap:nowrap;flex:none}.pixelator-body[data-v-aa7e9550]{padding:1rem}.pixelator-body--drag[data-v-aa7e9550]{box-shadow:inset 0 0 0 2px var(--accent)}.button-primary[data-v-aa7e9550],.button-secondary[data-v-aa7e9550]{min-height:2.75rem;font:inherit;cursor:pointer;border-radius:.625rem;justify-content:center;align-items:center;gap:.45rem;padding:.625rem .875rem;font-size:.9375rem;font-weight:600;line-height:1.25rem;text-decoration:none;display:inline-flex}.button-primary[data-v-aa7e9550]{border:1px solid var(--accent);background:var(--accent);color:var(--accent-fg)}.button-primary[data-v-aa7e9550]:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);color:var(--accent-fg)}.button-secondary[data-v-aa7e9550]{border:1px solid var(--border);background:var(--elevated);color:var(--text)}.button-secondary[data-v-aa7e9550]:hover:not(:disabled){border-color:var(--accent)}button[data-v-aa7e9550]:disabled{opacity:.52;cursor:default}button[data-v-aa7e9550]:focus-visible,a[data-v-aa7e9550]:focus-visible,label[data-v-aa7e9550]:focus-within{outline:3px solid color-mix(in srgb, var(--accent) 40%, transparent);outline-offset:2px}.drop-zone[data-v-aa7e9550]{border:1px dashed var(--border);background:var(--bg-subtle);text-align:center;cursor:pointer;min-height:20rem;color:var(--muted);border-radius:.875rem;flex-direction:column;justify-content:center;align-items:center;gap:.55rem;display:flex}.drop-zone strong[data-v-aa7e9550]{color:var(--text);font-size:1rem;line-height:1.625rem}.drop-icon[data-v-aa7e9550]{background:var(--accent-soft);width:3.5rem;height:3.5rem;color:var(--accent);border-radius:.875rem;place-items:center;margin-bottom:.25rem;display:grid}.drop-button[data-v-aa7e9550]{margin-top:.65rem}.pixelator-error[data-v-aa7e9550]{border:1px solid var(--badge-fail);background:var(--surface);color:var(--badge-fail);border-radius:.625rem;margin:0 0 1rem;padding:.75rem .875rem;font-size:.875rem}.workspace[data-v-aa7e9550]{grid-template-columns:minmax(0,1.35fr) minmax(18rem,.75fr);align-items:start;gap:1rem;display:grid}.preview-panel[data-v-aa7e9550],.controls-panel[data-v-aa7e9550]{border:1px solid var(--border);background:var(--bg-subtle);border-radius:.875rem;min-width:0}.panel-heading[data-v-aa7e9550]{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;min-height:4.5rem;padding:.875rem 1rem;display:flex}.panel-heading h2[data-v-aa7e9550],.result-details h2[data-v-aa7e9550]{margin:0;font-size:1.125rem;font-weight:600;line-height:1.5rem}.panel-heading p[data-v-aa7e9550]{color:var(--muted);margin:.15rem 0 0;font-size:.8125rem;line-height:1.125rem}.change-button[data-v-aa7e9550]{cursor:pointer;flex:none}.preview-switcher[data-v-aa7e9550]{border:1px solid var(--border);background:var(--elevated);border-radius:.625rem;grid-template-columns:1fr 1fr;margin:.75rem 1rem 0;padding:.25rem;display:grid}.preview-switcher button[data-v-aa7e9550]{min-height:2.5rem;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:.45rem;font-size:.875rem;font-weight:600}.preview-switcher button.active[data-v-aa7e9550]{background:var(--surface);color:var(--text);box-shadow:0 1px 2px color-mix(in srgb, var(--text) 12%, transparent)}.preview-stage[data-v-aa7e9550]{background-image:linear-gradient(45deg, var(--elevated) 25%, transparent 25%), linear-gradient(-45deg, var(--elevated) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--elevated) 75%), linear-gradient(-45deg, transparent 75%, var(--elevated) 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px;place-items:center;min-height:27rem;padding:1.5rem;display:grid;overflow:hidden}.preview-stage canvas[data-v-aa7e9550]{object-fit:contain;max-width:100%;max-height:25rem;image-rendering:pixelated;display:block}.controls-panel[data-v-aa7e9550]{background:var(--surface);padding:1rem}.block-heading[data-v-aa7e9550]{justify-content:space-between;align-items:center;gap:1rem;display:flex}.block-heading label[data-v-aa7e9550],.export-grid label>span[data-v-aa7e9550]{color:var(--text);font-size:.875rem;font-weight:500;line-height:1.25rem}.block-heading output[data-v-aa7e9550]{color:var(--accent);font-variant-numeric:tabular-nums;font-size:.875rem;font-weight:700;line-height:1.25rem}.controls-panel>input[type=range][data-v-aa7e9550],.export-grid input[type=range][data-v-aa7e9550]{width:100%;accent-color:var(--accent)}.controls-panel>input[type=range][data-v-aa7e9550]{margin-top:.8rem}.control-note[data-v-aa7e9550],.format-note[data-v-aa7e9550],.shortcut-hint[data-v-aa7e9550]{color:var(--muted);margin:.45rem 0 0;font-size:.8125rem;line-height:1.2rem}.presets[data-v-aa7e9550]{grid-template-columns:repeat(5,minmax(0,1fr));gap:.35rem;margin-top:.85rem;display:grid}.preset-button[data-v-aa7e9550]{border:1px solid var(--border);background:var(--elevated);min-height:2.5rem;color:var(--text);font:inherit;cursor:pointer;border-radius:.5rem;font-size:.8125rem;font-weight:600}.preset-button[data-v-aa7e9550]:hover{border-color:var(--accent)}.preset-button.active[data-v-aa7e9550]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.grid-card[data-v-aa7e9550]{border:1px solid var(--border);background:var(--bg-subtle);border-radius:.625rem;grid-template-columns:1fr auto;gap:.15rem .75rem;margin-top:1rem;padding:.75rem;display:grid}.grid-card span[data-v-aa7e9550]{color:var(--muted);font-size:.8125rem}.grid-card strong[data-v-aa7e9550]{font-variant-numeric:tabular-nums;font-size:.875rem}.grid-card small[data-v-aa7e9550]{color:var(--muted);grid-column:1/-1;font-size:.75rem;line-height:1.1rem}.settings-section[data-v-aa7e9550]{border-top:1px solid var(--border);margin-top:1rem;padding-top:1rem}.export-grid[data-v-aa7e9550]{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.export-grid--single[data-v-aa7e9550]{grid-template-columns:1fr}.export-grid label[data-v-aa7e9550]{gap:.45rem;min-width:0;display:grid}.export-grid select[data-v-aa7e9550]{width:100%}.export-button[data-v-aa7e9550]{width:100%;margin-top:1rem}.shortcut-hint[data-v-aa7e9550]{text-align:center}.result-panel[data-v-aa7e9550]{border:1px solid var(--border);background:var(--surface);border-radius:.875rem;grid-template-columns:minmax(0,1.25fr) minmax(16rem,.75fr);display:grid;overflow:hidden}.result-preview[data-v-aa7e9550]{background-color:var(--bg-subtle);background-image:linear-gradient(45deg, var(--elevated) 25%, transparent 25%), linear-gradient(-45deg, var(--elevated) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--elevated) 75%), linear-gradient(-45deg, transparent 75%, var(--elevated) 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px;place-items:center;min-height:18rem;padding:1rem;display:grid}.result-preview img[data-v-aa7e9550]{object-fit:contain;max-width:100%;max-height:25rem;image-rendering:pixelated}.result-details[data-v-aa7e9550]{flex-direction:column;justify-content:center;padding:1.25rem;display:flex}.result-badge[data-v-aa7e9550]{background:var(--accent-soft);color:var(--accent);border-radius:999px;align-self:flex-start;margin-bottom:.65rem;padding:.3rem .6rem;font-size:.8125rem;font-weight:700;line-height:1.125rem}.result-details dl[data-v-aa7e9550]{gap:.6rem;margin:1rem 0;display:grid}.result-details dl div[data-v-aa7e9550]{border-bottom:1px solid var(--border);justify-content:space-between;gap:1rem;padding-bottom:.55rem;display:flex}.result-details dt[data-v-aa7e9550]{color:var(--muted);font-size:.8125rem;line-height:1.125rem}.result-details dd[data-v-aa7e9550]{text-align:right;font-variant-numeric:tabular-nums;margin:0;font-size:.875rem;font-weight:600;line-height:1.25rem}.privacy-note[data-v-aa7e9550]{color:var(--muted);justify-content:center;align-items:center;gap:.45rem;margin:1rem 0 0;font-size:.8125rem;line-height:1.125rem;display:flex}.privacy-note svg[data-v-aa7e9550]{color:var(--success);flex:none}.sr-only[data-v-aa7e9550]{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}button[data-v-aa7e9550],a[data-v-aa7e9550],label[data-v-aa7e9550]{touch-action:manipulation}@media (prefers-reduced-motion:reduce){.pixelator-body[data-v-aa7e9550],.button-primary[data-v-aa7e9550],.button-secondary[data-v-aa7e9550],.preview-switcher button[data-v-aa7e9550]{transition:none}}@media (width<=820px){.workspace[data-v-aa7e9550],.result-panel[data-v-aa7e9550]{grid-template-columns:1fr}.preview-stage[data-v-aa7e9550]{min-height:22rem}}@media (width<=540px){.pixelator-toolbar[data-v-aa7e9550]{flex-direction:column;align-items:flex-start}.pixelator-summary[data-v-aa7e9550]{white-space:normal;overflow-wrap:anywhere;width:100%}.toolbar-actions[data-v-aa7e9550]{width:100%}.toolbar-actions[data-v-aa7e9550]>*{flex:1}.pixelator-body[data-v-aa7e9550]{padding:.75rem}.drop-zone[data-v-aa7e9550]{min-height:17rem;padding:1rem}.panel-heading[data-v-aa7e9550]{flex-direction:column;align-items:flex-start}.change-button[data-v-aa7e9550]{width:100%}.preview-stage[data-v-aa7e9550]{min-height:18rem;padding:1rem}.preview-stage canvas[data-v-aa7e9550]{max-height:17rem}.presets[data-v-aa7e9550]{grid-template-columns:repeat(3,minmax(0,1fr))}.export-grid[data-v-aa7e9550]{grid-template-columns:1fr}.result-actions[data-v-aa7e9550]>*{width:100%}}