.p2i[data-v-927a5143]{gap:1rem;padding:1rem;display:grid}.p2i-toolbar[data-v-927a5143],.p2i-toolbar-actions[data-v-927a5143],.p2i-section-heading[data-v-927a5143],.p2i-result-heading[data-v-927a5143],.p2i-snippet[data-v-927a5143]{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.p2i-summary[data-v-927a5143]{min-width:0;color:var(--muted);overflow-wrap:anywhere;font-size:.875rem}.p2i-toolbar-actions[data-v-927a5143]{flex:none}.p2i-button[data-v-927a5143],.p2i-change[data-v-927a5143]{border:1px solid var(--border);background:var(--surface);min-height:2.75rem;color:var(--text);font:inherit;cursor:pointer;border-radius:.625rem;justify-content:center;align-items:center;padding:.625rem .9rem;font-size:.9375rem;font-weight:650;line-height:1.25rem;text-decoration:none;display:inline-flex}.p2i-button[data-v-927a5143]:hover:not(:disabled),.p2i-change[data-v-927a5143]:hover{border-color:var(--accent)}.p2i-dropzone[data-v-927a5143]:focus-within,.p2i-change[data-v-927a5143]:focus-within{border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent)}.p2i-button[data-v-927a5143]:disabled{opacity:.5;cursor:default}.p2i-button-primary[data-v-927a5143],.p2i-button-primary[data-v-927a5143]:hover:not(:disabled){background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.p2i-error[data-v-927a5143]{border:1px solid var(--badge-fail);color:var(--badge-fail);background:var(--tint-fail);border-radius:.625rem;padding:.75rem .875rem;font-size:.875rem}.p2i-dropzone[data-v-927a5143]{border:1.5px dashed var(--border);background:var(--surface);text-align:center;cursor:pointer;border-radius:.875rem;flex-direction:column;justify-content:center;align-items:center;gap:.65rem;min-height:20rem;padding:2rem;transition:border-color .15s,background-color .15s;display:flex}.p2i-dropzone[data-v-927a5143]:hover,.p2i-dropzone-active[data-v-927a5143]{border-color:var(--accent);background:var(--tint-accent-weak)}.p2i-dropzone>strong[data-v-927a5143]{font-size:1.125rem}.p2i-dropzone>span[data-v-927a5143]:not(.p2i-button):not(.p2i-file-mark){color:var(--muted);font-size:.875rem}.p2i-file-mark[data-v-927a5143]{border:2px solid var(--accent);background:var(--tint-accent);width:4.5rem;height:5.5rem;color:var(--accent-ink);letter-spacing:.08em;border-radius:.7rem 1.15rem .7rem .7rem;place-items:end center;padding-bottom:.9rem;font-size:.75rem;font-weight:800;display:grid}.p2i-workspace[data-v-927a5143]{grid-template-columns:minmax(0,1.05fr) minmax(18rem,.95fr);gap:1rem;display:grid}.p2i-source[data-v-927a5143],.p2i-settings[data-v-927a5143],.p2i-result[data-v-927a5143]{border:1px solid var(--border);background:var(--surface);border-radius:.875rem}.p2i-source[data-v-927a5143],.p2i-settings[data-v-927a5143]{min-width:0;padding:1rem}.p2i-section-heading[data-v-927a5143]{align-items:flex-start;margin-bottom:1rem}.p2i-section-heading h2[data-v-927a5143],.p2i-result-heading h2[data-v-927a5143]{letter-spacing:-.002em;margin:.2rem 0 0;font-size:1.125rem;font-weight:650;line-height:1.5rem}.p2i-eyebrow[data-v-927a5143],.p2i-success[data-v-927a5143]{color:var(--accent-ink);letter-spacing:.02em;text-transform:uppercase;font-size:.8125rem;font-weight:700;line-height:1rem}.p2i-change[data-v-927a5143]{min-height:2.5rem;padding:.5rem .75rem}.p2i-preview-grid[data-v-927a5143]{background-color:var(--bg);background-image:linear-gradient(45deg, color-mix(in srgb, var(--muted) 14%, transparent) 25%, transparent 25%), linear-gradient(-45deg, color-mix(in srgb, var(--muted) 14%, transparent) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, color-mix(in srgb, var(--muted) 14%, transparent) 75%), linear-gradient(-45deg, transparent 75%, color-mix(in srgb, var(--muted) 14%, transparent) 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;border-radius:.65rem;place-items:center;min-height:18rem;padding:1.25rem;display:grid}.p2i-preview-grid img[data-v-927a5143]{object-fit:contain;max-width:100%;max-height:16rem;display:block}.p2i-source-meta[data-v-927a5143]{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:.75rem 0 0;display:grid}.p2i-source-meta div[data-v-927a5143]{border:1px solid var(--border);border-radius:.55rem;padding:.65rem}.p2i-source-meta dt[data-v-927a5143]{color:var(--muted);font-size:.75rem}.p2i-source-meta dd[data-v-927a5143]{margin:.2rem 0 0;font-size:.875rem;font-weight:650}.p2i-count[data-v-927a5143]{background:var(--tint-accent);color:var(--accent-ink);white-space:nowrap;border-radius:999px;padding:.35rem .55rem;font-size:.8125rem;font-weight:700}.p2i-size-group[data-v-927a5143]{border:0;margin:0;padding:0}.p2i-size-group legend[data-v-927a5143],.p2i-field-label[data-v-927a5143]{font-size:.875rem;font-weight:650}.p2i-size-group>p[data-v-927a5143],.p2i-hint[data-v-927a5143],.p2i-privacy[data-v-927a5143]{color:var(--muted);margin:.35rem 0 0;font-size:.75rem;line-height:1.5}.p2i-size-grid[data-v-927a5143]{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin-top:.75rem;display:grid}.p2i-size-option[data-v-927a5143]{border:1px solid var(--border);cursor:pointer;border-radius:.55rem;justify-content:center;align-items:baseline;gap:.15rem;min-height:3.2rem;padding:.65rem .4rem;display:flex}.p2i-size-option[data-v-927a5143]:has(input:checked){border-color:var(--accent);background:var(--tint-accent)}.p2i-size-option input[data-v-927a5143]{width:1rem;height:1rem;margin:0 .3rem 0 0}.p2i-size-option span[data-v-927a5143]{font-weight:700}.p2i-size-option small[data-v-927a5143]{color:var(--muted)}.p2i-field-label[data-v-927a5143]{margin-top:1rem;display:block}.p2i-select[data-v-927a5143]{width:100%;margin-top:.45rem}.p2i-convert[data-v-927a5143]{width:100%;margin-top:1rem}.p2i-privacy[data-v-927a5143]{text-align:center}.p2i-result[data-v-927a5143]{padding:1rem}.p2i-result-heading[data-v-927a5143]{align-items:flex-start}.p2i-result-heading p[data-v-927a5143]{color:var(--muted);margin:.35rem 0 0;font-size:.875rem}.p2i-frame-strip[data-v-927a5143]{grid-template-columns:repeat(auto-fit,minmax(5.25rem,1fr));gap:.65rem;margin-top:1rem;display:grid}.p2i-frame-strip figure[data-v-927a5143]{min-width:0;margin:0}.p2i-frame-canvas[data-v-927a5143]{border:1px solid var(--border);background:var(--bg);border-radius:.55rem;place-items:center;height:5.5rem;display:grid}.p2i-frame-canvas img[data-v-927a5143]{image-rendering:auto;max-width:4rem;max-height:4rem}.p2i-frame-strip figcaption[data-v-927a5143]{color:var(--muted);text-align:center;margin-top:.35rem;font-size:.72rem}.p2i-snippet[data-v-927a5143]{border-top:1px solid var(--border);margin-top:1rem;padding-top:1rem}.p2i-snippet>div[data-v-927a5143]{gap:.35rem;min-width:0;display:grid}.p2i-snippet code[data-v-927a5143]{color:var(--muted);overflow-wrap:anywhere;font-size:.75rem}@media (width<=767px){.p2i[data-v-927a5143]{padding:.75rem}.p2i-workspace[data-v-927a5143]{grid-template-columns:1fr}.p2i-toolbar[data-v-927a5143],.p2i-result-heading[data-v-927a5143],.p2i-snippet[data-v-927a5143]{flex-direction:column;align-items:stretch}.p2i-toolbar-actions[data-v-927a5143]{width:100%}.p2i-toolbar-actions[data-v-927a5143]>*,.p2i-result-heading>a[data-v-927a5143],.p2i-snippet>button[data-v-927a5143]{flex:1}.p2i-dropzone[data-v-927a5143]{min-height:16rem;padding:1.25rem}.p2i-preview-grid[data-v-927a5143]{min-height:14rem}.p2i-size-grid[data-v-927a5143]{grid-template-columns:repeat(3,minmax(0,1fr))}.p2i-size-option[data-v-927a5143]:last-child:nth-child(3n+1),.p2i-frame-strip figure[data-v-927a5143]:last-child:nth-child(3n+1){grid-column:2}}@media (prefers-reduced-motion:reduce){.p2i-dropzone[data-v-927a5143]{transition:none}}