.wrap.svelte-1vtk5ou{max-width:880px;margin:0 auto;padding:24px 32px 64px}.head.svelte-1vtk5ou{display:flex;justify-content:space-between;align-items:flex-end;margin:14px 0 16px}h1.svelte-1vtk5ou{margin:0;font-size:24px;letter-spacing:-.02em}.kind.svelte-1vtk5ou{margin:4px 0 0;font-family:var(--cm-font-mono);font-size:11px;text-transform:lowercase;color:var(--cm-text-mute)}.drop.svelte-1vtk5ou{border:1px dashed var(--cm-border);padding:32px 16px;text-align:center;background:var(--cm-surface)}.drop.svelte-1vtk5ou p:where(.svelte-1vtk5ou){margin:0;font-family:var(--cm-font-serif);color:var(--cm-text-dim)}.hint.svelte-1vtk5ou{font-size:12px;color:var(--cm-text-mute);margin-top:6px!important;font-family:var(--cm-font-sans)!important}.file-button.svelte-1vtk5ou{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:5px 12px;border:1px solid var(--cm-border);border-radius:var(--cm-radius-sm);cursor:pointer;font:inherit;font-size:12px;color:var(--cm-text)}.file-button.svelte-1vtk5ou:hover{border-color:var(--cm-accent-page);color:var(--cm-accent-page)}.file-button.svelte-1vtk5ou input:where(.svelte-1vtk5ou){display:none}.preview.svelte-1vtk5ou{margin:18px 0;text-align:center}.preview.svelte-1vtk5ou img:where(.svelte-1vtk5ou){max-width:100%;max-height:200px;border:1px solid var(--cm-border)}.preview.svelte-1vtk5ou figcaption:where(.svelte-1vtk5ou){font-family:var(--cm-font-mono);font-size:10px;color:var(--cm-text-mute);margin-top:4px}.result.svelte-1vtk5ou{margin-top:24px}.row.svelte-1vtk5ou{margin-bottom:12px}.row.svelte-1vtk5ou label:where(.svelte-1vtk5ou){display:inline-flex;gap:8px;align-items:center;font-family:var(--cm-font-mono);font-size:11px;color:var(--cm-text-dim)}.row.svelte-1vtk5ou input:where(.svelte-1vtk5ou){accent-color:var(--cm-accent-page);width:240px}.row.svelte-1vtk5ou output:where(.svelte-1vtk5ou){font-family:var(--cm-font-mono);font-size:11px;color:var(--cm-text)}.strip.svelte-1vtk5ou{display:flex;height:56px;border:1px solid var(--cm-border)}.strip.svelte-1vtk5ou span:where(.svelte-1vtk5ou){flex:1 1 0}.hex-list.svelte-1vtk5ou{margin-top:10px;display:flex;flex-wrap:wrap;gap:6px}.hex-list.svelte-1vtk5ou code:where(.svelte-1vtk5ou){font-family:var(--cm-font-mono);font-size:10px;background:var(--cm-surface);border:1px solid var(--cm-border-soft);padding:2px 6px;border-radius:3px;color:var(--cm-text)}.error.svelte-1vtk5ou{font-family:var(--cm-font-mono);color:var(--cm-danger)}