:root{color-scheme:light;--palette-blue-primary: #2563eb;--palette-blue-accent: #38bdf8;--palette-blue-primary-dark: #60a5fa;--palette-violet-primary: #7c3aed;--palette-violet-accent: #c084fc;--palette-violet-primary-dark: #a78bfa;--palette-emerald-primary: #047857;--palette-emerald-accent: #34d399;--palette-emerald-primary-dark: #34d399;--palette-teal-primary: #0f766e;--palette-teal-accent: #22d3ee;--palette-teal-primary-dark: #2dd4bf;--palette-orange-primary: #c2410c;--palette-orange-accent: #fdba74;--palette-orange-primary-dark: #fb923c;--palette-rose-primary: #be123c;--palette-rose-accent: #fda4af;--palette-rose-primary-dark: #fb7185;--palette-graphite-primary: #334155;--palette-graphite-accent: #94a3b8;--palette-graphite-primary-dark: #cbd5e1;--palette-sand-primary: #9a6b3f;--palette-sand-accent: #d6b98c;--palette-sand-primary-dark: #d6b98c;--color-bg: #f5f7fb;--color-bg-subtle: #edf1f7;--color-surface: #ffffff;--color-surface-elevated: #ffffff;--color-surface-muted: #edf1f7;--color-text-primary: #17202b;--color-text-secondary: #657181;--color-text-muted: #8b96a5;--color-text-inverse: #ffffff;--color-border: #dfe5ed;--color-border-strong: #b8c3d1;--color-primary: var(--palette-blue-primary);--color-primary-hover: #1d4ed8;--color-primary-pressed: #1e40af;--color-primary-soft: #e8f0ff;--color-primary-foreground: #ffffff;--color-accent: var(--color-primary);--color-accent-soft: var(--color-primary-soft);--color-focus-ring: #2563eb;--color-success: #16835b;--color-success-soft: #e8f7f0;--color-success-foreground: #166534;--color-warning: #9a6700;--color-warning-soft: #fff7df;--color-warning-foreground: #713f12;--color-error: #b42318;--color-error-soft: #fff0ee;--color-error-foreground: #991b1b;--color-info: #1d4ed8;--color-info-soft: #e8f0ff;--color-info-foreground: #1e3a8a;--color-overlay: rgb(16 24 40 / 48%);--brand-primary: #2563eb;--brand-accent: #8b5cf6;--brand-mark-background: #eef2ff;--component-button-primary-bg: var(--color-primary);--component-button-primary-hover: var(--color-primary-hover);--component-button-primary-pressed: var(--color-primary-pressed);--component-input-bg: var(--color-bg);--component-input-border: var(--color-border);--component-card-bg: var(--color-surface);--component-card-border: var(--color-border);--component-result-card-bg: var(--color-surface);--component-result-card-border: var(--color-border);--component-upload-bg: var(--color-surface-muted);--component-upload-border: var(--color-border);--component-button-secondary-bg: var(--color-surface-muted);--component-button-secondary-border: var(--color-border);--component-preset-bg: var(--color-surface);--component-preset-border: var(--color-border);--component-focus-ring: var(--color-focus-ring);--component-error-bg: var(--color-error-soft);--component-success-bg: var(--color-success-soft);--color-background: var(--color-bg);--color-surface-secondary: var(--color-surface-muted);--color-text-tertiary: var(--color-text-muted);--color-accent-hover: var(--color-primary-hover);--color-accent-pressed: var(--color-primary-pressed);--color-accent-contrast: var(--color-primary-foreground);--font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--type-display: clamp(2rem, 7vw, 3.25rem);--type-heading: 1.2rem;--type-section: 1rem;--type-control: 1rem;--type-body: 1rem;--type-body-small: .875rem;--type-caption: .75rem;--type-button: .95rem;--type-result-size: clamp(1.4rem, 5vw, 1.75rem);--type-icon: 1.5rem;--type-display-weight: 720;--type-heading-weight: 750;--type-section-weight: 700;--type-control-weight: 650;--type-body-line: 1.5;--type-caption-line: 1.45;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-tight: var(--space-2);--space-control: var(--space-3);--space-section: var(--space-4);--space-card: var(--space-5);--space-card-gap: var(--space-section);--radius-small: 10px;--radius-medium: 14px;--radius-large: 20px;--radius-xl: 28px;--radius-pill: 999px;--control-height-lg: 64px;--control-height-md: 48px;--control-height-sm: 44px;--button-height: 52px;--control-radius: 14px;--control-height: var(--control-height-md);--button-radius: var(--control-radius);--control-gap: var(--field-gap);--module-gap: var(--section-gap);--card-radius: 24px;--card-padding: clamp(var(--space-5), 5vw, var(--space-8));--control-padding-x: 16px;--control-padding-y: 12px;--section-gap: 24px;--field-gap: 12px;--page-gutter: clamp(16px, 4vw, 24px);--content-max-width: 720px;--shadow-small: 0 4px 14px rgb(27 43 64 / 6%);--shadow-medium: 0 18px 48px rgb(27 43 64 / 10%);--motion-fast: .15s ease;--motion-normal: .22s ease;font-family:var(--font-family)}:root[data-color-theme=blue][data-theme=light]{color-scheme:light;--color-bg: #f5f7fb;--color-bg-subtle: #edf1f7;--color-surface: #ffffff;--color-surface-elevated: #ffffff;--color-surface-muted: #edf1f7;--color-text-primary: #17202b;--color-text-secondary: #657181;--color-text-muted: #8b96a5;--color-text-inverse: #ffffff;--color-border: #dfe5ed;--color-border-strong: #b8c3d1;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-pressed: #1e40af;--color-primary-soft: #e8f0ff;--color-primary-foreground: #ffffff;--color-accent: #2563eb;--color-accent-soft: #e8f0ff;--color-focus-ring: #2563eb;--color-background: var(--color-bg);--color-surface-secondary: var(--color-surface-muted);--color-text-tertiary: var(--color-text-muted);--color-accent-hover: var(--color-primary-hover);--color-accent-pressed: var(--color-primary-pressed);--color-accent-contrast: var(--color-primary-foreground)}:root[data-color-theme=blue][data-appearance=dark],:root[data-color-theme=blue][data-theme=dark]{color-scheme:dark;--color-bg: #12161d;--color-bg-subtle: #18202a;--color-surface: #1b222c;--color-surface-elevated: #252f3d;--color-surface-muted: #252f3d;--color-text-primary: #f2f5f8;--color-text-secondary: #b1bbc8;--color-text-muted: #8793a2;--color-border: #354252;--color-border-strong: #526276;--color-primary: var(--palette-blue-primary-dark);--color-primary-hover: #93c5fd;--color-primary-pressed: #bfdbfe;--color-primary-soft: #233555;--color-primary-foreground: #101722;--color-accent: var(--color-primary);--color-accent-soft: var(--color-primary-soft);--color-focus-ring: #93c5fd;--color-success: #63d09d;--color-success-soft: #183c30;--color-success-foreground: #bbf7d0;--color-warning: #f1bd58;--color-warning-soft: #493819;--color-warning-foreground: #fef3c7;--color-error: #ff8b82;--color-error-soft: #482522;--color-error-foreground: #fee2e2;--color-info: #60a5fa;--color-info-soft: #233555;--color-info-foreground: #dbeafe;--color-overlay: rgb(0 0 0 / 60%);--brand-primary: #2563eb;--brand-accent: #8b5cf6;--brand-mark-background: #eef2ff;--shadow-small: 0 4px 14px rgb(0 0 0 / 18%);--shadow-medium: 0 18px 48px rgb(0 0 0 / 28%)}:root[data-color-theme=violet][data-theme=light],:root[data-color-theme=emerald][data-theme=light],:root[data-color-theme=teal][data-theme=light],:root[data-color-theme=orange][data-theme=light],:root[data-color-theme=rose][data-theme=light],:root[data-color-theme=graphite][data-theme=light],:root[data-color-theme=sand][data-theme=light]{color-scheme:light;--color-bg: #f8fafc;--color-bg-subtle: #f1f5f9;--color-surface: #ffffff;--color-surface-elevated: #ffffff;--color-surface-muted: #f1f5f9;--color-text-primary: #0f172a;--color-text-secondary: #475569;--color-text-muted: #64748b;--color-text-inverse: #ffffff;--color-border: #cbd5e1;--color-border-strong: #94a3b8;--color-success: #166534;--color-success-soft: #dcfce7;--color-success-foreground: #14532d;--color-warning: #a16207;--color-warning-soft: #fef3c7;--color-warning-foreground: #713f12;--color-error: #b91c1c;--color-error-soft: #fee2e2;--color-error-foreground: #7f1d1d;--color-info: #1d4ed8;--color-info-soft: #dbeafe;--color-info-foreground: #1e3a8a;--color-background: var(--color-bg);--color-surface-secondary: var(--color-surface-muted);--color-text-tertiary: var(--color-text-muted);--color-accent-contrast: var(--color-primary-foreground)}:root[data-color-theme=violet][data-theme=dark],:root[data-color-theme=emerald][data-theme=dark],:root[data-color-theme=teal][data-theme=dark],:root[data-color-theme=orange][data-theme=dark],:root[data-color-theme=rose][data-theme=dark],:root[data-color-theme=graphite][data-theme=dark],:root[data-color-theme=sand][data-theme=dark]{color-scheme:dark;--color-bg: #0b1220;--color-bg-subtle: #111827;--color-surface: #111827;--color-surface-elevated: #1f2937;--color-surface-muted: #1e293b;--color-text-primary: #f8fafc;--color-text-secondary: #cbd5e1;--color-text-muted: #94a3b8;--color-text-inverse: #0f172a;--color-border: #334155;--color-border-strong: #64748b;--color-success: #4ade80;--color-success-soft: #052e16;--color-success-foreground: #bbf7d0;--color-warning: #fbbf24;--color-warning-soft: #422006;--color-warning-foreground: #fef3c7;--color-error: #f87171;--color-error-soft: #450a0a;--color-error-foreground: #fee2e2;--color-info: #60a5fa;--color-info-soft: #0c4a6e;--color-info-foreground: #dbeafe;--color-background: var(--color-bg);--color-surface-secondary: var(--color-surface-muted);--color-text-tertiary: var(--color-text-muted);--color-accent-contrast: var(--color-primary-foreground);--color-overlay: rgb(0 0 0 / 60%);--shadow-small: 0 4px 14px rgb(0 0 0 / 18%);--shadow-medium: 0 18px 48px rgb(0 0 0 / 28%)}:root[data-color-theme=violet][data-theme=light]{--color-primary: #7c3aed;--color-primary-hover: #6d28d9;--color-primary-pressed: #5b21b6;--color-primary-soft: #ede9fe;--color-primary-foreground: #ffffff;--color-accent: #c084fc;--color-accent-soft: #f3e8ff;--color-focus-ring: #6d28d9}:root[data-color-theme=violet][data-theme=dark]{--color-primary: #a78bfa;--color-primary-hover: #c4b5fd;--color-primary-pressed: #8b5cf6;--color-primary-soft: #2e1065;--color-primary-foreground: #1e1b4b;--color-accent: #c084fc;--color-accent-soft: #3b1d63;--color-focus-ring: #c4b5fd}:root[data-color-theme=emerald][data-theme=light]{--color-primary: #047857;--color-primary-hover: #065f46;--color-primary-pressed: #064e3b;--color-primary-soft: #d1fae5;--color-primary-foreground: #ffffff;--color-accent: #34d399;--color-accent-soft: #d1fae5;--color-focus-ring: #047857}:root[data-color-theme=emerald][data-theme=dark]{--color-primary: #34d399;--color-primary-hover: #6ee7b7;--color-primary-pressed: #10b981;--color-primary-soft: #052e2b;--color-primary-foreground: #022c22;--color-accent: #34d399;--color-accent-soft: #073b35;--color-focus-ring: #6ee7b7}:root[data-color-theme=teal][data-theme=light]{--color-primary: #0f766e;--color-primary-hover: #115e59;--color-primary-pressed: #134e4a;--color-primary-soft: #ccfbf1;--color-primary-foreground: #ffffff;--color-accent: #22d3ee;--color-accent-soft: #cffafe;--color-focus-ring: #0f766e}:root[data-color-theme=teal][data-theme=dark]{--color-primary: #2dd4bf;--color-primary-hover: #5eead4;--color-primary-pressed: #14b8a6;--color-primary-soft: #083344;--color-primary-foreground: #042f2e;--color-accent: #22d3ee;--color-accent-soft: #164e63;--color-focus-ring: #5eead4}:root[data-color-theme=orange][data-theme=light]{--color-primary: #c2410c;--color-primary-hover: #9a3412;--color-primary-pressed: #7c2d12;--color-primary-soft: #ffedd5;--color-primary-foreground: #ffffff;--color-accent: #fdba74;--color-accent-soft: #ffedd5;--color-focus-ring: #c2410c}:root[data-color-theme=orange][data-theme=dark]{--color-primary: #fb923c;--color-primary-hover: #fdba74;--color-primary-pressed: #f97316;--color-primary-soft: #431407;--color-primary-foreground: #431407;--color-accent: #fdba74;--color-accent-soft: #542313;--color-focus-ring: #fdba74}:root[data-color-theme=rose][data-theme=light]{--color-primary: #be123c;--color-primary-hover: #9f1239;--color-primary-pressed: #881337;--color-primary-soft: #ffe4e6;--color-primary-foreground: #ffffff;--color-accent: #fda4af;--color-accent-soft: #ffe4e6;--color-focus-ring: #be123c}:root[data-color-theme=rose][data-theme=dark]{--color-primary: #fb7185;--color-primary-hover: #fda4af;--color-primary-pressed: #f43f5e;--color-primary-soft: #4c0519;--color-primary-foreground: #4c0519;--color-accent: #fda4af;--color-accent-soft: #5f1029;--color-focus-ring: #fda4af}:root[data-color-theme=graphite][data-theme=light]{--color-primary: #334155;--color-primary-hover: #1e293b;--color-primary-pressed: #0f172a;--color-primary-soft: #e2e8f0;--color-primary-foreground: #ffffff;--color-accent: #94a3b8;--color-accent-soft: #e2e8f0;--color-focus-ring: #334155}:root[data-color-theme=graphite][data-theme=dark]{--color-primary: #cbd5e1;--color-primary-hover: #e2e8f0;--color-primary-pressed: #94a3b8;--color-primary-soft: #1e293b;--color-primary-foreground: #0f172a;--color-accent: #94a3b8;--color-accent-soft: #334155;--color-focus-ring: #e2e8f0}:root[data-color-theme=sand][data-theme=light]{--color-primary: #9a6b3f;--color-primary-hover: #80552f;--color-primary-pressed: #684323;--color-primary-soft: #f5eadb;--color-primary-foreground: #ffffff;--color-accent: #d6b98c;--color-accent-soft: #f5eadb;--color-focus-ring: #80552f}:root[data-color-theme=sand][data-theme=dark]{--color-primary: #d6b98c;--color-primary-hover: #ead4ad;--color-primary-pressed: #c7a574;--color-primary-soft: #493b2b;--color-primary-foreground: #2a2118;--color-accent: #d6b98c;--color-accent-soft: #493b2b;--color-focus-ring: #ead4ad}:root[data-color-theme=blue][data-theme=light]{--color-bg: #f5f7fb;--color-bg-subtle: #edf1f7;--color-surface: #ffffff;--color-surface-elevated: #ffffff;--color-surface-muted: #edf1f7;--color-text-primary: #17202b;--color-text-secondary: #657181;--color-text-muted: #8b96a5;--color-text-inverse: #ffffff;--color-border: #dfe5ed;--color-border-strong: #b8c3d1}:root[data-color-theme=blue][data-theme=dark]{--color-bg: #12161d;--color-bg-subtle: #18202a;--color-surface: #1b222c;--color-surface-elevated: #252f3d;--color-surface-muted: #252f3d;--color-text-primary: #f2f5f8;--color-text-secondary: #b1bbc8;--color-text-muted: #8793a2;--color-text-inverse: #101722;--color-border: #354252;--color-border-strong: #526276}:root[data-color-theme=violet][data-theme=light]{--color-bg: #faf9ff;--color-bg-subtle: #f4f1fb;--color-surface: #ffffff;--color-surface-elevated: #ffffff;--color-surface-muted: #f1eff7;--color-text-primary: #191522;--color-text-secondary: #615b6e;--color-text-muted: #857d93;--color-text-inverse: #ffffff;--color-border: #ded8ea;--color-border-strong: #b9adcc}:root[data-color-theme=violet][data-theme=dark]{--color-bg: #100d19;--color-bg-subtle: #181323;--color-surface: #171321;--color-surface-elevated: #241d31;--color-surface-muted: #21192d;--color-text-primary: #f8f5ff;--color-text-secondary: #d6cde2;--color-text-muted: #a99bb7;--color-text-inverse: #20162c;--color-border: #3c324b;--color-border-strong: #665473}:root[data-color-theme=emerald][data-theme=light]{--color-bg: #f7fcf9;--color-bg-subtle: #eef8f2;--color-surface: #ffffff;--color-surface-elevated: #ffffff;--color-surface-muted: #edf6f0;--color-text-primary: #12231a;--color-text-secondary: #50685a;--color-text-muted: #71877a;--color-text-inverse: #ffffff;--color-border: #cfe2d5;--color-border-strong: #9fbea9}:root[data-color-theme=emerald][data-theme=dark]{--color-bg: #091510;--color-bg-subtle: #0f2018;--color-surface: #0e1c15;--color-surface-elevated: #183026;--color-surface-muted: #15291f;--color-text-primary: #f1fbf4;--color-text-secondary: #c6dfce;--color-text-muted: #91b09c;--color-text-inverse: #062016;--color-border: #2b4b3a;--color-border-strong: #47715a}:root[data-color-theme=teal][data-theme=light]{--color-bg: #f5fbfb;--color-bg-subtle: #eaf6f6;--color-surface: #ffffff;--color-surface-elevated: #ffffff;--color-surface-muted: #e9f3f3;--color-text-primary: #102523;--color-text-secondary: #4c6664;--color-text-muted: #708482;--color-text-inverse: #ffffff;--color-border: #c9dddd;--color-border-strong: #8eb6b6}:root[data-color-theme=teal][data-theme=dark]{--color-bg: #081719;--color-bg-subtle: #0e2326;--color-surface: #0d2023;--color-surface-elevated: #163238;--color-surface-muted: #123035;--color-text-primary: #effafa;--color-text-secondary: #c3dddd;--color-text-muted: #8fb5b5;--color-text-inverse: #062c2d;--color-border: #2a5255;--color-border-strong: #4b797c}:root[data-color-theme=orange][data-theme=light]{--color-bg: #fffbf7;--color-bg-subtle: #fff5eb;--color-surface: #ffffff;--color-surface-elevated: #ffffff;--color-surface-muted: #fff1e4;--color-text-primary: #2a1b12;--color-text-secondary: #6d5a4e;--color-text-muted: #8b7668;--color-text-inverse: #ffffff;--color-border: #ead7c4;--color-border-strong: #c9aa8b}:root[data-color-theme=orange][data-theme=dark]{--color-bg: #1a120d;--color-bg-subtle: #251913;--color-surface: #211710;--color-surface-elevated: #35261b;--color-surface-muted: #2d2016;--color-text-primary: #fff7ed;--color-text-secondary: #e4cfc0;--color-text-muted: #b99a84;--color-text-inverse: #3b1c0b;--color-border: #5a4332;--color-border-strong: #806149}:root[data-color-theme=rose][data-theme=light]{--color-bg: #fff9fa;--color-bg-subtle: #fff0f2;--color-surface: #ffffff;--color-surface-elevated: #ffffff;--color-surface-muted: #fbeff1;--color-text-primary: #2a161c;--color-text-secondary: #6e5660;--color-text-muted: #8f737e;--color-text-inverse: #ffffff;--color-border: #ead4d9;--color-border-strong: #c99da7}:root[data-color-theme=rose][data-theme=dark]{--color-bg: #1b0d13;--color-bg-subtle: #28121a;--color-surface: #241018;--color-surface-elevated: #3a1b25;--color-surface-muted: #321522;--color-text-primary: #fff1f3;--color-text-secondary: #e5cbd2;--color-text-muted: #bb9aa5;--color-text-inverse: #4c1020;--color-border: #5b3541;--color-border-strong: #845463}:root[data-color-theme=graphite][data-theme=light]{--color-bg: #f7f8fa;--color-bg-subtle: #f0f2f5;--color-surface: #ffffff;--color-surface-elevated: #ffffff;--color-surface-muted: #eef0f3;--color-text-primary: #17202b;--color-text-secondary: #53606f;--color-text-muted: #778391;--color-text-inverse: #ffffff;--color-border: #d1d6dd;--color-border-strong: #9ca6b3}:root[data-color-theme=graphite][data-theme=dark]{--color-bg: #101214;--color-bg-subtle: #181b20;--color-surface: #171a1f;--color-surface-elevated: #242931;--color-surface-muted: #20242a;--color-text-primary: #f3f5f7;--color-text-secondary: #c8d0d9;--color-text-muted: #98a4b1;--color-text-inverse: #111418;--color-border: #3b424c;--color-border-strong: #697583}:root[data-color-theme=sand][data-theme=light]{--color-bg: #fdfbf7;--color-bg-subtle: #f8f1e7;--color-surface: #fffdf9;--color-surface-elevated: #ffffff;--color-surface-muted: #f6eee2;--color-text-primary: #2b2118;--color-text-secondary: #6f5d4c;--color-text-muted: #907c68;--color-text-inverse: #ffffff;--color-border: #e6d7c5;--color-border-strong: #c8ae92}:root[data-color-theme=sand][data-theme=dark]{--color-bg: #19140f;--color-bg-subtle: #251d15;--color-surface: #211a13;--color-surface-elevated: #34281b;--color-surface-muted: #2d2218;--color-text-primary: #fff8ed;--color-text-secondary: #e2cdb7;--color-text-muted: #b69a7d;--color-text-inverse: #2a2118;--color-border: #594738;--color-border-strong: #806b55}:root[data-color-theme]{--component-input-bg: var(--color-bg-subtle);--component-input-border: var(--color-border);--component-card-bg: var(--color-surface);--component-card-border: var(--color-border);--component-result-card-bg: var(--color-surface);--component-result-card-border: var(--color-border);--component-upload-bg: var(--color-surface-muted);--component-upload-border: var(--color-border);--component-button-secondary-bg: var(--color-surface-muted);--component-button-secondary-border: var(--color-border)}:root[data-color-theme=blue][data-theme=light]{--color-bg: #f8fafc;--color-bg-subtle: #f1f5f9;--color-surface: #ffffff;--color-surface-elevated: #ffffff;--color-surface-muted: #eff6ff;--color-text-primary: #0f172a;--color-text-secondary: #64748b;--color-text-muted: #64748b;--color-text-inverse: #ffffff;--color-border: #cbd5e1;--color-border-strong: #94a3b8;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-pressed: #1e40af;--color-primary-soft: #eff6ff;--color-primary-foreground: #ffffff;--color-accent: #38bdf8;--color-accent-soft: #e0f2fe;--color-focus-ring: #2563eb}:root[data-color-theme=blue][data-theme=dark]{--color-bg: #08111f;--color-bg-subtle: #132033;--color-surface: #0d1726;--color-surface-elevated: #19283d;--color-surface-muted: #132033;--color-text-primary: #f1f5f9;--color-text-secondary: #a9b8ca;--color-text-muted: #a9b8ca;--color-text-inverse: #08111f;--color-border: #2b405a;--color-border-strong: #41627f;--color-primary: #60a5fa;--color-primary-hover: #93c5fd;--color-primary-pressed: #3b82f6;--color-primary-soft: #19304f;--color-primary-foreground: #08111f;--color-accent: #38bdf8;--color-accent-soft: #123b54;--color-focus-ring: #38bdf8}:root[data-color-theme=violet][data-theme=light]{--color-bg: #fafafc;--color-bg-subtle: #f7f5fb;--color-surface: #ffffff;--color-surface-elevated: #ffffff;--color-surface-muted: #f3eeff;--color-text-primary: #1f1b2d;--color-text-secondary: #6d667a;--color-text-muted: #6d667a;--color-text-inverse: #ffffff;--color-border: #d8d2e3;--color-border-strong: #b7aec8;--color-primary: #7c3aed;--color-primary-hover: #6d28d9;--color-primary-pressed: #5b21b6;--color-primary-soft: #f3eeff;--color-primary-foreground: #ffffff;--color-accent: #a78bfa;--color-accent-soft: #ede9fe;--color-focus-ring: #6d28d9}:root[data-color-theme=violet][data-theme=dark]{--color-bg: #100b19;--color-bg-subtle: #21172e;--color-surface: #171021;--color-surface-elevated: #2a1e3a;--color-surface-muted: #21172e;--color-text-primary: #f5f1fa;--color-text-secondary: #bdb1c9;--color-text-muted: #bdb1c9;--color-text-inverse: #100b19;--color-border: #49365f;--color-border-strong: #6d5685;--color-primary: #a78bfa;--color-primary-hover: #c4b5fd;--color-primary-pressed: #8b5cf6;--color-primary-soft: #2a1e3a;--color-primary-foreground: #24162f;--color-accent: #c084fc;--color-accent-soft: #3b2850;--color-focus-ring: #c084fc}:root[data-color-theme=emerald][data-theme=light]{--color-bg: #fafcfb;--color-bg-subtle: #f3f8f5;--color-surface: #ffffff;--color-surface-elevated: #ffffff;--color-surface-muted: #ecf8f2;--color-text-primary: #10251d;--color-text-secondary: #60736a;--color-text-muted: #60736a;--color-text-inverse: #ffffff;--color-border: #cddcd4;--color-border-strong: #9eb8aa;--color-primary: #047857;--color-primary-hover: #065f46;--color-primary-pressed: #064e3b;--color-primary-soft: #ecf8f2;--color-primary-foreground: #ffffff;--color-accent: #34d399;--color-accent-soft: #d1fae5;--color-focus-ring: #047857}:root[data-color-theme=emerald][data-theme=dark]{--color-bg: #071511;--color-bg-subtle: #112820;--color-surface: #0c1d17;--color-surface-elevated: #173329;--color-surface-muted: #112820;--color-text-primary: #effaf5;--color-text-secondary: #a7c4b7;--color-text-muted: #a7c4b7;--color-text-inverse: #071511;--color-border: #295344;--color-border-strong: #3f7961;--color-primary: #34d399;--color-primary-hover: #6ee7b7;--color-primary-pressed: #10b981;--color-primary-soft: #173329;--color-primary-foreground: #062016;--color-accent: #6ee7b7;--color-accent-soft: #174236;--color-focus-ring: #6ee7b7}:root[data-color-theme=teal][data-theme=light]{--color-bg: #fafcfc;--color-bg-subtle: #f1f8f7;--color-surface: #ffffff;--color-surface-elevated: #ffffff;--color-surface-muted: #eaf8f6;--color-text-primary: #102523;--color-text-secondary: #607471;--color-text-muted: #607471;--color-text-inverse: #ffffff;--color-border: #c9dcda;--color-border-strong: #91b6b3;--color-primary: #0f766e;--color-primary-hover: #115e59;--color-primary-pressed: #134e4a;--color-primary-soft: #eaf8f6;--color-primary-foreground: #ffffff;--color-accent: #2dd4bf;--color-accent-soft: #ccfbf1;--color-focus-ring: #0f766e}:root[data-color-theme=teal][data-theme=dark]{--color-bg: #061516;--color-bg-subtle: #102a2c;--color-surface: #0b1e20;--color-surface-elevated: #163638;--color-surface-muted: #102a2c;--color-text-primary: #effafa;--color-text-secondary: #a5c5c4;--color-text-muted: #a5c5c4;--color-text-inverse: #061516;--color-border: #28575a;--color-border-strong: #3b777b;--color-primary: #2dd4bf;--color-primary-hover: #5eead4;--color-primary-pressed: #14b8a6;--color-primary-soft: #163638;--color-primary-foreground: #062c2d;--color-accent: #67e8f9;--color-accent-soft: #123d44;--color-focus-ring: #67e8f9}:root[data-color-theme=orange][data-theme=light]{--color-bg: #fffcfa;--color-bg-subtle: #fcf6f1;--color-surface: #ffffff;--color-surface-elevated: #ffffff;--color-surface-muted: #fff1e8;--color-text-primary: #2a1b14;--color-text-secondary: #79675e;--color-text-muted: #79675e;--color-text-inverse: #ffffff;--color-border: #e5d3c6;--color-border-strong: #c4a795;--color-primary: #c2410c;--color-primary-hover: #9a3412;--color-primary-pressed: #7c2d12;--color-primary-soft: #fff1e8;--color-primary-foreground: #ffffff;--color-accent: #fb923c;--color-accent-soft: #ffedd5;--color-focus-ring: #c2410c}:root[data-color-theme=orange][data-theme=dark]{--color-bg: #170d08;--color-bg-subtle: #2c1a10;--color-surface: #21130c;--color-surface-elevated: #382216;--color-surface-muted: #2c1a10;--color-text-primary: #fff5ed;--color-text-secondary: #d4b6a2;--color-text-muted: #d4b6a2;--color-text-inverse: #170d08;--color-border: #65402b;--color-border-strong: #8a5a3c;--color-primary: #fb923c;--color-primary-hover: #fdba74;--color-primary-pressed: #f97316;--color-primary-soft: #382216;--color-primary-foreground: #3b1c0b;--color-accent: #fdba74;--color-accent-soft: #55301d;--color-focus-ring: #fdba74}:root[data-color-theme=rose][data-theme=light]{--color-bg: #fffbfc;--color-bg-subtle: #fcf4f6;--color-surface: #ffffff;--color-surface-elevated: #ffffff;--color-surface-muted: #fff0f3;--color-text-primary: #2b171d;--color-text-secondary: #79636a;--color-text-muted: #79636a;--color-text-inverse: #ffffff;--color-border: #e5cfd5;--color-border-strong: #c69ea9;--color-primary: #be123c;--color-primary-hover: #9f1239;--color-primary-pressed: #881337;--color-primary-soft: #fff0f3;--color-primary-foreground: #ffffff;--color-accent: #fb7185;--color-accent-soft: #ffe4e6;--color-focus-ring: #be123c}:root[data-color-theme=rose][data-theme=dark]{--color-bg: #18090f;--color-bg-subtle: #2d131d;--color-surface: #220e16;--color-surface-elevated: #391925;--color-surface-muted: #2d131d;--color-text-primary: #fff1f4;--color-text-secondary: #d6aeb9;--color-text-muted: #d6aeb9;--color-text-inverse: #18090f;--color-border: #653044;--color-border-strong: #8c4860;--color-primary: #fb7185;--color-primary-hover: #fda4af;--color-primary-pressed: #f43f5e;--color-primary-soft: #391925;--color-primary-foreground: #4c1020;--color-accent: #fda4af;--color-accent-soft: #5f2536;--color-focus-ring: #fda4af}:root[data-color-theme=graphite][data-theme=light]{--color-bg: #f8fafc;--color-bg-subtle: #f1f5f9;--color-surface: #ffffff;--color-surface-elevated: #ffffff;--color-surface-muted: #e9eef4;--color-text-primary: #0f172a;--color-text-secondary: #64748b;--color-text-muted: #64748b;--color-text-inverse: #ffffff;--color-border: #cbd5e1;--color-border-strong: #94a3b8;--color-primary: #334155;--color-primary-hover: #1e293b;--color-primary-pressed: #0f172a;--color-primary-soft: #e9eef4;--color-primary-foreground: #ffffff;--color-accent: #94a3b8;--color-accent-soft: #e2e8f0;--color-focus-ring: #334155}:root[data-color-theme=graphite][data-theme=dark]{--color-bg: #0b0e12;--color-bg-subtle: #18202a;--color-surface: #11161c;--color-surface-elevated: #202a35;--color-surface-muted: #18202a;--color-text-primary: #f8fafc;--color-text-secondary: #aab4c2;--color-text-muted: #aab4c2;--color-text-inverse: #0b0e12;--color-border: #3a4655;--color-border-strong: #59697a;--color-primary: #cbd5e1;--color-primary-hover: #e2e8f0;--color-primary-pressed: #94a3b8;--color-primary-soft: #202a35;--color-primary-foreground: #0b0e12;--color-accent: #94a3b8;--color-accent-soft: #26313e;--color-focus-ring: #94a3b8}:root[data-color-theme=sand][data-theme=light]{--color-bg: #fdfcf9;--color-bg-subtle: #f8f5ee;--color-surface: #ffffff;--color-surface-elevated: #ffffff;--color-surface-muted: #f4ecdd;--color-text-primary: #292219;--color-text-secondary: #756b5d;--color-text-muted: #756b5d;--color-text-inverse: #ffffff;--color-border: #ddd3c3;--color-border-strong: #b8a991;--color-primary: #8b653f;--color-primary-hover: #704d2e;--color-primary-pressed: #5b3d24;--color-primary-soft: #f4ecdd;--color-primary-foreground: #ffffff;--color-accent: #c7a66a;--color-accent-soft: #f1e2c6;--color-focus-ring: #704d2e}:root[data-color-theme=sand][data-theme=dark]{--color-bg: #15110b;--color-bg-subtle: #282116;--color-surface: #1d1810;--color-surface-elevated: #332a1d;--color-surface-muted: #282116;--color-text-primary: #fbf6ea;--color-text-secondary: #cbbea5;--color-text-muted: #cbbea5;--color-text-inverse: #15110b;--color-border: #5c4c35;--color-border-strong: #806b4e;--color-primary: #d6b77a;--color-primary-hover: #e7cc94;--color-primary-pressed: #b99658;--color-primary-soft: #332a1d;--color-primary-foreground: #2a2118;--color-accent: #e7cc94;--color-accent-soft: #4a3b25;--color-focus-ring: #e7cc94}:root[data-color-theme]{--component-input-bg: var(--color-bg-subtle);--component-input-border: var(--color-border);--component-card-bg: var(--color-surface);--component-card-border: var(--color-border);--component-result-card-bg: var(--color-surface);--component-result-card-border: var(--color-border);--component-upload-bg: var(--color-bg-subtle);--component-upload-border: var(--color-border);--component-button-secondary-bg: var(--color-surface-muted);--component-button-secondary-border: var(--color-border);--component-preset-bg: var(--color-surface);--component-preset-border: var(--color-border)}*{box-sizing:border-box}html{min-width:320px;background:var(--color-background)}body{margin:0;min-width:320px;background:var(--color-background);color:var(--color-text-primary);transition:background var(--motion-normal),color var(--motion-normal)}button,input,select{font:inherit}button,select{cursor:pointer}button{min-height:44px;border:0}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb,var(--component-focus-ring) 40%,transparent);outline-offset:2px}.app-shell{width:100%;margin:0 auto;padding:var(--space-5) 0 var(--space-5)}.content-shell{width:min(calc(100% - (2 * var(--page-gutter))),var(--content-max-width))}.app-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-4)}.brand{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text-primary);font-size:var(--type-heading);font-weight:var(--type-heading-weight);letter-spacing:-.03em;text-decoration:none}.brand-mark{display:grid;place-items:center;width:30px;height:30px;overflow:hidden;border-radius:var(--radius-small)}.brand-mark img{display:block;width:100%;height:100%}.header-actions{display:flex;grid-column:3;align-items:center;gap:var(--space-2)}.theme-picker{position:relative}.theme-picker>summary{min-height:44px;padding:0 var(--space-2);color:var(--color-text-secondary);border-radius:var(--radius-small);cursor:pointer;font-size:var(--type-caption);font-weight:700;line-height:44px;list-style:none}.theme-picker>summary::-webkit-details-marker{display:none}.theme-picker>summary:after{content:"⌄";margin-inline-start:var(--space-1)}.theme-picker[open]>summary,.theme-picker>summary:hover{color:var(--color-text-primary);background:var(--color-surface-muted)}.theme-picker-panel{position:absolute;z-index:20;top:calc(100% + var(--space-2));inset-inline-end:0;display:grid;gap:var(--space-3);width:min(320px,calc(100vw - 2 * var(--page-gutter)));padding:var(--space-3);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--control-radius);box-shadow:var(--shadow-medium)}.theme-picker-panel fieldset{display:grid;gap:var(--space-2);min-width:0;margin:0;padding:0;border:0}.theme-picker-panel legend{padding:0;color:var(--color-text-secondary);font-size:var(--type-caption);font-weight:700}.theme-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-1)}.theme-option,.appearance-option{display:grid;min-height:48px;place-items:center;gap:3px;padding:var(--space-1);color:var(--color-text-secondary);background:transparent;border:1px solid transparent;border-radius:var(--radius-small);font-size:.7rem;font-weight:650;text-align:center}.theme-option:hover,.appearance-option:hover,.theme-option.selected,.appearance-option.selected{color:var(--color-text-primary);background:var(--color-surface-muted);border-color:var(--color-border-strong)}.theme-option.selected,.appearance-option.selected{box-shadow:inset 0 0 0 2px var(--color-focus-ring)}.theme-swatch{display:inline-flex;width:34px;height:16px;overflow:hidden;border:1px solid var(--color-border-strong);border-radius:var(--radius-pill)}.theme-swatch span{flex:1;background:var(--swatch-primary)}.theme-swatch span+span{background:var(--swatch-accent)}.theme-option[data-theme-choice=blue]{--swatch-primary: #2563eb;--swatch-accent: #38bdf8}.theme-option[data-theme-choice=violet]{--swatch-primary: #7c3aed;--swatch-accent: #c084fc}.theme-option[data-theme-choice=emerald]{--swatch-primary: #047857;--swatch-accent: #34d399}.theme-option[data-theme-choice=teal]{--swatch-primary: #0f766e;--swatch-accent: #22d3ee}.theme-option[data-theme-choice=orange]{--swatch-primary: #c2410c;--swatch-accent: #fdba74}.theme-option[data-theme-choice=rose]{--swatch-primary: #be123c;--swatch-accent: #fda4af}.theme-option[data-theme-choice=graphite]{--swatch-primary: #334155;--swatch-accent: #94a3b8}.theme-option[data-theme-choice=sand]{--swatch-primary: #9a6b3f;--swatch-accent: #d6b98c}.appearance-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-1)}.language-picker{min-width:0}.language-picker select{width:min(104px,22vw);min-height:var(--control-height-sm);overflow:hidden;padding:0 var(--space-2);color:var(--color-text-secondary);background:transparent;border:1px solid transparent;border-radius:var(--radius-small);font-size:var(--type-caption);font-weight:700;text-overflow:ellipsis;white-space:nowrap}.language-picker select:hover{color:var(--color-text-primary);background:var(--color-surface-secondary)}.icon-button{display:grid;place-items:center;width:44px;height:44px;padding:0;color:var(--color-text-secondary);background:transparent;border-radius:var(--radius-pill);transition:background var(--motion-fast),color var(--motion-fast)}.icon-button:hover{color:var(--color-text-primary);background:var(--color-surface-secondary)}.icon-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.product-share-toast{position:fixed;z-index:10;right:max(var(--page-gutter),env(safe-area-inset-right));bottom:max(var(--space-5),env(safe-area-inset-bottom));left:max(var(--page-gutter),env(safe-area-inset-left));display:grid;gap:var(--space-2);max-width:var(--content-max-width);margin:0 auto;padding:var(--space-3) var(--space-4);color:var(--color-text-primary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--control-radius);box-shadow:var(--shadow-medium);font-size:var(--type-body-small)}.save-error-toast{position:fixed;z-index:11;right:max(var(--page-gutter),env(safe-area-inset-right));bottom:max(var(--space-5),env(safe-area-inset-bottom));left:max(var(--page-gutter),env(safe-area-inset-left));width:fit-content;max-width:calc(100% - 2 * var(--page-gutter));margin:0 auto;padding:var(--space-3) var(--space-4);color:var(--color-text-primary);background:var(--color-surface);border:1px solid color-mix(in srgb,var(--color-error) 35%,var(--color-border));border-radius:var(--control-radius);box-shadow:var(--shadow-medium);font-size:var(--type-body-small)}.product-share-url{overflow-wrap:anywhere;user-select:all;color:var(--color-text-secondary);font-family:var(--font-family);font-size:var(--type-caption)}main{display:grid;gap:var(--space-card-gap);padding-top:var(--space-section)}.hero{width:100%;margin:0;padding:var(--card-padding);text-align:center}.eyebrow{margin:0 0 var(--space-2);color:var(--color-accent);font-size:var(--type-caption);font-weight:var(--type-heading-weight);letter-spacing:.08em;text-transform:uppercase}h1{max-width:540px;margin:0 auto;font-size:var(--type-display);font-weight:var(--type-display-weight);line-height:1.08;letter-spacing:-.055em}.card{background:var(--component-card-bg);border:1px solid var(--component-card-border);border-radius:var(--card-radius);box-shadow:var(--shadow-small);transition:background var(--motion-normal),border-color var(--motion-normal),box-shadow var(--motion-normal)}.workflow-card,.batch-action,.result-card{padding:var(--card-padding)}.workflow-card{padding-block:var(--space-card)}.card-content{width:100%;min-width:0}.file-drop{display:flex;align-items:center;gap:var(--space-4);min-height:88px;padding:var(--space-5);background:var(--component-upload-bg);border:1px solid var(--component-upload-border);border-radius:var(--control-radius);cursor:pointer;transition:border-color var(--motion-fast),background var(--motion-fast),transform var(--motion-fast)}.file-drop:hover{border-color:var(--color-accent);background:var(--color-accent-soft)}.file-drop:active{transform:scale(.99)}.file-drop.disabled{cursor:not-allowed;opacity:.62}.file-drop.disabled:hover{border-color:var(--component-upload-border);background:var(--component-upload-bg)}.file-icon{display:grid;flex:0 0 48px;place-items:center;width:48px;height:48px;color:var(--color-accent);background:var(--color-accent-soft);border-radius:var(--control-radius)}.file-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6}.file-drop-copy{display:grid;gap:var(--space-1);min-width:0}.file-drop-copy strong{font-size:var(--type-section);font-weight:var(--type-section-weight)}.file-drop-copy small{color:var(--color-text-secondary);font-size:var(--type-body-small);line-height:var(--type-body-line)}.chevron{margin-inline-start:auto;color:var(--color-text-tertiary);font-size:var(--type-icon);line-height:1}.selection{margin-top:var(--space-section)}.selection-summary{display:flex;align-items:center;justify-content:space-between;gap:var(--field-gap);margin-bottom:var(--space-3);font-size:var(--type-body-small)}.selection-actions{display:inline-flex;align-items:center;gap:var(--space-3);min-width:0}.text-button{min-height:var(--control-height-sm);padding:0;color:var(--color-accent);background:transparent;font-size:var(--type-body-small);font-weight:650}.thumbs{display:flex;gap:var(--space-2);overflow:hidden}.selection-thumb{position:relative;flex:0 0 56px;width:56px;height:56px}.selection-thumb img{display:block;width:100%;height:100%;object-fit:cover;color:var(--color-text-secondary);background:var(--color-surface-secondary);border-radius:var(--radius-small)}.thumb-expand{display:grid;flex:0 0 56px;place-items:center;width:56px;height:56px;color:var(--color-text-secondary);background:var(--color-surface-secondary);border-radius:var(--radius-small);font-size:var(--type-body-small);font-weight:700}.thumbs.expanded{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));overflow:visible}.thumbs.expanded .selection-thumb{width:100%;height:auto;aspect-ratio:1}.thumb-remove{position:absolute;top:-6px;inset-inline-end:-6px;display:grid;width:24px;height:24px;min-height:24px;padding:0;place-items:center;color:var(--color-text-primary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:50%;font-size:16px;line-height:1}.target-block{margin-top:var(--space-section)}.field-label{display:block;margin-bottom:var(--space-control);color:var(--color-text-secondary);font-size:var(--type-body-small);font-weight:var(--type-section-weight)}.target-row{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1fr);gap:var(--field-gap);width:100%}.target-row input{width:100%;min-height:var(--control-height-lg);padding:0 var(--control-padding-x);color:var(--color-text-primary);background:var(--component-input-bg);border:1px solid var(--component-input-border);border-radius:var(--control-radius);font-size:2rem;font-weight:760;letter-spacing:-.05em}.target-row select{width:100%;min-height:var(--control-height-lg);padding:0 var(--control-padding-x);color:var(--color-text-primary);background:var(--component-input-bg);border:1px solid var(--component-input-border);border-radius:var(--control-radius);font-size:var(--type-control);font-weight:var(--type-section-weight)}.field-hint{margin:var(--space-tight) 0 0;color:var(--color-text-tertiary);font-size:var(--type-caption);line-height:var(--type-caption-line)}.quick-targets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--field-gap);width:100%;margin-top:var(--space-control)}.quick-targets button{width:100%;min-height:var(--control-height-sm);padding:0 var(--space-2);color:var(--color-text-secondary);background:var(--component-preset-bg);border:1px solid var(--component-preset-border);border-radius:var(--control-radius);font-size:var(--type-caption);font-weight:650;white-space:nowrap;transition:color var(--motion-fast),border-color var(--motion-fast),background var(--motion-fast)}.quick-targets button:hover{color:var(--color-accent);border-color:var(--color-accent);background:var(--color-accent-soft)}.options{width:100%;margin:var(--space-section) 0 var(--space-control);padding-top:var(--space-control);border-top:1px solid var(--color-border)}.options summary{color:var(--color-text-secondary);cursor:pointer;font-size:var(--type-body-small);font-weight:650}.option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--field-gap);width:100%;margin-top:var(--space-control)}.option-grid label{display:grid;gap:var(--space-2);min-width:0;color:var(--color-text-secondary);font-size:var(--type-caption);font-weight:650}.option-grid select{width:100%;min-height:var(--control-height-md);padding:0 var(--control-padding-x);color:var(--color-text-primary);background:var(--component-input-bg);border:1px solid var(--component-input-border);border-radius:var(--control-radius);font-size:var(--type-control);line-height:1.2}.metadata-option{align-content:start}.metadata-option-row{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-primary)}.metadata-option input{width:18px;height:18px;accent-color:var(--color-accent)}.metadata-option small{color:var(--color-text-tertiary);font-size:var(--type-caption);font-weight:500;line-height:var(--type-caption-line)}.primary,.secondary{width:100%;min-height:var(--button-height);padding:0 var(--space-5);border-radius:var(--control-radius);font-size:var(--type-button);font-weight:var(--type-heading-weight);transition:background var(--motion-fast),color var(--motion-fast),transform var(--motion-fast),box-shadow var(--motion-fast)}.primary{color:var(--color-primary-foreground);background:var(--component-button-primary-bg);box-shadow:0 6px 16px color-mix(in srgb,var(--component-button-primary-bg) 24%,transparent)}.primary:hover{background:var(--component-button-primary-hover);box-shadow:0 8px 20px color-mix(in srgb,var(--component-button-primary-bg) 30%,transparent)}.primary:active{background:var(--component-button-primary-pressed);transform:translateY(1px)}.secondary{color:var(--color-text-primary);background:var(--component-button-secondary-bg);border:1px solid var(--component-button-secondary-border)}.secondary:hover{border-color:var(--color-accent)}.status{display:flex;align-items:center;min-height:24px;margin-top:var(--space-3);color:var(--color-text-secondary);font-size:var(--type-body-small)}.spinner{display:inline-block;width:15px;height:15px;margin-right:var(--space-2);border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}.results{display:grid;gap:var(--space-4);width:100%}.results-grid{display:grid;align-items:start;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--field-gap);width:100%}.results-grid.single .result-card{grid-column:1 / -1}.results-grid .result-card[open]{grid-column:1 / -1;scroll-margin-top:var(--space-card)}.result-card[open]>.result-summary{display:none}.result-card[open]>.result-detail{margin-top:0}.result-card{align-self:start;height:auto;min-width:0;padding:var(--space-2)}.result-card>summary{list-style:none}.result-card>summary::-webkit-details-marker{display:none}.result-summary{display:grid;grid-template-rows:auto auto auto auto auto;align-content:start;gap:var(--space-1);width:100%;min-height:auto;color:var(--color-text-primary);cursor:pointer;text-align:left}.summary-preview{display:block;width:100%;aspect-ratio:1;object-fit:contain;background:var(--color-surface-secondary);border-radius:var(--radius-medium)}.summary-status{display:flex;align-items:center;min-height:0;color:var(--color-success);font-size:var(--type-caption);font-weight:750}.summary-status .success-mark{width:22px;height:22px;margin-right:var(--space-2);font-size:.7rem}.summary-size{display:block;color:var(--color-text-primary);font-size:var(--type-heading);font-weight:760;letter-spacing:-.04em}.summary-meta{display:block;overflow:hidden;color:var(--color-text-secondary);font-size:var(--type-caption);line-height:var(--type-caption-line);text-overflow:ellipsis;white-space:nowrap}.summary-filename,.result-filename{display:-webkit-box;overflow:hidden;color:var(--color-text-primary);font-size:var(--type-caption);line-height:var(--type-caption-line);overflow-wrap:anywhere;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3}.result-detail{margin-top:var(--space-5)}.detail-close{min-height:var(--control-height-sm);margin-bottom:var(--space-4)}.results-platform-hint{margin:0}.result-heading{display:flex;justify-content:space-between;gap:var(--space-4)}.result-heading strong{display:inline;font-size:var(--type-section);line-height:1.4}.result-heading p{margin:var(--space-3) 0 0}.size-summary{color:var(--color-text-primary);font-size:var(--type-result-size);font-weight:760;letter-spacing:-.04em}.size-summary span{color:var(--color-text-tertiary);padding:0 var(--space-1)}.success-mark{display:inline-grid;place-items:center;width:25px;height:25px;margin-right:var(--space-2);color:var(--color-surface);background:var(--color-success);border-radius:50%;font-size:.8rem}.result-pass{flex:0 0 auto;color:var(--color-success);font-size:var(--type-caption);font-weight:750}.result-filename-label{margin:var(--space-3) 0 0;color:var(--color-text-secondary);font-size:var(--type-caption)}.result-filename{margin:var(--space-1) 0 0}.result-detail .result-filename{display:block;overflow:visible;text-overflow:clip;-webkit-line-clamp:unset}.result-meta{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);margin:var(--space-5) 0 var(--space-4);color:var(--color-text-secondary);font-size:var(--type-caption)}.preview-switch{display:flex;gap:var(--space-1);margin-bottom:var(--space-2)}.preview-switch button{min-height:var(--control-height-sm);padding:0 var(--space-3);color:var(--color-text-tertiary);background:transparent;border-radius:var(--radius-small);font-size:var(--type-caption);font-weight:650}.preview-switch button.active{color:var(--color-text-primary);background:var(--color-surface-secondary)}.preview-frame{display:grid;place-items:center;min-height:190px;overflow:hidden;background:var(--color-surface-secondary);border-radius:var(--radius-medium)}.preview-frame img{display:block;width:100%;max-height:360px;object-fit:contain}.quiet-note{color:var(--color-text-secondary);font-size:var(--type-caption);line-height:var(--type-caption-line)}.platform-save-hint{width:100%;margin:var(--space-3) 0 0;color:var(--color-text-tertiary);font-size:var(--type-caption);line-height:var(--type-caption-line)}.result-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--field-gap);width:100%;margin-top:var(--space-5)}.batch-action{width:100%}.batch-action>div{width:100%}.batch-action .primary{width:100%}.failure{grid-column:1 / -1;color:var(--color-error);border-color:color-mix(in srgb,var(--color-error) 30%,var(--color-border));background:var(--color-error-soft)}.trust-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-2) var(--space-4);width:100%;margin-top:0;color:var(--color-text-tertiary);font-size:var(--type-caption);line-height:var(--type-caption-line)}.trust-footer svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6}.analytics-privacy{flex-basis:100%;text-align:center}.hidden,.sr-only{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}@media(max-width:560px){.option-grid,.result-actions{grid-template-columns:1fr}}@media(max-width:360px){.results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:360px){.language-picker select{width:76px}}[dir=rtl] .chevron{transform:scaleX(-1);margin-inline-start:0;margin-inline-end:auto}[dir=rtl] .theme-picker-panel{inset-inline-end:auto;inset-inline-start:0}[dir=rtl] .summary-filename,[dir=rtl] .result-filename{direction:ltr;unicode-bidi:plaintext;text-align:start}[dir=rtl] .summary-meta,[dir=rtl] .size-summary{direction:ltr;unicode-bidi:plaintext}.runtime-diagnostics{margin-top:1rem}.runtime-diagnostics h2{margin:0 0 .5rem;font-size:1rem}.diagnostics-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin:.75rem 0}.runtime-diagnostics pre{max-height:32rem;overflow:auto;padding:.75rem;border-radius:.75rem;background:var(--color-surface-secondary);color:var(--color-text-primary);font:.7rem/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.landing-hero-copy{display:grid;gap:var(--space-3)}.landing-hero-copy h1{margin:0}.landing-hero-copy>p:not(.eyebrow){max-width:38rem;margin:0;color:var(--color-text-secondary);font-size:clamp(1.05rem,2.5vw,1.2rem);line-height:1.55}.landing-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-4);margin-top:var(--space-2)}.landing-hero-actions span{color:var(--color-text-muted);font-size:var(--type-caption)}.seo-landing-content{display:grid;gap:var(--space-4);margin-top:var(--space-4)}.seo-section{padding:clamp(var(--space-5),4vw,var(--space-8));color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--card-radius)}.seo-section h2{margin:0 0 var(--space-3);color:var(--color-text-primary);font-size:clamp(1.15rem,3vw,1.45rem)}.seo-section p{margin:var(--space-3) 0 0;line-height:var(--type-body-line)}.seo-section p:first-of-type{margin-top:0}.seo-section ul,.seo-steps{display:grid;gap:var(--space-3);margin:0;padding-inline-start:1.25rem;line-height:var(--type-body-line)}.seo-steps{padding-inline-start:1.5rem}.seo-section li{padding-inline-start:var(--space-1)}.seo-faq{display:grid;gap:var(--space-2)}.seo-faq h2{margin-bottom:var(--space-2)}.seo-faq details{padding:var(--space-3) 0;border-top:1px solid var(--color-border)}.seo-faq summary{color:var(--color-text-primary);cursor:pointer;font-weight:700}.seo-faq details p{margin-top:var(--space-2)}.seo-privacy{background:var(--color-primary-soft);border-color:color-mix(in srgb,var(--color-primary) 20%,var(--color-border))}noscript .seo-landing-content{max-width:720px;margin:2rem auto;padding:0 1rem}@media(max-width:560px){.landing-hero-actions{align-items:stretch;flex-direction:column}.landing-hero-actions .primary{width:100%}}