:root{--brand-blue:#2563eb;--brand-green:#10b981;--brand-green-icon:#059669;--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-light:#dbeafe;--color-primary-subtle:#eff6ff;--color-success:#10b981;--color-success-hover:#059669;--color-success-light:#d1fae5;--color-success-subtle:#ecfdf5;--color-badge-local:#047857;--color-error:#ef4444;--color-error-hover:#dc2626;--color-error-light:#fee2e2;--color-error-subtle:#fef2f2;--color-error-solid:#dc2626;--color-error-solid-hover:#b91c1c;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--color-info:#8b5cf6;--color-info-light:#ede9fe;--icon-fav-bg:rgba(239,68,68,0.16);--icon-fav-fg:#ef4444;--icon-conv-bg:rgba(16,185,129,0.16);--icon-conv-fg:#10b981;--icon-upload-bg:rgba(37,99,235,0.16);--icon-upload-fg:#2563eb;--icon-member-bg:rgba(245,158,11,0.16);--icon-member-fg:#f59e0b;--color-text:#0f172a;--color-heading:#334155;--color-text-secondary:#475569;--color-text-muted:#64748b;--color-text-light:#94a3b8;--color-text-inverse:#fff;--select-chevron:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%2364748B'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M6%209l6%206%206-6'/%3E%3C/svg%3E");--color-bg:#fff;--color-bg-page:#f8fafc;--color-bg-raised:#fff;--color-bg-sunken:#f1f5f9;--color-border:#e2e8f0;--color-border-light:#f1f5f9;--color-border-focus:#2563eb;--font-sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,sans-serif;--font-mono:'SF Mono',SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace;--font-heading:'Inter',var(--font-sans);--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.65;--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-16:64px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--header-shadow:0 4px 12px rgba(15,23,42,0.18);--shadow-md:0 8px 20px -6px rgba(15,23,42,0.14),0 4px 8px -4px rgba(15,23,42,0.08);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.08),0 4px 6px -4px rgba(0,0,0,0.05);--wave-tint-blue:#6366f1;--wave-tint-green:#2dd4bf;--wave-band-opacity:.025;--stat-link-border:rgba(37,99,235,0.55);--shadow-brand-hover:-4px 2px 8px rgba(37,99,235,0.25),4px 2px 8px rgba(16,185,129,0.25);--shadow-brand-glow:-8px 4px 32px rgba(37,99,235,0.18),8px 4px 32px rgba(16,185,129,0.18);--hero-tile-top:#fff;--hero-tile-bottom:var(--color-bg-sunken);--hero-tile-border:var(--color-border);--hero-shadow-1:rgba(15,23,42,0.14);--hero-shadow-2:rgba(15,23,42,0.18);--hero-shadow-1-lg:rgba(15,23,42,0.22);--hero-shadow-2-lg:rgba(15,23,42,0.22);--transition-fast:150ms ease;--transition-base:200ms ease;--max-width:1200px;--max-width-content:800px;--header-height:56px;--ad-leaderboard-h:90px;--ad-rectangle-h:280px}@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/inter-latin.3100e775.woff2') format('woff2')}@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/inter-latin.3100e775.woff2') format('woff2')}@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--color-primary:#60a5fa;--color-primary-hover:#93c5fd;--color-primary-light:#1e3a5f;--color-primary-subtle:#172554;--color-success:#34d399;--color-success-hover:#6ee7b7;--color-success-light:#064e3b;--color-success-subtle:#022c22;--color-badge-local:#34d399;--color-error:#fca5a5;--color-error-hover:#f87171;--color-error-light:#450a0a;--color-error-solid:#dc2626;--color-error-solid-hover:#ef4444;--color-warning:#fbbf24;--color-warning-light:#451a03;--color-info:#a78bfa;--color-info-light:#2e1065;--color-text:#f4f4f5;--color-heading:#f4f4f5;--color-text-secondary:#d4d4d8;--color-text-muted:#a1a1aa;--color-text-light:#71717a;--color-bg:#18181b;--color-bg-page:#141414;--color-bg-raised:#27272a;--color-bg-sunken:#18181b;--color-border:#3f3f46;--color-border-light:#333338;--color-border-focus:#60a5fa;--shadow-sm:0 1px 2px rgba(0,0,0,0.3);--shadow-md:0 8px 20px -6px rgba(0,0,0,0.5),0 4px 8px -4px rgba(0,0,0,0.35);--shadow-lg:0 10px 15px rgba(0,0,0,0.5);--header-shadow:0 4px 14px rgba(0,0,0,0.55);--shadow-brand-hover:-4px 2px 10px rgba(96,165,250,0.3),4px 2px 10px rgba(52,211,153,0.3);--shadow-brand-glow:-8px 4px 36px rgba(96,165,250,0.22),8px 4px 36px rgba(52,211,153,0.22);--hero-tile-top:#52525b;--hero-tile-bottom:#3f3f46;--hero-tile-border:#71717a;--hero-shadow-1:rgba(0,0,0,0.5);--hero-shadow-2:rgba(0,0,0,0.45);--hero-shadow-1-lg:rgba(0,0,0,0.6);--hero-shadow-2-lg:rgba(0,0,0,0.55);--wave-tint-blue:#818cf8;--wave-tint-green:#5eead4;--wave-band-opacity:.11;--stat-link-border:rgba(96,165,250,0.6);--icon-fav-fg:#ff7a87;--icon-fav-bg:rgba(255,122,135,0.4);--icon-conv-fg:#4ade80;--icon-conv-bg:rgba(74,222,128,0.4);--icon-upload-fg:#7db8ff;--icon-upload-bg:rgba(125,184,255,0.4);--icon-member-fg:#fcd34d;--icon-member-bg:rgba(252,211,77,0.4);--empty-icon-opacity:.6;--select-chevron:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23A1A1AA'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M6%209l6%206%206-6'/%3E%3C/svg%3E")}}:root[data-theme="dark"]{--color-primary:#60a5fa;--color-primary-hover:#93c5fd;--color-primary-light:#1e3a5f;--color-primary-subtle:#172554;--color-success:#34d399;--color-success-hover:#6ee7b7;--color-success-light:#064e3b;--color-success-subtle:#022c22;--color-badge-local:#34d399;--color-error:#fca5a5;--color-error-hover:#f87171;--color-error-light:#450a0a;--color-error-solid:#dc2626;--color-error-solid-hover:#ef4444;--color-warning:#fbbf24;--color-warning-light:#451a03;--color-info:#a78bfa;--color-info-light:#2e1065;--color-text:#f4f4f5;--color-heading:#f4f4f5;--color-text-secondary:#d4d4d8;--color-text-muted:#a1a1aa;--color-text-light:#71717a;--color-bg:#18181b;--color-bg-page:#141414;--color-bg-raised:#27272a;--color-bg-sunken:#18181b;--color-border:#3f3f46;--color-border-light:#333338;--color-border-focus:#60a5fa;--shadow-sm:0 1px 2px rgba(0,0,0,0.3);--shadow-md:0 8px 20px -6px rgba(0,0,0,0.5),0 4px 8px -4px rgba(0,0,0,0.35);--shadow-lg:0 10px 15px rgba(0,0,0,0.5);--header-shadow:0 4px 14px rgba(0,0,0,0.55);--shadow-brand-hover:-4px 2px 10px rgba(96,165,250,0.3),4px 2px 10px rgba(52,211,153,0.3);--shadow-brand-glow:-8px 4px 36px rgba(96,165,250,0.22),8px 4px 36px rgba(52,211,153,0.22);--hero-tile-top:#52525b;--hero-tile-bottom:#3f3f46;--hero-tile-border:#71717a;--hero-shadow-1:rgba(0,0,0,0.5);--hero-shadow-2:rgba(0,0,0,0.45);--hero-shadow-1-lg:rgba(0,0,0,0.6);--hero-shadow-2-lg:rgba(0,0,0,0.55);--wave-tint-blue:#818cf8;--wave-tint-green:#5eead4;--wave-band-opacity:.11;--stat-link-border:rgba(96,165,250,0.6);--icon-fav-fg:#ff7a87;--icon-fav-bg:rgba(255,122,135,0.4);--icon-conv-fg:#4ade80;--icon-conv-bg:rgba(74,222,128,0.4);--icon-upload-fg:#7db8ff;--icon-upload-bg:rgba(125,184,255,0.4);--icon-member-fg:#fcd34d;--icon-member-bg:rgba(252,211,77,0.4);--empty-icon-opacity:.6;--select-chevron:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23A1A1AA'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M6%209l6%206%206-6'/%3E%3C/svg%3E")}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background:var(--color-bg-page);-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;min-height:100vh}main{flex:1}html{scroll-behavior:smooth}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:absolute;top:-40px;left:var(--space-4);z-index:200;background:var(--color-bg-raised);color:var(--color-text);border:1px solid var(--color-border);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium)}.skip-link:focus{top:var(--space-2)}.u-mt-3{margin-top:var(--space-3)}.u-mt-8{margin-top:var(--space-8)}.u-mb-8{margin-bottom:var(--space-8)}.sprite-hidden{position:absolute}.noscript-banner{background:#fef2f2;color:#991b1b;padding:1rem;text-align:center;font-family:system-ui}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-4)}.container--narrow{max-width:var(--max-width-content)}.page{padding-top:var(--space-8);padding-bottom:var(--space-10)}.page__title{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--weight-bold);margin-bottom:var(--space-2);color:var(--color-heading)}.page__desc{color:var(--color-text-muted);font-size:var(--text-lg);margin-bottom:var(--space-8)}.page__title--tight{margin-bottom:0}.page__tagline{color:var(--color-text-muted);font-size:var(--text-sm);margin-top:var(--space-1);margin-bottom:0}.header{background:var(--color-bg-raised);box-shadow:var(--header-shadow);height:var(--header-height);position:sticky;top:0;z-index:100;display:flex;align-items:center;padding:0 var(--space-6)}.header::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,var(--brand-blue),var(--brand-green))}.header__logo{display:flex;align-items:center;gap:var(--space-3);text-decoration:none}.header-logo__blue{fill:var(--color-primary)}.header-logo__green{fill:var(--color-success)}.header-logo__ink{fill:var(--color-text)}.header__nav{margin-left:auto;display:flex;gap:var(--space-5)}.header__nav a{color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);transition:color var(--transition-base)}.header__nav a:hover{color:var(--color-text);text-decoration:none}.tool-badge{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-3)}.tool-badge .badge--local,.tool-badge .badge--cloud{margin-top:0;align-self:center}.tool-badge__note{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast)}.tool-badge__note:hover{background:var(--color-bg-raised);border-color:var(--color-border);text-decoration:none;box-shadow:var(--shadow-brand-hover)}@media(prefers-reduced-motion:reduce){.tool-badge__note{transition:none}}.tool-badge__note-icon{width:12px;height:12px;flex-shrink:0}.tool-badge__note-chevron{width:12px;height:12px;flex-shrink:0;opacity:.55;transition:transform var(--transition-fast),opacity var(--transition-fast)}.tool-badge__note:hover .tool-badge__note-chevron{opacity:1;transform:translateX(2px)}.hero{background:var(--color-bg-raised);border-bottom:1px solid var(--color-border);text-align:center;padding:var(--space-6) var(--space-4)}.hero__title{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--weight-bold);margin-bottom:var(--space-4)}.hero__search{max-width:420px;margin:0 auto;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-base);width:100%;background:var(--color-bg);color:var(--color-text);outline:0;box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast)}.hero__link{text-decoration:underline;text-underline-offset:2px}.hero__link:hover{opacity:.85}.hero__subtitle{color:var(--color-text-muted);font-size:var(--text-base);margin:0}.hero__search:focus{border-color:var(--color-border-focus)}.section{padding:var(--space-8) 0;scroll-margin-top:var(--header-height)}.section__title{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--weight-bold);margin-bottom:var(--space-3);padding-left:var(--space-3)}.section__divider{height:2px;background:linear-gradient(90deg,var(--brand-blue),var(--brand-green),transparent);margin-bottom:var(--space-5)}.category-subhead{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.category-subhead__icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-full);flex:none}.category-subhead__icon svg{width:16px;height:16px}.category-subhead--converters .category-subhead__icon{background:var(--color-primary-subtle);color:var(--brand-blue)}.category-subhead--utilities .category-subhead__icon{background:var(--color-success-subtle);color:var(--color-badge-local)}.category-subhead__label{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-heading)}.category-subhead__count{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:var(--weight-semibold);margin-left:2px}.card-grid{display:grid;grid-template-columns:1fr;gap:var(--space-3)}.card{background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-4);text-align:center;font-weight:var(--weight-bold);font-size:var(--text-sm);color:var(--color-heading);box-shadow:var(--shadow-md);transition:box-shadow var(--transition-base),transform var(--transition-base);cursor:pointer;text-decoration:none;display:flex;flex-direction:column}.card:hover{transform:translateY(-2px);text-decoration:none}.card--centered{justify-content:center}.category__search{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-base);font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);outline:0;margin-bottom:var(--space-6);transition:border-color var(--transition-fast)}.category__search:focus{border-color:var(--color-border-focus)}.category__no-results{text-align:center;color:var(--color-text-muted);font-size:var(--text-sm);padding:var(--space-6) 0}.card-grid--lg{grid-template-columns:1fr;gap:var(--space-4)}.card--lg{padding:var(--space-6);text-align:left}.card--lg .card__desc{font-weight:var(--weight-normal);color:var(--color-text-muted);font-size:var(--text-xs);margin-top:var(--space-1)}.breadcrumb{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted);padding:var(--space-4) 0 var(--space-4)}.breadcrumb a{color:var(--color-text-muted)}.breadcrumb a:hover{color:var(--color-text);text-decoration:none}.breadcrumb span{margin:0 var(--space-1)}.breadcrumb__current{font-weight:var(--weight-semibold);color:var(--color-heading)}.reverse-link{display:block;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted);text-align:center;text-decoration:none;margin:var(--space-4) 0}.reverse-link:hover{color:var(--color-primary);text-decoration:none}.tool-panel{background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-6);margin:var(--space-4) 0 var(--space-6)}.tool-title-row .page__title{text-align:center}.tool-title-row ~ .page__tagline{text-align:center;margin-bottom:var(--space-5)}.upload-zone{border:2px dashed var(--color-text-light);border-radius:var(--radius-xl);background:var(--color-bg-page);padding:var(--space-12) var(--space-6);text-align:center;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast)}.upload-zone:hover{background:var(--color-primary-subtle)}.upload-zone--active{border-color:var(--color-primary);background:var(--color-primary-subtle)}.upload-zone--disabled{pointer-events:none}.upload-zone__text{font-size:var(--text-lg);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.upload-zone__hint{font-size:var(--text-sm);color:var(--color-text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-bold);padding:var(--space-3) var(--space-8);border-radius:var(--radius-lg);border:0;cursor:pointer;transition:box-shadow var(--transition-base),transform var(--transition-fast),filter var(--transition-fast),background var(--transition-fast)}.btn:active{transform:scale(0.98)}.btn--primary{background:linear-gradient(to right,var(--brand-blue),var(--brand-green));color:var(--color-text-inverse)}.btn--primary:hover{filter:brightness(1.1)}.btn--success{background:var(--color-success);color:var(--color-text-inverse)}.btn--success:hover{background:var(--color-success-hover)}.btn--secondary{background:var(--color-primary-subtle);color:var(--color-primary);border:1px solid var(--color-primary-light)}.btn--secondary:hover{background:var(--color-primary-light)}.btn--danger{background:var(--color-error-solid);color:#fff}.btn--danger:hover{background:var(--color-error-solid-hover)}.btn--ghost{background:transparent;color:var(--color-text);border:1px solid var(--color-border)}.btn--ghost:hover{background:var(--color-bg-sunken);border-color:var(--color-border-focus);box-shadow:var(--shadow-sm)}.btn--lg{font-size:var(--text-lg);padding:var(--space-4) var(--space-10)}.btn--sm{font-size:var(--text-sm);font-weight:var(--weight-medium);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-google{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);padding:10px 20px;background:#fff;color:#3c4043;border:1px solid #dadce0;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;text-decoration:none;box-shadow:0 1px 2px rgba(60,64,67,0.15);transition:background var(--transition-fast),box-shadow var(--transition-fast)}.btn-google:hover{background:#f8f9fa;box-shadow:0 1px 3px rgba(60,64,67,0.25);text-decoration:none}.btn-google:active{background:#f1f3f4}.btn-google__icon{width:18px;height:18px;flex-shrink:0}.btn__icon{width:16px;height:16px;flex-shrink:0}.progress{height:8px;background:var(--color-bg-sunken);border-radius:var(--radius-full);overflow:hidden;margin:var(--space-4) 0}.progress__fill{width:0;height:100%;background:linear-gradient(to right,var(--brand-blue),var(--brand-green));border-radius:var(--radius-full);transition:width 300ms ease}.progress__label{font-size:var(--text-sm);color:var(--color-text-muted);text-align:center;margin:calc(-1 * var(--space-3)) 0 var(--space-4)}.progress--indeterminate .progress__fill{width:40%;animation:progress-slide 1.2s ease-in-out infinite}@keyframes progress-slide{0%{transform:translateX(-100%)}100%{transform:translateX(350%)}}.result{background:var(--color-success-subtle);border:2px solid var(--color-success);border-radius:var(--radius-xl);padding:var(--space-6);margin-top:var(--space-6)}.result__title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-success);margin-bottom:var(--space-3)}.result__info{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.result__actions{margin-top:var(--space-4);display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}@media(max-width:480px){.result__actions .btn,.text-result__actions .btn{flex:1 1 100%}}.convert-action{text-align:center;margin:var(--space-10) 0}.cancel-action{text-align:center;margin:calc(-1 * var(--space-3)) 0 var(--space-4)}.error-msg{background:var(--color-error-subtle);border:1px solid var(--color-error-light);color:var(--color-error);border-radius:var(--radius-lg);padding:var(--space-4);font-size:var(--text-sm);margin-top:var(--space-4)}.error-msg--warning{border-color:var(--color-warning);background:var(--color-warning-light);color:var(--color-text)}.content-block{background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-4)}.content-block h2{font-size:var(--text-lg);margin-bottom:var(--space-3)}.content-block h3{font-size:var(--text-base);font-weight:var(--weight-semibold);margin-top:var(--space-4);margin-bottom:var(--space-1)}.content-block p{color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-2)}.content-block ul{color:var(--color-text-secondary);line-height:var(--leading-relaxed);padding-left:var(--space-6);margin-bottom:var(--space-3)}.content-block li{margin-bottom:var(--space-1)}.content-block table{display:block;overflow-x:auto;width:100%;border-collapse:collapse;margin:var(--space-3) 0;font-size:var(--text-sm)}.content-block th,.content-block td{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);text-align:left}.content-block th{background:var(--color-bg-sunken);font-weight:var(--weight-semibold)}@media(max-width:480px){.content-block th,.content-block td{padding:var(--space-2) var(--space-1)}}.content-block .eyebrow{font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);margin:var(--space-4) 0 var(--space-2)}.content-block .stat-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-2);margin:var(--space-2) 0 var(--space-4)}.content-block .stat-tile{display:flex;flex-direction:column;gap:var(--space-1);background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3)}.content-block .stat-tile__icon{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--color-primary-light);color:var(--color-primary-hover)}.content-block .stat-tile__icon svg{width:15px;height:15px}.content-block .stat-tile__label{font-weight:var(--weight-semibold);color:var(--color-text);font-size:var(--text-sm)}.content-block .stat-tile__sub{font-size:var(--text-xs);color:var(--color-text-muted)}.content-block .badge-row{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-2) 0 var(--space-3)}.content-block .badge{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-secondary);background:var(--color-bg-raised);border:1px solid var(--color-border);padding:2px var(--space-2);border-radius:var(--radius-sm)}.content-block .callout{display:flex;gap:var(--space-3);align-items:flex-start;background:var(--color-success-subtle);border:1px solid var(--color-success-light);border-left:3px solid var(--color-success);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-top:var(--space-3)}.content-block .callout svg{color:var(--color-success);flex-shrink:0;width:18px;height:18px;margin-top:2px}.content-block .callout p{margin:0}.content-block .callout p+p{margin-top:var(--space-2)}.content-block .callout strong{color:var(--color-text)}.content-block .table-scroll{overflow-x:auto;margin:var(--space-3) 0}.content-block .table-scroll table{display:table;overflow-x:visible;width:100%;margin:0}.content-block .table-scroll table.icon-table{table-layout:fixed}.content-block table.icon-table col:first-child{width:20%}.content-block table.icon-table th{background:var(--color-primary-subtle);color:var(--color-primary-hover)}.content-block table.icon-table td{background:var(--color-bg-raised)}.content-block table.icon-table td,.content-block table.icon-table th{min-height:58px;vertical-align:middle}.content-block table.icon-table .feature-cell{font-weight:var(--weight-semibold);color:var(--color-text)}.content-block table.icon-table .feature-cell__inner{display:flex;align-items:flex-start;gap:var(--space-2)}.content-block table.icon-table .feature-cell svg{color:var(--color-text-light);flex-shrink:0;width:15px;height:15px}@media(max-width:600px){.content-block .table-scroll:has(table.icon-table){overflow-x:visible}.content-block .table-scroll table.icon-table{display:block}.content-block table.icon-table tbody,.content-block table.icon-table tr,.content-block table.icon-table td,.content-block table.icon-table th{display:block;width:100%}.content-block table.icon-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.content-block table.icon-table tr{border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-3);overflow:hidden}.content-block table.icon-table tr:last-child{margin-bottom:0}.content-block table.icon-table td,.content-block table.icon-table th{border:0;border-bottom:1px solid var(--color-border-light);padding:var(--space-3) var(--space-4);min-height:0}.content-block table.icon-table td:last-child{border-bottom:0}.content-block table.icon-table .feature-cell{background:var(--color-primary-subtle)}.content-block table.icon-table td[data-label]::before{content:attr(data-label);display:block;font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-1)}}.content-block .panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-top:var(--space-2)}@media(max-width:540px){.content-block .panel-grid{grid-template-columns:1fr}}.content-block .panel{background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.content-block .panel--accent{border-top:3px solid var(--color-primary)}.content-block .panel__head{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.content-block .panel__icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);flex-shrink:0}.content-block .panel__icon svg{width:15px;height:15px}.content-block .panel--neutral .panel__icon{background:var(--color-border);color:var(--color-text-secondary)}.content-block .panel--accent .panel__icon{background:var(--color-primary-light);color:var(--color-primary-hover)}.content-block .panel h3{margin:0;font-size:var(--text-sm)}.content-block .panel p{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0 0 var(--space-2)}.content-block .panel ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.content-block .panel li{display:flex;align-items:flex-start;gap:var(--space-2);margin:0;font-size:var(--text-sm)}.content-block .panel li svg{flex-shrink:0;margin-top:3px;width:13px;height:13px}.content-block .panel--neutral li svg{color:var(--color-text-light)}.content-block .panel--accent li svg{color:var(--color-primary)}.content-block .scenario-list{margin-top:var(--space-2)}.content-block .scenario{display:flex;gap:var(--space-3);padding:var(--space-3) 0;border-top:1px solid var(--color-border-light)}.content-block .scenario:first-child{border-top:0;padding-top:0}.content-block .scenario__icon{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--color-primary-light);color:var(--color-primary-hover);display:flex;align-items:center;justify-content:center;flex-shrink:0}.content-block .scenario__icon svg{width:16px;height:16px}.content-block .scenario__body h3{margin:0 0 var(--space-1)}.content-block .scenario__body p{margin:0}.content-block--faq h3{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border-light)}.content-block--faq h3:first-of-type{margin-top:0;padding-top:0;border-top:0}.content-block--faq h3::before{content:"Q";flex-shrink:0;width:22px;height:22px;border-radius:var(--radius-sm);background:var(--color-primary-light);color:var(--color-primary-hover);font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--weight-bold);display:flex;align-items:center;justify-content:center}.content-block--faq h3+p{padding-left:calc(var(--space-6) + 6px)}#faq .content-block--faq{background:0;border:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media(max-width:640px){#faq .content-block--faq{grid-template-columns:1fr}}.faq-card{background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.related-tools{margin:var(--space-8) 0}.related-tools__title{font-size:var(--text-xl);font-weight:var(--weight-bold);margin-bottom:var(--space-4)}.feedback{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-4) 0 0;border-top:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-text-muted)}.feedback .btn{font-size:var(--text-sm);padding:var(--space-1) var(--space-4)}.feedback__buttons{display:flex;gap:var(--space-3)}.feedback__score{flex-basis:100%;margin:0;color:var(--color-text-muted);font-size:var(--text-sm)}.feedback__detail{flex-basis:100%;display:flex;flex-direction:column;gap:var(--space-2)}.feedback__detail-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text)}.feedback-text{width:100%;min-height:2.25rem;max-height:7.5rem;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text);background:var(--color-bg);resize:none;overflow-y:auto}.feedback-text:focus{outline:0;border-color:var(--color-border-focus)}#feedback-submit{align-self:flex-start}.feedback__detail-thanks{margin:0;color:var(--color-text-muted);font-size:var(--text-sm)}.adsbygoogle{display:block}.ad-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:var(--space-6) 0}.ad-slot--leaderboard{min-height:var(--ad-leaderboard-h);margin-bottom:var(--space-12)}.ad-slot--in-content{min-height:var(--ad-rectangle-h);margin-top:var(--space-12)}.ad-slot__label{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-2)}.footer{background:var(--color-bg-sunken);border-top:1px solid var(--color-border);text-align:center;padding:var(--space-2) var(--space-4);font-size:var(--text-xs);color:var(--color-text-muted)}.footer a{color:var(--color-text-muted)}.footer a:hover{color:var(--color-primary);text-decoration:none}.hidden{display:none !important}.file-info{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-top:var(--space-4);font-size:var(--text-sm)}.file-info__meta{min-width:0}.file-info__name{font-weight:var(--weight-semibold);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-info__size{color:var(--color-text-muted)}.file-info__remove{margin-left:auto;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:0;border:0;border-radius:var(--radius-full);color:var(--color-text-light);cursor:pointer;padding:0}.file-info__remove svg{width:16px;height:16px}.file-info__remove:hover{color:var(--color-error)}.file-info__remove:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.file-preview{width:48px;height:48px;border-radius:var(--radius-md);object-fit:cover;border:1px solid var(--color-border)}.image-cropper{margin-top:var(--space-4);text-align:center}.image-cropper__viewport{display:inline-block;max-width:100%;max-height:480px;overflow:auto;border-radius:var(--radius-md);border:1px solid var(--color-border)}.image-cropper__viewport,.text-input-area,.text-output-area,.diff-report{scrollbar-width:thin;scrollbar-color:var(--brand-blue) transparent}.image-cropper__viewport::-webkit-scrollbar,.text-input-area::-webkit-scrollbar,.text-output-area::-webkit-scrollbar,.diff-report::-webkit-scrollbar{width:8px;height:8px}.image-cropper__viewport::-webkit-scrollbar-track,.text-input-area::-webkit-scrollbar-track,.text-output-area::-webkit-scrollbar-track,.diff-report::-webkit-scrollbar-track{background:transparent}.image-cropper__viewport::-webkit-scrollbar-thumb,.text-input-area::-webkit-scrollbar-thumb,.text-output-area::-webkit-scrollbar-thumb,.diff-report::-webkit-scrollbar-thumb{background-image:linear-gradient(180deg,var(--brand-blue),var(--brand-green));border-radius:var(--radius-full);border:2px solid var(--color-bg-raised);background-clip:padding-box}.image-cropper__viewport::-webkit-scrollbar-corner,.text-input-area::-webkit-scrollbar-corner,.text-output-area::-webkit-scrollbar-corner,.diff-report::-webkit-scrollbar-corner{background:transparent}.image-cropper__canvas{display:block;cursor:default;touch-action:none}.image-cropper__canvas--fit{max-width:100%;height:auto}.image-cropper__toolbar{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);margin-top:var(--space-3)}.image-cropper__dims{font-size:var(--text-sm);color:var(--color-text-muted);font-variant-numeric:tabular-nums;text-align:center}.image-cropper__controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-3)}.image-cropper__ratios{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.image-cropper__ratio-btn{padding:4px 10px;font-size:var(--text-sm);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:transparent;color:var(--color-text-secondary);cursor:pointer;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base),border-color var(--transition-base),color var(--transition-base),background var(--transition-base)}.image-cropper__ratio-btn:hover,.image-cropper__ratio-btn:focus-visible{border-color:var(--color-primary);color:var(--color-primary);box-shadow:var(--shadow-brand-hover)}.image-cropper__ratio-btn.is-active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-brand-hover)}.image-cropper__zoom{display:flex;align-items:center;gap:var(--space-2)}.image-cropper__zoom-btn{width:26px;height:26px;line-height:1;font-size:var(--text-base);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:transparent;color:var(--color-text-secondary);cursor:pointer;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base),border-color var(--transition-base),color var(--transition-base)}.image-cropper__zoom-btn:hover:not(:disabled),.image-cropper__zoom-btn:focus-visible:not(:disabled){border-color:var(--color-primary);color:var(--color-primary);box-shadow:var(--shadow-brand-hover)}.image-cropper__zoom-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.image-cropper__zoom-label{min-width:3.5em;text-align:center;font-size:var(--text-sm);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.image-cropper__hint{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted)}.image-rotate-flip{margin-top:var(--space-4);text-align:center}.image-rotate-flip__canvas{display:block;margin:0 auto;max-width:100%;height:auto;max-height:480px;border-radius:var(--radius-md);border:1px solid var(--color-border)}.image-rotate-flip__dims{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.image-resizer{margin-top:var(--space-4);text-align:center}.image-resizer__canvas{display:block;margin:0 auto;max-width:100%;height:auto;max-height:480px;border-radius:var(--radius-md);border:1px solid var(--color-border)}.image-resizer__toolbar{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);margin-top:var(--space-3)}.image-resizer__dims{font-size:var(--text-sm);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.image-resizer__lock{padding:4px 12px;font-size:var(--text-sm);border-radius:var(--radius-full);border:1px solid var(--color-border);background:transparent;color:var(--color-text-secondary);cursor:pointer;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base),border-color var(--transition-base),color var(--transition-base),background var(--transition-base)}.image-resizer__lock:hover,.image-resizer__lock:focus-visible{border-color:var(--color-primary);color:var(--color-primary);box-shadow:var(--shadow-brand-hover)}.image-resizer__lock.is-active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-brand-hover)}.image-resizer__unit-group{display:flex;gap:var(--space-2)}.image-resizer__warn{margin-top:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-warning);background:var(--color-warning-light);color:var(--color-warning);font-size:var(--text-sm)}.image-compress-preview{margin-top:var(--space-4);text-align:center}.image-compress-preview__img{display:block;margin:0 auto;max-width:100%;max-height:480px;border-radius:var(--radius-md);border:1px solid var(--color-border)}.image-compress-preview__status{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.file-estimate-list{margin-top:var(--space-4)}.file-estimate-list{max-height:320px;overflow-y:auto;padding:var(--space-1);scrollbar-width:thin;scrollbar-color:var(--brand-blue) transparent}.file-estimate-list::-webkit-scrollbar{width:8px}.file-estimate-list::-webkit-scrollbar-track{background:transparent}.file-estimate-list::-webkit-scrollbar-thumb{background-image:linear-gradient(180deg,var(--brand-blue),var(--brand-green));border-radius:var(--radius-full);border:2px solid var(--color-bg-raised);background-clip:padding-box}.file-estimate-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-2);font-size:var(--text-sm)}.file-estimate-row__meta{flex:1;min-width:0}.file-estimate-row__name{font-weight:var(--weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-estimate-row__status{color:var(--color-text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.file-estimate-row__remove{background:0;border:0;color:var(--color-text-light);cursor:pointer;font-size:var(--text-lg);padding:0;line-height:1;flex-shrink:0}.file-estimate-row__remove:hover{color:var(--color-error)}.page-grid{margin-top:var(--space-4)}.page-grid__loading{padding:var(--space-6) 0;text-align:center;color:var(--color-text-muted);font-size:var(--text-sm)}.page-grid__status{margin-bottom:var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary);font-variant-numeric:tabular-nums;text-align:center}.page-grid__list{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;max-height:520px;overflow-y:auto;padding:var(--space-2)}.page-grid__list{scrollbar-width:thin;scrollbar-color:var(--brand-blue) transparent}.page-grid__list::-webkit-scrollbar{width:8px}.page-grid__list::-webkit-scrollbar-track{background:transparent}.page-grid__list::-webkit-scrollbar-thumb{background-image:linear-gradient(180deg,var(--brand-blue),var(--brand-green));border-radius:var(--radius-full);border:2px solid var(--color-bg-raised);background-clip:padding-box}.page-grid__tile{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);width:120px;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-raised);cursor:pointer;touch-action:none;transition:border-color var(--transition-base),box-shadow var(--transition-base),opacity var(--transition-base)}.page-grid__tile:hover,.page-grid__tile:focus-visible{border-color:var(--color-primary);box-shadow:var(--shadow-brand-hover);outline:0}.page-grid__tile.is-dragging{opacity:.5}.page-grid__tile--preview,.page-grid__tile--rotate{cursor:default;touch-action:auto;position:relative}.page-grid__tile--preview:hover,.page-grid__tile--rotate:hover{border-color:var(--color-border);box-shadow:none}.page-grid__cut-toggle{position:absolute;top:50%;right:-9px;transform:translateY(-50%);width:18px;height:18px;padding:0;border:2px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-bg-raised);cursor:pointer;z-index:1}.page-grid__cut-toggle:hover,.page-grid__cut-toggle:focus-visible{border-color:var(--color-primary);outline:0}.page-grid__cut-toggle.is-active{border-color:var(--color-primary);background:var(--color-primary)}.page-grid__split-modes{display:flex;justify-content:center;gap:var(--space-2);margin-top:var(--space-3)}.page-grid__split-mode-btn{padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-bg-raised);color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;transition:border-color var(--transition-base),color var(--transition-base),background var(--transition-base)}.page-grid__split-mode-btn.is-active{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-bg)}.page-grid__tile-canvas-wrap{position:relative;width:100%;border-radius:var(--radius-sm);overflow:hidden;background:var(--color-bg);aspect-ratio:3 / 4}.page-grid__tile--rotate .page-grid__tile-canvas-wrap{overflow:visible}.page-grid__tile-canvas{display:block;width:100%;height:100%;object-fit:contain;transition:transform var(--transition-base)}.page-grid__tile-check{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:var(--radius-full);background:var(--color-primary);opacity:0;transform:scale(0.6);transition:opacity var(--transition-fast),transform var(--transition-fast)}.page-grid__tile--remove .page-grid__tile-check{background:var(--color-error-solid)}.page-grid__tile--extract .page-grid__tile-check{background:var(--color-success)}.page-grid__tile-check::after{content:"";position:absolute;left:7px;top:4px;width:6px;height:10px;border:solid #fff;border-width:0 2px 2px 0;border-radius:1px;transform:rotate(45deg)}.page-grid__tile.is-marked{border-color:var(--color-primary);box-shadow:var(--shadow-brand-hover)}.page-grid__tile.is-marked .page-grid__tile-check{opacity:1;transform:scale(1)}.page-grid__tile-label{font-size:var(--text-sm);color:var(--color-text-muted);font-variant-numeric:tabular-nums;text-align:center}.page-grid__hint{margin-top:var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted);text-align:center}.page-grid__pager{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3);font-size:var(--text-sm)}.page-grid__pager-btn{padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-bg-raised);color:var(--color-text-secondary);cursor:pointer;transition:border-color var(--transition-base),color var(--transition-base)}.page-grid__pager-btn:hover:not(:disabled),.page-grid__pager-btn:focus-visible{border-color:var(--color-primary);color:var(--color-primary);outline:0}.page-grid__pager-btn:disabled{opacity:.4;cursor:default}.page-grid__pager-pills{display:flex;align-items:center;gap:var(--space-1)}.page-grid__pager-pill{min-width:1.75em;height:1.75em;padding:0 var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-bg-raised);color:var(--color-text-secondary);font-size:var(--text-xs);font-variant-numeric:tabular-nums;cursor:pointer;transition:border-color var(--transition-base),color var(--transition-base),background var(--transition-base)}.page-grid__pager-pill:hover,.page-grid__pager-pill:focus-visible{border-color:var(--color-primary);outline:0}.page-grid__pager-pill.is-active{border-color:var(--color-primary);color:var(--color-text-inverse);background:var(--color-primary)}.page-grid__pager-ellipsis{color:var(--color-text-light);padding:0 var(--space-1)}.page-grid__pager-jump{display:flex;align-items:center;gap:var(--space-1);color:var(--color-text-secondary)}.page-grid__pager-jump-input{width:3.5em;padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font-variant-numeric:tabular-nums}.page-grid__pager-range{color:var(--color-text-muted);font-variant-numeric:tabular-nums}.page-proof{margin-top:var(--space-4);text-align:center}.page-proof__loading{padding:var(--space-6) 0;color:var(--color-text-muted);font-size:var(--text-sm)}.page-proof__viewport{display:inline-block;max-width:100%;border-radius:var(--radius-md);border:1px solid var(--color-border)}.page-proof__canvas{display:block;max-width:100%;height:auto;touch-action:none}.page-proof__canvas--draggable{cursor:move}.page-proof__canvas:focus-visible{outline:0;box-shadow:0 0 0 3px var(--color-border-focus);border-radius:var(--radius-sm)}.page-proof__hint{margin-top:var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted);text-align:center}.privacy-section{margin-bottom:var(--space-8)}.privacy-section h2{font-size:var(--text-xl);font-weight:var(--weight-bold);margin-bottom:var(--space-3)}.privacy-section h3{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin-top:var(--space-4);margin-bottom:var(--space-2)}.privacy-section p{color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-3)}.privacy-section ul{color:var(--color-text-secondary);line-height:var(--leading-relaxed);padding-left:var(--space-6);margin-bottom:var(--space-3)}.privacy-section li{margin-bottom:var(--space-1)}.privacy-section a{color:var(--color-text-secondary);text-decoration:underline;text-underline-offset:2px}.privacy-section a:hover{color:var(--color-primary)}.about-credit{position:relative;overflow:hidden;margin-top:var(--space-8);padding:var(--space-8) var(--space-6) var(--space-8) var(--space-8);background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.about-credit::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--brand-blue),var(--brand-green))}.about-credit .privacy-section h2{color:var(--color-heading)}.about-credit .privacy-section{margin-bottom:0}.about-credit__byline{font-size:var(--text-base);margin-bottom:var(--space-3)}.about-credit__byline strong{font-weight:var(--weight-semibold);color:var(--color-heading)}.about-credit__byline .sep{color:var(--color-text-light);margin:0 var(--space-2)}.about-credit__byline .role{font-size:var(--text-sm);font-weight:var(--weight-normal);color:var(--color-text-muted)}.about-credit .about-credit__link{display:inline-flex;align-items:center;gap:var(--space-1);margin-top:var(--space-3);padding:var(--space-2) var(--space-4);border:1px solid var(--color-primary);border-radius:var(--radius-full);color:var(--color-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold);text-decoration:none;transition:box-shadow var(--transition-fast),transform var(--transition-fast)}.about-credit .about-credit__link:hover{box-shadow:var(--shadow-brand-hover);transform:translateY(-1px);text-decoration:none}.about-credit .about-credit__link:active{transform:translateY(0) scale(0.98)}.about-credit .about-credit__link-arrow{display:inline-block;transition:transform var(--transition-fast)}.about-credit .about-credit__link:hover .about-credit__link-arrow{transform:translate(2px,-2px)}@media(prefers-reduced-motion:reduce){.about-credit .about-credit__link{transition:none}.about-credit .about-credit__link:hover{transform:none}.about-credit .about-credit__link-arrow{transition:none}}@media(max-width:480px){.about-credit__byline .sep{display:none}.about-credit__byline .role{display:block;margin-top:var(--space-1)}}.contact-form{display:flex;flex-direction:column;gap:var(--space-5);margin-bottom:var(--space-8)}.contact-form__field{display:flex;flex-direction:column;gap:var(--space-2)}.contact-form__label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text)}.contact-form__hint{font-weight:var(--weight-normal);color:var(--color-text-muted)}.contact-form__input,.contact-form__textarea{width:100%;padding:var(--space-3) var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-lg);font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg);outline:0;transition:border-color var(--transition-fast)}.contact-form__textarea{resize:vertical;min-height:140px;line-height:var(--leading-relaxed)}.contact-form__input:focus,.contact-form__textarea:focus{border-color:var(--color-border-focus)}.contact-form__input::placeholder,.contact-form__textarea::placeholder{color:var(--color-text-light)}.contact-form #contact-submit{align-self:flex-start}.contact-form__status{font-size:var(--text-sm);min-height:1.25em}.contact-form__status--success{color:var(--color-success)}.contact-form__status--error{color:var(--color-error-solid)}.contact-form__fallback{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-8)}.contact-form__fallback a{color:var(--color-text-muted);text-decoration:underline;text-underline-offset:2px}.contact-form__fallback a:hover{color:var(--color-primary)}.contact-form__hp{display:none}.not-found{text-align:center;padding:var(--space-16) var(--space-4)}.not-found__code{font-size:4rem;font-weight:var(--weight-bold);color:var(--color-text-light);margin-bottom:var(--space-2)}.not-found__title{font-size:var(--text-2xl);font-weight:var(--weight-bold);margin-bottom:var(--space-3)}.not-found__text{color:var(--color-text-muted);margin-bottom:var(--space-6)}.not-found__categories{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);margin-top:var(--space-6)}.text-brand-blue{color:var(--color-primary)}.text-brand-green{color:var(--color-success)}.hero__search,.category__search,.card,.upload-zone,.text-input-area,.text-output-area{transition:box-shadow var(--transition-base),transform var(--transition-base)}.btn:hover,.hero__search:focus,.category__search:focus,.card:hover,.upload-zone:hover,.text-input-area:focus,.text-output-area:focus{box-shadow:var(--shadow-brand-hover)}.btn:disabled:hover{box-shadow:none}.text-input-area{width:100%;min-height:200px;max-height:500px;padding:var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-lg);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text);background:var(--color-bg);resize:vertical;outline:0;transition:border-color var(--transition-fast)}.text-input-area:focus{border-color:var(--color-border-focus)}.text-input-area::placeholder{color:var(--color-text-light);font-family:var(--font-sans)}.text-input-number{width:auto;min-width:120px;max-width:200px;padding:var(--space-3) var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-lg);font-family:var(--font-mono);font-size:var(--text-xl);text-align:center;color:var(--color-text);background:var(--color-bg);outline:0;transition:border-color var(--transition-fast)}.text-input-number:focus{border-color:var(--color-border-focus)}.tool-number-input{text-align:center;margin-top:var(--space-6)}.tool-number-presets{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.chip{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-semibold);padding:5px var(--space-3);border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-bg-sunken);color:var(--color-text-secondary);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast),background var(--transition-fast)}.chip:hover{border-color:var(--color-primary);color:var(--color-primary)}.chip--active{background:var(--color-primary-subtle);border-color:var(--color-primary);color:var(--color-primary)}.convert-action--tight{margin:var(--space-6) 0 var(--space-10)}.text-editor{display:flex;align-items:stretch;width:100%}.text-editor__gutter{flex:0 0 auto;overflow:hidden;box-sizing:border-box;min-width:2.5em;border:2px solid var(--color-border);border-right:0;border-radius:var(--radius-lg) 0 0 var(--radius-lg);background:var(--color-bg-raised);padding:var(--space-4) var(--space-2) var(--space-4) var(--space-3);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text-light);text-align:right;white-space:pre;user-select:none}.text-editor:has(.text-input-area) .text-editor__gutter{max-height:500px}.text-editor:has(.text-output-area) .text-editor__gutter{max-height:400px}.text-editor__gutter-inner{will-change:transform}.text-editor .text-input-area,.text-editor .text-output-area{flex:1 1 auto;min-width:0;border-radius:0 var(--radius-lg) var(--radius-lg) 0;white-space:pre;overflow-wrap:normal;word-break:normal;overflow-x:auto}.text-editor--wrap .text-input-area,.text-editor--wrap .text-output-area{white-space:pre-wrap;overflow-wrap:anywhere;overflow-x:hidden;border-radius:var(--radius-lg)}.text-editor__caption{font-size:var(--text-xs);color:var(--color-text-light);margin:0 0 var(--space-2)}.text-input-meta{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-xs);color:var(--color-text-light);margin-top:var(--space-1);padding:0 var(--space-1)}.text-input-format-btn{display:inline-block;font-size:var(--text-xs);padding:var(--space-1) var(--space-3);margin-right:var(--space-2);color:var(--color-text-muted)}.limit-ok{color:var(--color-text-light);font-variant-numeric:tabular-nums}.limit-warn{color:var(--color-warning);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums}.limit-over{color:var(--color-error);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums}.text-output-area{width:100%;min-height:160px;max-height:400px;padding:var(--space-4);border:2px solid var(--color-success);border-radius:var(--radius-lg);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text);background:var(--color-success-subtle);resize:vertical;outline:0}.text-image-preview{display:block;max-width:100%;max-height:400px;margin:0 auto var(--space-4);border:2px solid var(--color-success);border-radius:var(--radius-lg);background:var(--color-success-subtle)}.text-image-preview--fixed{height:300px;width:auto;max-height:none;object-fit:contain}table.out-table{width:100%;table-layout:fixed;border-collapse:collapse;border:2px solid var(--color-success);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-bg)}table.out-table th{background:var(--color-success-subtle);color:var(--color-badge-local);text-align:left;font-weight:600;padding:8px 12px;border-bottom:1px solid var(--color-success-light);font-family:var(--font-sans);font-size:11px;letter-spacing:.03em;text-transform:uppercase;overflow-wrap:anywhere;word-break:break-all}table.out-table td{padding:8px 12px;border-bottom:1px solid var(--color-border);overflow-wrap:anywhere;word-break:break-all;vertical-align:top}table.out-table tr:last-child td{border-bottom:0}table.out-table td.copy{text-align:right;word-break:normal;font-family:var(--font-sans);font-size:11px}.copy-icon{display:inline-block;color:var(--color-text-light);cursor:pointer;padding:2px 5px;border-radius:var(--radius-md);transition:color var(--transition-fast),background var(--transition-fast)}.copy-icon:hover,.copy-icon:focus-visible{color:var(--color-primary);background:var(--color-primary-subtle)}.copy-icon--done{color:var(--color-success-hover) !important;background:transparent !important}table.kv-table{width:100%;table-layout:fixed;border-collapse:collapse;border:2px solid var(--color-success);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-bg)}table.kv-table td{padding:7px 12px;border-bottom:1px solid var(--color-border);overflow-wrap:anywhere;word-break:break-all;vertical-align:top}table.kv-table td.label{font-family:var(--font-sans);font-size:11px;letter-spacing:.03em;text-transform:uppercase;font-weight:600;color:var(--color-badge-local);background:var(--color-success-subtle);white-space:nowrap}table.kv-table tr:last-child td{border-bottom:0}table.kv-table tr.group-title th{text-align:left;padding:10px 12px;background:var(--color-bg-sunken);border-bottom:2px solid var(--color-success-light);font-family:var(--font-mono);font-weight:700;font-size:13.5px;color:var(--color-heading);overflow-wrap:anywhere;word-break:break-all}table.kv-table tr.group-title th .eyebrow{display:block;font-family:var(--font-sans);font-weight:600;font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-light);margin-bottom:3px}.text-result{margin-top:var(--space-6)}.text-result__title{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-success);margin-bottom:var(--space-3)}.text-result__actions{margin-top:var(--space-4);display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}.diff-inputs{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.diff-inputs__label{display:block;font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--color-text-muted);margin-bottom:var(--space-1)}@media(max-width:767px){.diff-inputs{grid-template-columns:1fr}}.diff-summary{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.diff-chip{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-bold)}.diff-chip--added{background:var(--color-success-light);color:var(--color-success-hover)}.diff-chip--removed{background:var(--color-error-light);color:var(--color-error-hover)}.diff-chip--changed{background:var(--color-warning-light);color:var(--color-warning)}.diff-report{max-height:400px;overflow-y:auto;border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);font-family:var(--font-mono);font-size:var(--text-sm)}.diff-row{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:baseline;padding:var(--space-2) var(--space-4);border-left:3px solid transparent;line-height:var(--leading-relaxed)}.diff-row+.diff-row{border-top:1px solid var(--color-border)}.diff-row--added{background:var(--color-success-light);border-left-color:var(--color-success)}.diff-row--removed{background:var(--color-error-light);border-left-color:var(--color-error)}.diff-row--changed{background:var(--color-warning-light);border-left-color:var(--color-warning)}.diff-row__symbol{width:1em;flex:0 0 auto;font-weight:var(--weight-bold)}.diff-row--added .diff-row__symbol{color:var(--color-success-hover)}.diff-row--removed .diff-row__symbol{color:var(--color-error-hover)}.diff-row--changed .diff-row__symbol{color:var(--color-warning)}.diff-row__path{font-weight:var(--weight-bold);color:var(--color-text);word-break:break-word}.diff-row__value{color:var(--color-text-muted);word-break:break-word}.diff-row__badge{margin-left:auto;flex:0 0 auto;padding:0 var(--space-2);border-radius:var(--radius-sm);background:var(--color-warning-light);color:var(--color-warning);font-size:var(--text-xs);font-weight:var(--weight-bold)}.file-list{margin-top:var(--space-4)}.file-list{max-height:320px;overflow-y:auto;padding:var(--space-1);scrollbar-width:thin;scrollbar-color:var(--brand-blue) transparent}.file-list::-webkit-scrollbar{width:8px}.file-list::-webkit-scrollbar-track{background:transparent}.file-list::-webkit-scrollbar-thumb{background-image:linear-gradient(180deg,var(--brand-blue),var(--brand-green));border-radius:var(--radius-full);border:2px solid var(--color-bg-raised);background-clip:padding-box}.file-list__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-2);font-size:var(--text-sm)}.file-list__item--done{border-color:var(--color-success);background:var(--color-success-subtle)}.file-list__item--error{border-color:var(--color-error);background:var(--color-error-subtle)}.file-list__name{flex:1;font-weight:var(--weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-list__size{color:var(--color-text-muted);white-space:nowrap}.file-list__status{font-size:var(--text-xs);font-weight:var(--weight-medium);white-space:nowrap}.file-list__status--done{color:var(--color-success)}.file-list__status--error{color:var(--color-error)}.file-list__remove{background:0;border:0;color:var(--color-text-light);cursor:pointer;font-size:var(--text-lg);padding:0;line-height:1}.file-list__remove:hover{color:var(--color-error)}.file-list__count{text-align:center;font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-2)}.file-grid{margin-top:var(--space-4)}.file-grid__list{max-height:320px;overflow-y:auto;padding:var(--space-1);scrollbar-width:thin;scrollbar-color:var(--brand-blue) transparent}.file-grid__list::-webkit-scrollbar{width:8px}.file-grid__list::-webkit-scrollbar-track{background:transparent}.file-grid__list::-webkit-scrollbar-thumb{background-image:linear-gradient(180deg,var(--brand-blue),var(--brand-green));border-radius:var(--radius-full);border:2px solid var(--color-bg-raised);background-clip:padding-box}.file-grid__row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-2);font-size:var(--text-sm);transition:border-color var(--transition-base),box-shadow var(--transition-base),opacity var(--transition-base)}.file-grid__row:focus-visible{border-color:var(--color-primary);box-shadow:var(--shadow-brand-hover);outline:0}.file-grid__row.is-dragging{opacity:.5}.file-grid__handle{cursor:grab;color:var(--color-text-light);touch-action:none;padding:0 var(--space-1)}.file-grid__handle:active{cursor:grabbing}.file-grid__thumb{flex-shrink:0;width:40px;border-radius:var(--radius-sm);overflow:hidden;background:var(--color-bg);aspect-ratio:3 / 4}.file-grid__thumb-canvas{display:block;width:100%;height:100%;object-fit:contain}.file-grid__meta{flex:1;min-width:0}.file-grid__name{font-weight:var(--weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-grid__size{color:var(--color-text-muted);font-size:var(--text-xs)}.file-grid__badge{flex-shrink:0;min-width:1.75em;height:1.75em;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--color-primary);color:#fff;font-size:var(--text-xs);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;line-height:1}.file-grid__remove{background:0;border:0;color:var(--color-text-light);cursor:pointer;font-size:var(--text-lg);padding:0;line-height:1;flex-shrink:0}.file-grid__remove:hover{color:var(--color-error)}.file-grid__hint{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);text-align:center}.multi-result{margin-top:var(--space-6)}.multi-result__title{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-success);margin-bottom:var(--space-3)}.multi-result__summary{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.multi-result__actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.tool-options{background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);margin:var(--space-4) 0}.tool-options{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--space-4) var(--space-3)}.tool-options__row{display:grid;grid-template-columns:minmax(0,max-content) minmax(0,max-content);column-gap:var(--space-3);row-gap:var(--space-2);align-items:center;min-width:0}.tool-options__row--range,.tool-options__row--text,.tool-options__row--password{grid-template-columns:minmax(0,1fr) minmax(0,max-content);flex:1 1 100%;min-width:0;column-gap:var(--space-4)}.tool-options__row--text,.tool-options__row--password{grid-template-columns:minmax(0,1fr)}.tool-options__label{grid-column:1 / -1;font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em}.tool-options__row:has(.tool-options__input:disabled) .tool-options__label{color:var(--color-text-light)}.tool-options__input{min-width:0;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);outline:0}.tool-options__input:focus{border-color:var(--color-border-focus)}.tool-options__input[readonly],.tool-options__input:disabled{background:var(--color-bg-sunken);color:var(--color-text-muted);cursor:not-allowed}select.tool-options__input{max-width:100%;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:calc(var(--space-2) + 16px);background-image:var(--select-chevron);background-repeat:no-repeat;background-position:right var(--space-2) center;background-size:16px}.tool-options__slider{min-width:0;accent-color:var(--color-primary)}.tool-options__value{font-size:var(--text-sm);color:var(--color-text-muted);min-width:40px;text-align:right}.tool-options__row--number .tool-options__value{min-width:0;text-align:left}.tool-options__row--number .tool-options__input{width:72px;max-width:100%}.tool-options__note{flex:1 0 100%;font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1)}@media(min-width:480px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.card-grid{grid-template-columns:repeat(3,1fr)}.card-grid--lg{grid-template-columns:repeat(2,1fr)}.hero__title{font-size:var(--text-3xl)}}@media(min-width:1024px){.card-grid{grid-template-columns:repeat(4,1fr)}.card-grid--lg{grid-template-columns:repeat(3,1fr)}.card-grid--cols4{grid-template-columns:repeat(4,1fr)}.card-grid--has-more{grid-template-columns:repeat(5,1fr)}}.header__nav{margin-left:var(--space-8)}.header__actions{margin-left:auto;display:flex;align-items:center;gap:var(--space-3)}.nav-dropdown{position:relative}.nav-dropdown__toggle{display:inline-flex;align-items:center;gap:var(--space-1);background:0;border:0;cursor:pointer;color:var(--color-text-muted);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);padding:var(--space-2) 0;transition:color var(--transition-base)}.nav-dropdown__toggle:hover{color:var(--color-text)}.nav-dropdown__caret{width:14px;height:14px;transition:transform var(--transition-fast)}.nav-dropdown--open .nav-dropdown__caret{transform:rotate(180deg)}.nav-dropdown__menu{display:none}.nav-dropdown--open>.nav-dropdown__menu{display:block}.nav-dropdown__all,.nav-dropdown__item{display:block;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);border-radius:var(--radius-md);transition:background var(--transition-base),color var(--transition-base)}.header__nav .nav-dropdown__all,.header__nav .nav-dropdown__item{color:var(--color-text)}.nav-dropdown__seam{margin:var(--space-1) var(--space-3);border-top:1px solid var(--color-border)}.nav-dropdown__all{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-1);border-top:1px solid var(--color-border);font-weight:var(--weight-semibold);color:var(--color-primary)}.nav-dropdown__all::after{content:'\2192';margin-left:var(--space-2)}.header__nav .nav-dropdown__all:hover,.header__nav .nav-dropdown__item:hover{background:var(--color-bg-sunken);color:var(--color-primary);text-decoration:none}.user-menu{position:relative;display:flex;align-items:center}.user-menu__signin{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:#fff;color:#3c4043;border:1px solid #dadce0;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap;transition:box-shadow var(--transition-base),background var(--transition-base)}.user-menu__signin:hover{background:#f8f9fa;box-shadow:var(--shadow-sm);text-decoration:none}.user-menu__gicon{width:16px;height:16px;flex-shrink:0}@media(max-width:767px){.user-menu{display:none}}@media(max-width:480px){.header{padding:0 var(--space-4)}}.user-menu__toggle{display:inline-flex;align-items:center;gap:var(--space-2);max-width:200px;padding:var(--space-1) var(--space-2);background:0;border:1px solid transparent;border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer}.user-menu__toggle:hover{color:var(--color-text);border-color:var(--color-border)}.user-menu__avatar{width:28px;height:28px;border-radius:var(--radius-full);object-fit:cover;flex-shrink:0}.user-menu__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu__caret{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;flex-shrink:0}.user-menu__dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;min-width:180px;padding:var(--space-1);background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:110}.user-menu__item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);background:0;border:0;border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-medium);text-align:left;cursor:pointer}.user-menu__item:hover{background:var(--color-bg-sunken);text-decoration:none}.user-menu__item-icon{width:16px;height:16px;flex-shrink:0;color:var(--color-text-muted)}.user-menu__sep{height:1px;margin:var(--space-1) var(--space-2);background:var(--color-border)}.theme-switch__label{flex:1 1 auto}.theme-switch__track{position:relative;flex-shrink:0;width:34px;height:20px;margin-left:var(--space-2);border-radius:var(--radius-full);background:var(--color-border);transition:background var(--transition-fast)}.theme-switch.is-on .theme-switch__track{background:var(--color-primary)}.theme-switch__knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:var(--radius-full);background:var(--color-text-inverse);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast)}.theme-switch.is-on .theme-switch__knob{transform:translateX(14px)}.nav-account{margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-1)}.nav-account__link{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3);background:0;border:0;border-radius:var(--radius-md);color:var(--color-text);font-size:var(--text-base);font-weight:var(--weight-medium);text-align:left;cursor:pointer}.nav-account__link:hover{background:var(--color-bg-sunken);text-decoration:none}.nav-account__icon,.nav-account .user-menu__item-icon{width:20px;height:20px;flex-shrink:0;color:inherit}.nav-account__avatar{width:24px;height:24px;border-radius:var(--radius-full);object-fit:cover;flex-shrink:0}.nav-account .user-menu__signin{align-self:flex-start}@media(min-width:768px){.nav-account{display:none}}.tool-title-row{display:flex;align-items:center;justify-content:center;gap:var(--space-3)}.tool-fav{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;background:0;border:0;padding:0;color:var(--color-text-light);cursor:pointer;transition:color var(--transition-base),transform var(--transition-base)}.tool-fav[hidden]{display:none}.tool-fav:hover{color:var(--color-error-solid)}.tool-fav:active{transform:scale(0.92)}.tool-fav__icon{width:24px;height:24px;fill:transparent;transition:fill var(--transition-base),transform var(--transition-base)}.tool-fav.is-fav{color:var(--color-error-solid)}.tool-fav.is-fav .tool-fav__icon{fill:var(--color-error-solid)}.tool-fav.is-pop .tool-fav__icon{animation:fav-pop 260ms ease-out}@keyframes fav-pop{0%{transform:scale(0.8)}60%{transform:scale(1.15)}100%{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.tool-fav:active{transform:none}.tool-fav.is-pop .tool-fav__icon{animation:none}}.signin-slot{margin-top:var(--space-5)}.signin-banner{padding:var(--space-5);background:var(--color-primary-subtle);border:1px solid var(--color-primary-light);border-radius:var(--radius-lg)}.signin-banner__head{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);color:var(--color-heading)}.signin-banner__lock{font-size:1.1em}.signin-banner__benefits{margin:var(--space-3) 0;padding-left:var(--space-5);color:var(--color-text-secondary);font-size:var(--text-sm)}.signin-banner__benefits li{margin:var(--space-1) 0}.signin-banner__trust{margin:0 0 var(--space-4);color:var(--color-text-muted);font-size:var(--text-sm)}.signin-banner__actions{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.signin-banner__dismiss{background:0;border:0;color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer}.signin-banner__dismiss:hover{color:var(--color-text)}.signin-saved{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-success-subtle);border:1px solid var(--color-success-light);border-radius:var(--radius-md);color:var(--color-success-hover);font-size:var(--text-sm);font-weight:var(--weight-medium)}.account-signin{max-width:520px}:root[data-auth="in"] .account-signin{display:none}.account-signin__benefits{margin:var(--space-4) 0;padding-left:var(--space-5);color:var(--color-text-secondary)}.account-signin__benefits li{margin:var(--space-1) 0}.account-signin__trust{color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--space-4)}.account-card{padding:var(--space-4) var(--space-5);margin-bottom:var(--space-4);background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.account-card--profile{position:relative;overflow:hidden;isolation:isolate}.account-wave{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;filter:blur(0.3px)}.account-wave__line{stroke:#fff;stroke-width:1}.account-card__title{display:flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-3);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-heading)}.account-card__count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 var(--space-2);border-radius:var(--radius-full);background:var(--color-bg-sunken);color:var(--color-text-muted);font-size:var(--text-xs,0.75rem);font-weight:var(--weight-semibold)}.account-card__sub{margin:calc(var(--space-3) * -1 + 2px) 0 var(--space-3);color:var(--color-text-muted);font-size:var(--text-sm)}.account-profile{display:flex;align-items:center;gap:var(--space-4)}.account-profile__meta{min-width:0}.account-card--profile{padding-top:var(--space-4)}.account-profile__avatar-ring{flex-shrink:0;padding:3px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--brand-blue),var(--brand-green))}.account-profile__avatar{display:block;width:64px;height:64px;border-radius:var(--radius-full);object-fit:cover;border:3px solid var(--color-bg-raised)}.account-profile__name{font-weight:var(--weight-semibold);font-size:var(--text-base);color:var(--color-heading)}.account-profile__email{color:var(--color-text-secondary);overflow-wrap:anywhere}.account-badge{display:inline-block;margin-top:var(--space-1);padding:1px var(--space-2);border-radius:var(--radius-full);background:var(--color-bg-sunken);color:var(--color-text-muted);font-size:var(--text-xs,0.75rem);font-weight:var(--weight-semibold);letter-spacing:.02em}.account-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3) 0;margin-top:var(--space-4);padding:var(--space-3) var(--space-2);background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-md)}.account-stat{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-1) var(--space-3);text-align:left}.account-stat+.account-stat{border-left:1px solid var(--color-border)}.account-stat.account-stat--link,.account-stat.account-stat--link:hover{text-decoration:none}.account-stat.account-stat--link{border-radius:var(--radius-sm);border:2px solid transparent;transition:border-color 200ms ease-in-out}.account-stat.account-stat--link:hover,.account-stat.account-stat--link:focus-visible{border-color:var(--stat-link-border)}.account-stat.account-stat--link:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.account-stat__body{min-width:0}.account-stat__value{font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--color-heading);line-height:1.3;font-variant-numeric:tabular-nums}.account-stat__label{font-size:var(--text-xs,0.75rem);color:var(--color-text-muted)}.account-stat__icon{flex-shrink:0;width:36px;height:36px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.account-stat__icon svg{width:17px;height:17px}.account-stat__icon--fav{background:var(--icon-fav-bg);color:var(--icon-fav-fg)}.account-stat__icon--conv{background:var(--icon-conv-bg);color:var(--icon-conv-fg)}.account-stat__icon--upload{background:var(--icon-upload-bg);color:var(--icon-upload-fg)}.account-stat__icon--member{background:var(--icon-member-bg);color:var(--icon-member-fg)}.account-field{display:block;margin-bottom:var(--space-3)}.account-field__label{display:block;margin-bottom:var(--space-1);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary)}.account-input{width:100%;max-width:360px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font-size:var(--text-sm)}.account-check{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer}.account-theme-switch{display:inline-flex;align-items:center;gap:var(--space-2);min-width:220px;padding:var(--space-2) var(--space-3);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer}.account-theme-switch__icon{width:16px;height:16px;flex-shrink:0;color:var(--color-text-muted)}.account-range{width:220px;vertical-align:middle}.account-range-row{display:flex;align-items:center;gap:var(--space-3)}.account-range__val{font-size:var(--text-sm);color:var(--color-text-muted);min-width:2ch}.fc-badge{display:inline-flex;align-items:center;gap:4px;padding:3px var(--space-2);border:1px solid transparent;border-radius:var(--radius-full);background:var(--color-bg-sunken);color:var(--color-text-muted);font-size:var(--text-xs,0.75rem);font-weight:var(--weight-semibold);letter-spacing:.02em;white-space:nowrap}.fc-badge__fmt{overflow:hidden;text-overflow:ellipsis}.fc-badge__arrow{color:var(--color-text-light)}.fc-badge--gone{color:var(--color-text-muted);font-style:italic}.fc-badge--link{background:var(--color-bg-raised);border-color:var(--color-border);color:var(--color-text);text-decoration:none;transition:box-shadow var(--transition-base),transform var(--transition-base),border-color var(--transition-base),color var(--transition-base),background-color var(--transition-base)}.fc-badge--link:hover{text-decoration:none;color:var(--color-primary);border-color:var(--color-primary);transform:translateY(-1px);box-shadow:var(--shadow-brand-hover)}.account-fav-grid{display:flex;flex-wrap:wrap;gap:var(--space-2)}.account-fav{position:relative;display:inline-flex;max-width:100%}.account-fav__link{padding-right:28px;max-width:100%}.account-fav__remove{position:absolute;z-index:1;top:50%;right:0;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:24px;height:24px;line-height:1;background:0;border:0;border-radius:var(--radius-full);color:var(--color-text-light);font-size:1rem;cursor:pointer;transition:color var(--transition-base),opacity var(--transition-base)}@media(hover:hover){.account-fav__remove{opacity:.5}.account-fav:hover .account-fav__remove,.account-fav__remove:focus-visible{opacity:1}}.account-fav__remove:hover{color:var(--color-error)}.account-empty{color:var(--color-text-muted);font-size:var(--text-sm);margin:0}.account-empty--art{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);padding:var(--space-6) 0}.account-empty-icon{width:56px;height:56px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;opacity:var(--empty-icon-opacity,0.5)}.account-empty-icon__svg{width:24px;height:24px}.account-empty-icon--fav{background:var(--icon-fav-bg);color:var(--icon-fav-fg)}.account-empty-icon--conv{background:var(--icon-conv-bg);color:var(--icon-conv-fg)}.account-empty--art .account-empty{margin:0;max-width:30ch}.account-table-wrap{overflow-x:auto}.account-table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;font-size:var(--text-sm)}.account-table th{padding:0 var(--space-3) var(--space-2);text-align:left;border-bottom:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--text-xs,0.75rem);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.account-table td{padding:var(--space-3);border-bottom:1px solid var(--color-border-light);vertical-align:middle;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-table tbody tr:last-child td{border-bottom:0}.account-table__num{font-variant-numeric:tabular-nums}@media(min-width:641px){.account-table th:nth-child(1),.account-table td:nth-child(1){width:26%}.account-table th:nth-child(2),.account-table td:nth-child(2){width:16%}.account-table th:nth-child(3),.account-table td:nth-child(3){width:42%}.account-table th:nth-child(4),.account-table td:nth-child(4){width:16%}}.account-status{display:inline-flex;align-items:center;gap:6px}.account-status__icon{display:none;width:18px;height:18px;flex-shrink:0}.account-status--ok{color:var(--color-success)}.account-status--bad{color:var(--color-error)}.account-when__short{display:none}.account-pager{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-3)}.account-pager__info{font-size:var(--text-sm);color:var(--color-text-muted)}.account-data__cols{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);margin-bottom:var(--space-3)}.account-data__h{font-weight:var(--weight-semibold);color:var(--color-heading);margin-bottom:var(--space-1);font-size:var(--text-sm)}.account-data__list{margin:0;padding-left:var(--space-5);color:var(--color-text-secondary);font-size:var(--text-sm)}.account-data__note{color:var(--color-text-muted);font-size:var(--text-sm);margin:0 0 var(--space-4)}.account-data__actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.account-danger{margin-top:var(--space-4);padding:var(--space-4);background:var(--color-error-subtle);border:1px solid var(--color-error-light);border-radius:var(--radius-md)}.account-danger__msg{margin:0 0 var(--space-3);color:var(--color-error-hover);font-weight:var(--weight-medium)}.account-danger__actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.account-signout-row{margin-top:var(--space-4)}.privacy-statement{margin:0;padding:var(--space-4) var(--space-5);background:var(--color-primary-subtle);border-left:4px solid var(--color-primary);border-radius:var(--radius-md);color:var(--color-text)}@media(max-width:640px){.account-data__cols{grid-template-columns:1fr}.account-stats{grid-template-columns:1fr 1fr}.account-stat:nth-child(odd){border-left:0}.account-profile__avatar{width:56px;height:56px}.account-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.account-table,.account-table tbody{display:block}.account-table tr{display:flex;flex-wrap:nowrap;align-items:center;column-gap:6px;row-gap:4px;padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-light)}.account-table tbody tr:last-child{border-bottom:0}.account-table td{display:block;width:auto;padding:0;border-bottom:0;overflow:visible}.account-table td:nth-child(1){min-width:0;flex:1 1 auto}.account-table td:nth-child(2){flex:0 0 18%}.account-table td:nth-child(3){flex:0 0 38%}.account-table td:nth-child(4){flex:0 0 auto}.account-table td:nth-child(1) .fc-badge{max-width:100%;overflow:hidden}.account-table td:nth-child(1) .fc-badge__fmt{min-width:0}.account-table td:nth-child(1) .fc-badge__fmt:first-child:not(:last-child),.account-table td:nth-child(1) .fc-badge__arrow{flex-shrink:0}.account-when__full{display:none}.account-when__short{display:inline}.account-status__label{display:none}.account-status__icon{display:block}.account-table td:nth-child(2),.account-table td:nth-child(3){font-size:var(--text-xs,0.75rem)}}.hamburger{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:0;border:0;color:var(--color-text-muted);cursor:pointer}.hamburger:hover{color:var(--color-text)}.hamburger__icon{width:24px;height:24px}.announcement-bar{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-2) var(--space-8);font-size:var(--text-sm);font-weight:var(--weight-medium);text-align:center;position:relative;z-index:150;color:#fff}.announcement-bar--info{background:var(--color-primary)}.announcement-bar--new{background:var(--color-success)}.announcement-bar--maintenance{background:var(--color-warning);color:#18181b}.announcement-bar--warning{background:var(--color-error)}.announcement-bar__link{color:inherit;text-decoration:underline;font-weight:var(--weight-semibold)}.announcement-bar__link:hover{color:inherit}.announcement-bar__dismiss{position:absolute;right:var(--space-4);top:50%;transform:translateY(-50%);display:inline-flex;background:0;border:0;color:inherit;cursor:pointer;padding:var(--space-1);opacity:.8}.announcement-bar__dismiss:hover{opacity:1}.announcement-bar__dismiss-icon{width:16px;height:16px}.cookie-consent{position:fixed;left:var(--space-4);right:var(--space-4);bottom:var(--space-4);z-index:200;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4);max-width:640px;margin:0 auto;padding:var(--space-4) var(--space-5);background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.cookie-consent__text{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.cookie-consent__text a{color:var(--color-primary)}.cookie-consent__actions{display:flex;gap:var(--space-2);flex-shrink:0}.section--tinted{background:var(--color-bg-sunken)}.hero--home{text-align:left;padding:var(--space-12) 0 var(--space-10)}.hero--home .hero__title{font-size:var(--text-4xl)}.hero--home .hero__title .text-brand-green{white-space:nowrap}.hero--home .hero__subtitle{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text-secondary);margin-bottom:var(--space-6)}.hero--home .hero__search{padding:var(--space-3) var(--space-4);font-size:clamp(14px,calc(11.5px + 0.5vw),16px);max-width:600px;margin:0;width:100%}.hero--home .hero-search{max-width:600px;margin:0 0 var(--space-6)}.hero--home .hero__badges{justify-content:flex-start}.hero--home .hero__grid{max-width:1760px;margin:0 auto;padding:0 clamp(24px,6vw,100px);display:grid;grid-template-columns:1fr;gap:clamp(40px,6vw,120px);align-items:center}.hero--home .hero__visual{display:none;position:relative;width:clamp(340px,36vw,540px);margin-left:auto;aspect-ratio:480 / 400}.hero--home .hero__visual svg{width:100%;height:100%;overflow:visible}@media(min-width:1024px){.hero--home .hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hero--home .hero__visual{display:block}}.hero__badges{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);margin-top:var(--space-6)}.hero__badge{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary)}.hero__badge svg{width:16px;height:16px;color:var(--color-success)}@media(min-width:768px){.hero--home .hero__title{font-size:var(--text-5xl)}}.hero-search{position:relative;max-width:420px;margin:var(--space-6) auto 0}.hero-search__results{position:absolute;top:calc(100% + var(--space-1));left:0;right:0;z-index:120;margin:0;padding:var(--space-1);list-style:none;background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-height:340px;overflow-y:auto;text-align:left}.hero-search__option{display:flex;flex-direction:column;gap:2px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer}.hero-search__option--active,.hero-search__option:hover{background:var(--color-bg-sunken)}.hero-search__option-name{font-weight:var(--weight-semibold);font-size:var(--text-sm);color:var(--color-text)}.hero-search__option-meta{font-size:var(--text-xs);color:var(--color-text-muted)}.how-it-works__title{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--weight-bold);text-align:center;margin-bottom:var(--space-6)}.how-it-works__step-title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--weight-semibold);margin-bottom:var(--space-1)}.how-it-works__step-text{font-size:var(--text-sm);color:var(--color-text-secondary)}.how-it-works--compact{padding:0;margin-top:var(--space-8);--hiw-icon:clamp(30px,8vw,40px);--hiw-gap:clamp(var(--space-2),2vw,var(--space-4))}.how-it-works--compact .how-it-works__title{text-align:left;font-size:var(--text-lg);margin-bottom:var(--space-4)}.how-it-works--compact .how-it-works__grid{display:flex;flex-direction:row;align-items:flex-start;gap:var(--hiw-gap)}.how-it-works--compact .how-it-works__step{position:relative;flex:1 1 0;min-width:0;flex-direction:column;align-items:flex-start;text-align:left;padding:0;gap:var(--space-1)}.how-it-works--compact .how-it-works__icon{width:var(--hiw-icon);height:var(--hiw-icon);flex-shrink:0;margin:0 0 var(--space-1);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);border:1.5px solid}.how-it-works--compact .how-it-works__icon svg{width:50%;height:50%}.how-it-works__icon--upload,.how-it-works__icon--download{border-color:var(--brand-blue);color:var(--brand-blue)}.how-it-works__icon--convert{border-color:var(--brand-green-icon);color:var(--brand-green-icon)}.how-it-works--compact .how-it-works__step-title{font-size:clamp(13px,3.2vw,var(--text-lg))}.how-it-works--compact .how-it-works__step-text{font-size:clamp(11px,2.6vw,var(--text-sm));line-height:1.4}.how-it-works--compact .how-it-works__step:not(:last-child)::after{content:"";position:absolute;top:calc(var(--hiw-icon) / 2);left:var(--hiw-icon);right:calc(-1 * var(--hiw-gap));height:0;border-top:1px dashed var(--color-border)}.card--ghost{border-top:1.5px solid var(--color-primary);border-left:1.5px solid var(--color-primary);border-right:1.5px solid var(--color-success);border-bottom:1.5px solid var(--color-success);align-items:center;justify-content:center;gap:var(--space-2)}.card--ghost__count{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--color-primary);line-height:1}.card--ghost__divider{width:28px;height:1px;background:var(--color-border)}.card--ghost__label{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-heading)}.card--ghost__arrow{width:16px;height:16px;color:var(--color-primary);transform:translateY(1px);transition:transform var(--transition-fast)}.card--ghost__spacer{width:16px;flex-shrink:0}.card--ghost:hover .card--ghost__arrow{transform:translateY(1px) translateX(3px)}.card__name{display:block;font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--color-heading)}.card__tagline{display:block;font-size:var(--text-xs);font-weight:var(--weight-normal);color:var(--color-text-muted);margin-top:var(--space-1)}.badge--local,.badge--cloud{display:inline-flex;align-items:center;gap:var(--space-1);margin-top:auto;align-self:center;padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);border:1px solid transparent}.card__tagline:not(:last-child),.card__desc:not(:last-child){margin-bottom:var(--space-3)}.card--lg .badge--local,.card--lg .badge--cloud{align-self:flex-start}.badge--local{background:var(--color-success-subtle);color:var(--color-badge-local);border-color:var(--color-badge-local)}.badge--cloud{background:var(--color-primary-subtle);color:var(--color-primary);border-color:var(--color-primary)}.badge__icon{width:12px;height:12px}.card--static{cursor:default}.card--static:hover{transform:none;box-shadow:var(--shadow-md)}:root[data-auth="in"] .signin-band{display:none}.signin-band{text-align:center;padding:var(--space-16) 0;background:var(--color-bg-raised)}.signin-band__lead{max-width:44ch;margin:0 auto var(--space-8);color:var(--color-text-secondary);font-size:var(--text-base);line-height:var(--leading-relaxed)}.signin-band__grid{display:grid;grid-template-columns:1fr;gap:var(--space-8);margin-bottom:var(--space-8)}@media(min-width:560px){.signin-band__grid{grid-template-columns:repeat(2,1fr)}}.signin-band__col{text-align:center}.signin-band__icon{width:40px;height:40px;color:var(--color-primary);margin:0 auto var(--space-3)}.signin-band__col-title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-heading);margin-bottom:var(--space-2)}.signin-band__col-text{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-relaxed)}@media(min-width:900px){.signin-band__grid{grid-template-columns:repeat(4,1fr)}}.signin-band .section__title,#demo .section__title,#faq .section__title{width:fit-content;max-width:100%;margin-left:auto;margin-right:auto;padding-left:0;text-align:center}.signin-band .section__title+.section__divider,#demo .section__title+.section__divider,#faq .section__title+.section__divider{display:none}.signin-band .section__title::after,#demo .section__title::after,#faq .section__title::after{content:"";display:block;width:min(120%,calc(100vw - 2 * var(--space-4)));position:relative;left:50%;transform:translateX(-50%);height:2px;margin-top:var(--space-3);background:linear-gradient(90deg,var(--brand-blue),var(--brand-green))}.demo-panel__lead{max-width:80ch;margin:0 auto var(--space-8);color:var(--color-text-secondary);font-size:var(--text-base);line-height:var(--leading-relaxed);text-align:center}.demo-panel__frame{padding:3px;border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--color-primary),var(--color-success));box-shadow:var(--shadow-brand-glow),var(--shadow-lg)}.demo-panel__frame-inner{background:var(--color-bg-raised);border-radius:calc(var(--radius-xl) - 3px);padding:var(--space-3)}.demo-panel__content{transition:opacity .18s ease}.demo-panel__content.is-switching{opacity:0}.demo-panel__title{margin:0 0 var(--space-3);text-align:center;font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-heading)}.demo-panel__badge-row{display:flex;justify-content:center;margin-bottom:var(--space-3)}.demo-panel__nav,.demo-panel__ctrl{border:0;border-radius:var(--radius-full);background:rgba(255,255,255,0.85);backdrop-filter:blur(4px);color:var(--brand-blue);cursor:pointer;display:flex;align-items:center;justify-content:center}.demo-panel__nav:hover,.demo-panel__ctrl:hover{background:rgba(255,255,255,0.97)}.demo-panel__nav:focus-visible,.demo-panel__ctrl:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.demo-panel__nav{position:absolute;top:50%;translate:0 -50%;z-index:1;width:30px;height:30px}.demo-panel__nav svg{display:block;width:16px;height:16px}.demo-panel__nav--prev{left:var(--space-2)}.demo-panel__nav--prev svg{transform:scaleX(-1)}.demo-panel__nav--next{right:var(--space-2)}.demo-panel__video-wrap{position:relative;border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-page);aspect-ratio:1.6}.demo-panel__video-wrap:fullscreen,.demo-panel__video-wrap:-webkit-full-screen{aspect-ratio:auto;background:#000}.demo-panel__video{display:block;width:100%;height:100%;object-fit:cover}.demo-panel__video-wrap:fullscreen .demo-panel__video,.demo-panel__video-wrap:-webkit-full-screen .demo-panel__video{object-fit:contain}.demo-panel__controls{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-2) var(--space-2);background:linear-gradient(to top,rgba(0,0,0,0.55),transparent);opacity:0;transition:opacity var(--transition-fast);pointer-events:none}.demo-panel__video-wrap:hover .demo-panel__controls,.demo-panel__video-wrap:focus-within .demo-panel__controls{opacity:1;pointer-events:auto}.demo-panel__ctrl{width:32px;height:32px}.demo-panel__ctrl svg{width:18px;height:18px}.demo-panel__caption{display:flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-2) 0;text-align:center;font-size:var(--text-sm);color:var(--color-text-muted)}.demo-panel__steps{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-border-light)}.demo-panel__step{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);width:96px}.demo-panel__step-icon{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--color-primary-subtle);color:var(--color-primary)}.demo-panel__step-icon svg{width:17px;height:17px}.demo-panel__step-icon--convert{background:var(--color-success-subtle);color:var(--color-success)}.demo-panel__step-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-secondary);text-align:center}.demo-panel__step-arrow{display:flex;color:var(--color-border);flex-shrink:0}.demo-panel__step-arrow svg{width:16px;height:16px}@media(max-width:480px){.demo-panel__steps{gap:var(--space-1)}.demo-panel__step{width:72px}}.faq-badge-group{padding-left:calc(var(--space-6) + 6px);margin-top:var(--space-2)}.faq-badge-row{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-2)}.faq-badge-row:last-child{margin-bottom:0}.upload-zone__icon{display:block;width:56px;height:56px;color:var(--color-primary);margin:0 auto var(--space-3)}.upload-zone__cta{display:inline-block;margin-bottom:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);background:var(--color-bg-raised);color:var(--color-text-secondary);border:1px solid var(--color-border);font-weight:var(--weight-bold);transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.upload-zone:hover .upload-zone__cta{background:var(--color-bg-raised);color:var(--color-text-secondary);border-color:var(--color-primary-light)}.upload-zone--active{transform:scale(1.01)}.footer{background:var(--color-bg-sunken);border-top:1px solid var(--color-border);text-align:left;padding:var(--space-12) var(--space-4) var(--space-6);color:var(--color-text-secondary)}.footer__inner{display:grid;grid-template-columns:1fr;gap:var(--space-8);padding-bottom:var(--space-8)}.footer__logo{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--weight-bold)}.footer__tagline{font-size:var(--text-sm);margin-top:var(--space-2);max-width:32ch;text-wrap:balance}.footer__heading{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--color-heading);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.04em}.footer__col a{display:block;color:var(--color-text-secondary);font-size:var(--text-sm);padding:var(--space-1) 0}.footer__col a:hover{color:var(--color-primary);text-decoration:none}.footer__bar{max-width:var(--max-width);margin:0 auto;padding-top:var(--space-6);border-top:1px solid var(--color-border);font-size:var(--text-xs);text-align:center}@media(min-width:768px){.footer__inner{grid-template-columns:2fr 1fr 1fr 1fr 1fr}}@media(max-width:767px){html{overflow-x:clip}.header__nav{position:fixed;top:var(--header-height);right:0;bottom:0;left:auto;width:min(82%,320px);margin-left:0;flex-direction:column;align-items:stretch;gap:0;background:var(--color-bg-raised);border-left:1px solid var(--color-border);padding:var(--space-4);overflow-y:auto;z-index:200;box-shadow:var(--shadow-lg);transform:translateX(100%);visibility:hidden;transition:transform var(--transition-base),visibility var(--transition-base)}.header__nav--open{transform:translateX(0);visibility:visible}.header__nav .nav-dropdown__toggle{width:100%;justify-content:space-between;padding:var(--space-2);font-weight:var(--weight-semibold);color:var(--color-text)}.nav-dropdown__menu{position:static;box-shadow:none;padding-left:var(--space-3)}.nav-dropdown{border-radius:var(--radius-lg)}.nav-dropdown+.nav-dropdown{margin-top:var(--space-2)}.nav-dropdown--open{background:var(--color-bg-sunken);padding:var(--space-1) var(--space-2)}}@media(min-width:768px){.hamburger{display:none}.nav-dropdown__menu{position:absolute;top:calc(100% + var(--space-1));left:0;min-width:200px;background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-1);z-index:130}.nav-dropdown__menu::before{content:'';position:absolute;left:0;right:0;top:calc(-1 * var(--space-1));height:var(--space-1)}.nav-dropdown:hover>.nav-dropdown__menu,.nav-dropdown:focus-within>.nav-dropdown__menu{display:block}.header{padding:0 var(--space-8)}}@media(prefers-reduced-motion:reduce){.card:hover{transform:none}.upload-zone--active{transform:none}.header__nav{transition:none}.nav-dropdown__caret{transition:none}}