.pe[data-v-c41e8ad7]{flex-direction:column;display:flex}.pe-toolbar[data-v-c41e8ad7]{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:.75rem;min-height:4rem;padding:.65rem 1.25rem;display:flex}.pe-summary[data-v-c41e8ad7]{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;font-weight:600;overflow:hidden}.pe-controls[data-v-c41e8ad7],.pe-size[data-v-c41e8ad7]{align-items:center;display:flex}.pe-controls[data-v-c41e8ad7]{flex:none;gap:.5rem}.pe-size[data-v-c41e8ad7]{color:var(--muted);gap:.45rem;font-size:.75rem;font-weight:600}.pe-size select[data-v-c41e8ad7]{border:1px solid var(--border-strong);border-radius:var(--radius-button);background-color:var(--input);min-height:2.75rem;color:var(--text);font:inherit}.pe-btn[data-v-c41e8ad7],.pe-copy[data-v-c41e8ad7],.pe-css-btn[data-v-c41e8ad7],.pe-choose[data-v-c41e8ad7]{border:1px solid var(--border-strong);border-radius:var(--radius-button);background:var(--elevated);min-height:2.75rem;color:var(--muted);cursor:pointer;touch-action:manipulation;white-space:nowrap;justify-content:center;align-items:center;padding:.4rem .75rem;font-size:.875rem;font-weight:600;line-height:1.25rem;display:inline-flex}.pe-btn[data-v-c41e8ad7]:hover:not(:disabled),.pe-copy[data-v-c41e8ad7]:hover,.pe-change[data-v-c41e8ad7]:hover{color:var(--text)}.pe-btn[data-v-c41e8ad7]:disabled{cursor:default;opacity:.45}.pe-content[data-v-c41e8ad7]{padding:1.25rem}.pe-content--drag .pe-drop[data-v-c41e8ad7],.pe-content--drag .pe-workspace[data-v-c41e8ad7]{outline:2px solid var(--accent);outline-offset:3px}.pe-error[data-v-c41e8ad7]{border:1px solid var(--warn-border);border-radius:var(--radius-input);background:var(--tint-warn);color:var(--warn);margin:0 0 .75rem;padding:.65rem .8rem;font-size:.8125rem}.pe-drop[data-v-c41e8ad7]{cursor:pointer;border:2px dashed var(--border-strong);border-radius:var(--radius-card);background:var(--input);text-align:center;touch-action:manipulation;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;min-height:19rem;padding:2rem;display:flex}.pe-drop[data-v-c41e8ad7]:hover,.pe-drop[data-v-c41e8ad7]:focus-within{border-color:var(--accent);background:var(--tint-accent)}.pe-drop-icon[data-v-c41e8ad7]{border-radius:var(--radius-input);background:var(--tint-accent);width:3.5rem;height:3.5rem;color:var(--accent-ink);place-items:center;margin-bottom:.35rem;display:grid}.pe-drop strong[data-v-c41e8ad7]{color:var(--text);font-size:1rem}.pe-drop>span[data-v-c41e8ad7]:not(.pe-drop-icon):not(.pe-choose){color:var(--muted);font-size:.8125rem}.pe-choose[data-v-c41e8ad7],.pe-css-btn[data-v-c41e8ad7]{border-color:var(--accent);background:var(--accent);color:var(--accent-fg)}.pe-choose[data-v-c41e8ad7]{margin-top:.75rem;padding-inline:1rem}.pe-drop:hover .pe-choose[data-v-c41e8ad7],.pe-css-btn[data-v-c41e8ad7]:hover{border-color:var(--accent-hover);background:var(--accent-hover);color:var(--accent-fg)}.pe-workspace[data-v-c41e8ad7]{border-radius:var(--radius-card);grid-template-columns:minmax(0,.92fr) minmax(22rem,1.08fr);gap:1rem;display:grid}.pe-preview-card[data-v-c41e8ad7]{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--input);min-width:0;margin:0;overflow:hidden}.pe-preview-wrap[data-v-c41e8ad7]{background-image:repeating-conic-gradient(var(--border) 0% 25%, var(--surface) 0% 50%);background-size:18px 18px;place-items:center;min-height:29rem;padding:1rem;display:grid}.pe-preview[data-v-c41e8ad7]{border-radius:var(--radius-input);object-fit:contain;max-width:100%;max-height:31rem;box-shadow:var(--shadow-card);display:block}.pe-preview-meta[data-v-c41e8ad7]{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:.75rem;min-height:3.5rem;padding:.65rem .75rem;display:flex}.pe-filename[data-v-c41e8ad7]{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;overflow:hidden}.pe-change[data-v-c41e8ad7]{flex:none}.pe-result[data-v-c41e8ad7],.pe-loading[data-v-c41e8ad7]{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--elevated);min-width:0}.pe-result[data-v-c41e8ad7]{flex-direction:column;gap:.8rem;padding:.9rem;display:flex}.pe-result-head[data-v-c41e8ad7],.pe-color-primary[data-v-c41e8ad7]{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.pe-result-head>div[data-v-c41e8ad7]{flex-direction:column;gap:.15rem;display:flex}.pe-result-head span[data-v-c41e8ad7]{color:var(--faint);letter-spacing:.04em;text-transform:uppercase;font-size:.7rem;font-weight:700}.pe-result-head strong[data-v-c41e8ad7]{color:var(--text);font-size:1rem}.pe-strip[data-v-c41e8ad7]{border:1px solid var(--border-strong);border-radius:var(--radius-input);background:var(--surface);height:4.75rem;display:flex;overflow:hidden}.pe-strip span[data-v-c41e8ad7]{min-width:.5rem}.pe-colors[data-v-c41e8ad7]{flex-direction:column;gap:.45rem;display:flex}.pe-color[data-v-c41e8ad7]{border:1px solid var(--border);border-radius:var(--radius-input);background:var(--surface);grid-template-columns:3.5rem minmax(0,1fr) auto;align-items:center;gap:.65rem;min-width:0;padding:.45rem;display:grid}.pe-swatch[data-v-c41e8ad7]{border-radius:calc(var(--radius-input) - 2px);width:3.5rem;height:3.5rem;box-shadow:inset 0 0 0 1px color-mix(in srgb, currentColor 18%, transparent);place-items:center;display:grid}.pe-swatch span[data-v-c41e8ad7]{font-size:.75rem;font-weight:800}.pe-color-values[data-v-c41e8ad7]{min-width:0;color:var(--faint);flex-direction:column;gap:.1rem;font-size:.7rem;display:flex}.pe-color-primary code[data-v-c41e8ad7]{color:var(--text);font-size:.875rem;font-weight:700}.pe-color-primary span[data-v-c41e8ad7]{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.75rem}.pe-copy[data-v-c41e8ad7]{min-height:2.25rem;padding:.25rem .6rem}.pe-loading[data-v-c41e8ad7]{min-height:33.5rem;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex}.pe-loading strong[data-v-c41e8ad7]{color:var(--text)}.pe-loading span[data-v-c41e8ad7]:last-child{max-width:17rem;font-size:.8125rem}.pe-spinner[data-v-c41e8ad7]{border:3px solid var(--border-strong);border-top-color:var(--accent);border-radius:999px;width:2rem;height:2rem;margin-bottom:.4rem;animation:.75s linear infinite pe-spin-c41e8ad7}.pe-btn[data-v-c41e8ad7]:focus-visible,.pe-copy[data-v-c41e8ad7]:focus-visible,.pe-css-btn[data-v-c41e8ad7]:focus-visible,.pe-size select[data-v-c41e8ad7]:focus-visible,.pe-drop[data-v-c41e8ad7]:focus-within,.pe-change[data-v-c41e8ad7]:focus-within{outline:2px solid var(--accent);outline-offset:2px}@keyframes pe-spin-c41e8ad7{to{transform:rotate(360deg)}}@media (width<=800px){.pe-toolbar[data-v-c41e8ad7]{flex-wrap:wrap;padding-inline:1rem}.pe-summary[data-v-c41e8ad7]{flex-basis:100%;font-size:.875rem}.pe-controls[data-v-c41e8ad7]{flex-wrap:wrap;width:100%}.pe-size[data-v-c41e8ad7]{margin-right:auto}.pe-size>span[data-v-c41e8ad7]{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.pe-content[data-v-c41e8ad7]{padding:1rem}.pe-drop[data-v-c41e8ad7]{min-height:16rem}.pe-workspace[data-v-c41e8ad7]{grid-template-columns:1fr}.pe-preview-wrap[data-v-c41e8ad7]{min-height:15rem}.pe-preview[data-v-c41e8ad7]{max-height:22rem}.pe-loading[data-v-c41e8ad7]{min-height:20rem}}@media (width<=430px){.pe-color[data-v-c41e8ad7]{grid-template-columns:3rem minmax(0,1fr) auto;gap:.5rem}.pe-swatch[data-v-c41e8ad7]{width:3rem;height:3rem}.pe-copy[data-v-c41e8ad7]{padding-inline:.5rem}}@media (prefers-reduced-motion:reduce){.pe-spinner[data-v-c41e8ad7]{animation:none}}