.tool-page.svelte-1if3fa4{max-width:var(--content-max-width);margin:0 auto}.page-header.svelte-1if3fa4{margin-bottom:var(--space-10)}.eyebrow.svelte-1if3fa4{font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-accent);margin:0 0 var(--space-3)}.eyebrow.svelte-1if3fa4 a:where(.svelte-1if3fa4){color:var(--color-accent);text-decoration:none}.eyebrow.svelte-1if3fa4 a:where(.svelte-1if3fa4):hover{text-decoration:underline}h1.svelte-1if3fa4{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:500;color:var(--color-text-primary);margin:0 0 var(--space-4);letter-spacing:var(--tracking-tight)}.lede.svelte-1if3fa4{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text-secondary);max-width:60ch}.dropzone.svelte-1if3fa4{border:2px dashed var(--color-border-default);border-radius:var(--radius-lg);padding:var(--space-12) var(--space-6);text-align:center;cursor:pointer;transition:all var(--transition-base);margin-bottom:var(--space-6);background:transparent}.dropzone.active.svelte-1if3fa4{border-color:var(--color-accent);background:var(--color-accent-muted)}.dropzone.svelte-1if3fa4 p:where(.svelte-1if3fa4){margin:0;color:var(--color-text-secondary)}.dropzone.svelte-1if3fa4 .hint:where(.svelte-1if3fa4){font-size:var(--text-sm);color:var(--color-text-tertiary);margin-top:var(--space-2)}.file-list.svelte-1if3fa4{list-style:none;padding:0;margin:0 0 var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}.file-row.svelte-1if3fa4{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-md)}.thumb.svelte-1if3fa4{width:56px;height:56px;object-fit:cover;border-radius:var(--radius-sm)}.file-meta.svelte-1if3fa4{flex:1;min-width:0}.file-name.svelte-1if3fa4{margin:0;color:var(--color-text-primary);font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size.svelte-1if3fa4{margin:2px 0 0;color:var(--color-text-tertiary);font-size:var(--text-xs);font-family:var(--font-mono)}.reduced.svelte-1if3fa4{color:var(--color-green);margin-left:var(--space-2)}.remove.svelte-1if3fa4{background:none;border:none;color:var(--color-red);font-size:20px;cursor:pointer;padding:4px 8px}.controls.svelte-1if3fa4{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);padding:var(--space-5);background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-md)}.controls.svelte-1if3fa4 label:where(.svelte-1if3fa4){display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary)}.controls.svelte-1if3fa4 .quality:where(.svelte-1if3fa4){gap:var(--space-3)}.controls.svelte-1if3fa4 select:where(.svelte-1if3fa4),.controls.svelte-1if3fa4 input[type=range]:where(.svelte-1if3fa4){background:var(--color-bg-base);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);color:var(--color-text-primary);padding:4px 8px;font-size:var(--text-sm);accent-color:var(--color-accent)}.primary.svelte-1if3fa4{margin-left:auto;padding:10px 24px;background:var(--color-accent);color:var(--color-text-inverse);border:none;border-radius:var(--radius-sm);font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;cursor:pointer;transition:background var(--transition-fast)}.primary.svelte-1if3fa4:hover{background:var(--color-accent-hover)}.primary.svelte-1if3fa4:disabled{background:var(--color-bg-active);color:var(--color-text-tertiary);cursor:not-allowed}