:root{--page-bg:#f6f9ff;--page-bg-accent:#eaf3ff;--surface:#fff;--surface-raised:#fbfdff;--surface-soft:#eef5ff;--surface-inset:#f8fbff;--border:#d8e3f2;--border-strong:#b9c9de;--text:#0b1220;--text-secondary:#2f4058;--muted:#62748e;--soft:#91a4bd;--primary:#0b63f6;--primary-hover:#004bd1;--primary-soft:#eaf3ff;--primary-ring:rgba(11,99,246,.24);--accent:#00a7b5;--accent-soft:#e7fbff;--success:#07835f;--success-soft:#ecfdf3;--warning:#b54708;--danger:#b42318;--danger-soft:#fef2f2;--tech-ink:#101828;--tech-panel:#0f172a;--shadow-subtle:0 1px 2px rgba(15,23,42,.05);--shadow-card:0 1px 3px rgba(15,23,42,.08),0 12px 30px rgba(11,99,246,.07);--shadow-hover:0 4px 14px rgba(15,23,42,.1),0 16px 36px rgba(11,99,246,.14);--shadow-workspace:0 1px 2px rgba(15,23,42,.05),0 24px 60px rgba(11,99,246,.11);--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-full:999px;--font-ui:"DM Sans",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--header-h:64px;--content-max:1180px;--workspace-max:1180px;--page-gutter:24px;--focus-ring:0 0 0 3px var(--primary-ring);--ad-slot-h:120px}*,:after,:before{box-sizing:border-box}html{color:var(--text);background:var(--page-bg);font-family:var(--font-ui);letter-spacing:0;color-scheme:light;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{margin:0;min-width:320px;line-height:1.55;background:radial-gradient(circle at 18% 0,rgba(11,99,246,.08),transparent 30%),radial-gradient(circle at 82% 10%,rgba(0,167,181,.07),transparent 28%),linear-gradient(180deg,#fbfdff 0,var(--page-bg) 420px,#f8fbff 100%)}a{color:inherit;text-decoration:none}button,input,select{font:inherit;touch-action:manipulation}main{min-height:calc(100vh - 280px)}main:focus{outline:none}.skip-link{position:absolute;top:-100%;left:16px;z-index:100;padding:10px 16px;border-radius:var(--radius-sm);background:var(--primary);color:#fff;font-size:14px;font-weight:700}.skip-link:focus{top:12px;outline:none;box-shadow:var(--focus-ring)}.site-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:16px;height:var(--header-h);padding:0 max(var(--page-gutter),calc((100vw - var(--content-max))/2));border-bottom:1px solid var(--border);background:var(--surface)}.brand{display:inline-flex;align-items:center;font-size:15px;font-weight:700;letter-spacing:0;border-radius:var(--radius-sm)}.brand:focus-visible{outline:none;box-shadow:var(--focus-ring)}.brand-lockup{display:inline-flex;align-items:center;gap:11px;min-width:0}.brand-name{color:var(--text);font-weight:820}.brand-mark{display:grid;width:38px;height:38px;place-items:center;border-radius:9px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;box-shadow:inset 0 0 0 1px #ffffff73,0 8px 22px #0b63f638}.brand-mark svg{width:25px;height:25px;overflow:visible}.logo-shield{fill:#fffffff0;filter:drop-shadow(0 1px 1px rgba(15,23,42,.16))}.logo-shield-check{stroke:var(--primary)}.nav-links{display:flex;align-items:center;gap:2px}.nav-links a{padding:8px 9px;border-radius:var(--radius-sm);color:var(--muted);font-size:14px;font-weight:600;transition:color .14s ease,background .14s ease,box-shadow .14s ease,transform .14s ease}.nav-links a:hover{color:var(--text);background:var(--surface-soft);box-shadow:0 4px 14px #0b63f61a}@media(prefers-reduced-motion:no-preference){.nav-links a:hover{transform:translateY(-2px)}}.nav-links a:focus-visible{outline:none;box-shadow:var(--focus-ring)}.nav-links a.is-active{color:var(--primary);background:var(--primary-soft)}.nav-cta{margin-left:6px;padding:8px 13px!important;background:var(--primary)!important;color:#fff!important;transition:background .14s ease,box-shadow .14s ease,transform .14s ease}.nav-cta:hover{background:var(--primary-hover)!important;color:#fff!important;box-shadow:0 12px 28px #0b63f652!important}@media(prefers-reduced-motion:no-preference){.nav-cta:hover{transform:translateY(-2px)}}.menu-toggle{display:none;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);cursor:pointer}.menu-toggle:focus-visible{outline:none;box-shadow:var(--focus-ring)}.mobile-nav{display:none}.site-footer{position:relative;margin-top:72px;border-top:1px solid var(--border);background:radial-gradient(circle at 14% 0,rgba(11,99,246,.07),transparent 32%),radial-gradient(circle at 84% 0,rgba(0,167,181,.06),transparent 30%),color-mix(in srgb,var(--surface-inset) 92%,var(--primary-soft))}.site-footer:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,var(--primary),var(--accent),transparent)}.site-footer-inner{display:grid;grid-template-columns:minmax(220px,1.25fr) repeat(4,minmax(130px,1fr));gap:28px;width:min(var(--content-max),calc(100% - var(--page-gutter)*2));margin:0 auto;padding:48px 0 32px}.footer-brand p{max-width:300px;margin:14px 0 16px;color:var(--muted);font-size:14px;line-height:1.65}.footer-privacy-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid color-mix(in srgb,var(--accent) 36%,var(--border));border-radius:var(--radius-full);background:color-mix(in srgb,var(--accent-soft) 78%,#fff);color:var(--accent);font-size:12px;font-weight:700}.footer-privacy-badge svg{width:14px;height:14px}.footer-col h4{position:relative;margin:0 0 12px;padding-top:12px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--primary)}.footer-col h4:before{content:"";position:absolute;top:0;left:0;width:32px;height:2px;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--primary),var(--accent))}.footer-col a{display:block;padding:5px 0 5px 10px;border-left:1px solid color-mix(in srgb,var(--primary) 14%,var(--border));color:var(--text-secondary);font-size:14px;font-weight:560;border-radius:var(--radius-sm)}.footer-col a:hover{border-left-color:var(--primary);color:var(--primary)}.footer-col a:focus-visible{outline:none;box-shadow:var(--focus-ring)}.footer-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;width:min(var(--content-max),calc(100% - var(--page-gutter)*2));margin:0 auto;padding:20px 0 28px;border-top:1px solid var(--border);color:var(--soft);font-size:13px}.policy-page{width:min(860px,calc(100% - 40px));margin:0 auto}.policy-hero{padding:42px 0 18px}.policy-hero p{max-width:680px;color:var(--text-secondary);font-size:18px;line-height:1.7}.policy-content{display:grid;gap:18px;padding:22px 0 24px}.policy-content h2{margin:12px 0 0;font-size:22px}.policy-content p{max-width:740px;margin:0;color:var(--text-secondary);line-height:1.75}.policy-content a{color:var(--primary);font-weight:700}.policy-content a:hover{color:var(--primary-hover)}.policy-content a:focus-visible{outline:none;border-radius:2px;box-shadow:var(--focus-ring)}.sitemap-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}.sitemap-link-grid a{display:flex;align-items:center;min-height:42px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-secondary);font-size:14px;font-weight:650}.sitemap-link-grid a:hover{border-color:color-mix(in srgb,var(--primary) 35%,var(--border));color:var(--primary)}.category-nav,.content-section,.home-hero,.home-tool-shell,.home-upload-gateway,.tool-intro{width:min(var(--content-max),calc(100% - var(--page-gutter)*2));margin-inline:auto}.home-hero{position:relative;padding:62px 0 30px}.hero-layout{display:grid;grid-template-columns:minmax(0,1fr) 440px;align-items:center;gap:48px}.hero-copy{position:relative;max-width:760px}.tool-intro{position:relative;padding:40px 0 24px}.tool-hero{display:grid;grid-template-columns:minmax(0,1fr) 360px;align-items:stretch;gap:28px;max-width:none;padding:42px 0 28px}.tool-hero-copy{min-width:0}.tool-hero-copy p{max-width:640px}.tool-size-links{display:grid;gap:8px;margin:12px 0 4px}.tool-size-links-label{color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.tool-size-link-row{display:flex;flex-wrap:wrap;gap:6px}.tool-size-link{display:inline-flex;align-items:center;min-height:28px;padding:0 11px;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--border));border-radius:var(--radius-full);background:var(--surface);color:var(--text);font-size:12px;font-weight:750;text-decoration:none;transition:border-color .14s ease,background .14s ease,color .14s ease}.tool-size-link:hover{border-color:color-mix(in srgb,var(--primary) 40%,var(--border));background:var(--primary-soft);color:var(--primary)}.tool-size-link.is-current{border-color:color-mix(in srgb,var(--primary) 42%,var(--border));background:linear-gradient(180deg,color-mix(in srgb,var(--primary-soft) 88%,#fff),color-mix(in srgb,var(--primary-soft) 55%,#fff));color:var(--primary);box-shadow:0 1px 2px #0b63f614,inset 0 1px #ffffffeb;cursor:default}.tool-intro-tags{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:10px;margin:14px 0 0}.tool-intro>.tool-intro-tags{justify-content:flex-start;margin-top:16px}.tool-hero.is-centered .tool-intro-tags{justify-content:center}.tool-intro-tag{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 16px;border:1px solid color-mix(in srgb,var(--success) 44%,var(--border));border-radius:var(--radius-full);background:linear-gradient(180deg,color-mix(in srgb,var(--success-soft) 92%,#fff),color-mix(in srgb,var(--success-soft) 62%,#fff));box-shadow:0 1px 2px #07835f1a,inset 0 1px #fffffff0;color:color-mix(in srgb,var(--success) 88%,var(--text));font-size:14px;font-weight:780;line-height:1.3;letter-spacing:.01em;white-space:nowrap}.tool-intro-tag svg{width:15px;height:15px;flex-shrink:0;color:color-mix(in srgb,var(--success) 92%,var(--text))}.handoff-overlay{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:20px;background:#0f172a61;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.handoff-overlay-card{display:grid;gap:10px;width:min(360px,100%);padding:20px;border:1px solid color-mix(in srgb,var(--primary) 16%,var(--border));border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-workspace);text-align:center}.handoff-overlay-icon{width:28px;height:28px;margin:0 auto;color:var(--primary)}.handoff-overlay-card strong{font-size:16px}.handoff-overlay-card p{margin:0;color:var(--muted);font-size:13px}.handoff-progress-track{overflow:hidden;height:8px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--primary) 10%,var(--surface-soft))}.handoff-progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),color-mix(in srgb,var(--primary) 70%,#60a5fa));transition:width .18s ease}.handoff-progress-meta{color:var(--soft);font-size:11px;font-weight:750;letter-spacing:.04em;text-transform:uppercase}.exif-active-file{margin:0;padding:8px 10px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--primary-soft) 72%,#fff);color:var(--muted);font-size:12px;line-height:1.45}.exif-active-file strong{color:var(--text)}.tool-hero-label{display:inline-flex;align-items:center;gap:10px;margin-bottom:16px;color:var(--primary);font-size:13px;font-weight:820}.tool-hero-panel{display:grid;gap:18px;align-content:start;min-height:260px;padding:20px;border:1px solid color-mix(in srgb,var(--primary) 14%,var(--border));border-radius:var(--radius-lg);background:radial-gradient(circle at 20% 0,rgba(11,99,246,.1),transparent 32%),radial-gradient(circle at 88% 12%,rgba(0,167,181,.08),transparent 28%),linear-gradient(180deg,#fff,var(--primary-soft));box-shadow:var(--shadow-card)}.panel-orbit{display:grid;width:82px;height:82px;place-items:center;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--border));border-radius:22px;background:linear-gradient(135deg,var(--primary-soft),var(--accent-soft));color:var(--primary)}.panel-orbit svg{width:38px;height:38px}.tool-hero-stats{display:grid;gap:10px}.tool-hero-stats div{display:grid;gap:3px;padding:12px;border:1px solid color-mix(in srgb,var(--primary) 10%,var(--border));border-radius:var(--radius-md);background:#ffffffc7}.tool-hero-stats span{color:var(--muted);font-size:11px;font-weight:780;letter-spacing:.06em;text-transform:uppercase}.tool-hero-stats strong{color:var(--text);font-size:14px}.tool-hero.is-convert .panel-orbit,.tool-hero.is-convert .tool-hero-panel{border-color:color-mix(in srgb,#8b5cf6 22%,var(--border))}.tool-hero.is-resize .panel-orbit,.tool-hero.is-resize .tool-hero-panel{border-color:color-mix(in srgb,#14b8a6 22%,var(--border))}.tool-hero.is-crop .panel-orbit,.tool-hero.is-crop .tool-hero-panel{border-color:color-mix(in srgb,#f97316 22%,var(--border))}.tool-hero.is-exif .panel-orbit,.tool-hero.is-exif .tool-hero-panel,.tool-hero.is-privacy .panel-orbit,.tool-hero.is-privacy .tool-hero-panel{border-color:color-mix(in srgb,#10b981 22%,var(--border))}.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;color:var(--muted);font-size:13px;font-weight:600}.breadcrumb a:hover{color:var(--primary)}.breadcrumb a:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:2px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--font-ui);font-weight:760;letter-spacing:0;text-wrap:balance}h1{max-width:820px;margin-bottom:16px;font-size:clamp(2.1rem,5vw,3.55rem);line-height:1.08}h2{margin-bottom:12px;font-size:clamp(1.5rem,3vw,2rem);line-height:1.15}h3{margin-bottom:8px;font-size:17px;font-weight:700;line-height:1.3}.hero-copy p,.tool-intro p{color:var(--text-secondary);font-size:18px;line-height:1.7;text-wrap:pretty}.hero-copy p{max-width:640px}.tool-intro p{max-width:720px}.hero-actions{gap:10px;margin-top:26px}.hero-actions,.trust-row{display:flex;flex-wrap:wrap}.trust-row{gap:8px;margin-top:20px}.hero-preview{display:grid;gap:14px;padding:16px;border:1px solid color-mix(in srgb,var(--primary) 14%,var(--border));border-radius:var(--radius-lg);background:linear-gradient(180deg,#fff,var(--primary-soft));box-shadow:0 1px 2px #0f172a0a,0 16px 40px #0b63f61f,0 0 0 1px #0b63f60d}.preview-toolbar{display:flex;align-items:center;gap:8px;min-height:28px;color:var(--muted);font-size:12px}.preview-toolbar strong{margin-left:4px;color:var(--text);font-size:13px}.preview-dot{width:8px;height:8px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--primary) 18%,var(--border))}.preview-dot:first-child{background:#22d3ee}.preview-dot:nth-child(2){background:#60a5fa}.preview-dot:nth-child(3){background:#34d399}.preview-drop{display:flex;align-items:center;gap:12px;padding:18px;border:1.5px dashed color-mix(in srgb,var(--primary) 32%,var(--border));border-radius:var(--radius-md);background:color-mix(in srgb,var(--primary-soft) 82%,#fff)}.preview-drop svg{width:30px;height:30px;color:var(--primary);flex-shrink:0}.preview-drop span,.preview-drop strong{display:block}.preview-drop span{color:var(--muted);font-size:13px}.preview-drop strong{color:var(--text)}.preview-file-list{display:grid;gap:9px}.preview-file{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:10px;border:1px solid color-mix(in srgb,var(--primary) 10%,var(--border));border-radius:var(--radius-md);background:#ffffffd1}.preview-file span,.preview-file strong{display:block}.preview-file strong{overflow:hidden;color:var(--text);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.preview-file span{color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.preview-file b{color:var(--accent);font-size:13px;font-variant-numeric:tabular-nums}.preview-thumb{display:block;width:42px;height:42px;border-radius:var(--radius-sm);background:var(--surface-soft)}.preview-thumb.cyan{background:linear-gradient(135deg,#d1f7ff,#0f6fff)}.preview-thumb.blue{background:linear-gradient(135deg,#dbeafe,#1d4ed8)}.preview-thumb.green{background:linear-gradient(135deg,#dcfce7,#0f766e)}.preview-settings{display:flex;flex-wrap:wrap;gap:7px}.preview-settings span{min-height:26px;padding:4px 9px;border:1px solid color-mix(in srgb,var(--primary) 12%,var(--border));border-radius:var(--radius-full);background:#ffffffe0;color:var(--text-secondary);font-size:12px;font-weight:700}.trust-row span{border:1px solid color-mix(in srgb,var(--primary) 35%,var(--border));border-radius:var(--radius-full);background:var(--primary-soft);color:var(--primary)}.category-pill,.status-badge,.trust-row span{display:inline-flex;align-items:center;gap:5px;min-height:28px;padding:0 11px;font-size:12px;font-weight:700;text-transform:capitalize}.category-pill,.status-badge{border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface);color:var(--muted)}.trust-row span svg{width:13px;height:13px;flex-shrink:0}.tool-workspace{width:min(var(--workspace-max),calc(100% - var(--page-gutter)*2));margin:12px auto 22px;overflow:hidden;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--border));border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-workspace)}.home-tool-shell .tool-workspace{width:100%}.home-upload-gateway{margin-bottom:36px}.home-gateway-dropzone{overflow:hidden;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--border));border-radius:var(--radius-lg);background:var(--surface);box-shadow:0 1px 2px #0f172a0a,0 20px 48px #0b63f61a}.home-gateway-panel{min-height:360px;padding:56px 52px;background:radial-gradient(circle at 18% 12%,rgba(0,167,181,.06),transparent 34%),radial-gradient(circle at 82% 84%,rgba(11,99,246,.06),transparent 32%),linear-gradient(180deg,#fffffff5,#fbfdfffa)}.home-gateway-empty{display:grid;place-items:center;min-height:284px;padding:28px 24px;border:1.5px dashed color-mix(in srgb,var(--primary) 26%,var(--border));border-radius:var(--radius-md);text-align:center;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.home-gateway-dropzone.is-dragging .home-gateway-empty{border-color:color-mix(in srgb,var(--primary) 52%,var(--border));box-shadow:0 0 0 3px var(--primary-ring),0 14px 36px #0b63f61f;transform:scale(1.005)}.home-gateway-picker{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.35fr);gap:28px;align-items:start}.home-gateway-files{display:grid;gap:14px;min-width:0}.home-gateway-kicker{display:inline-flex;align-items:center;gap:8px;width:-moz-fit-content;width:fit-content;min-height:32px;padding:0 12px;border:1px solid color-mix(in srgb,var(--success) 32%,var(--border));border-radius:var(--radius-full);background:color-mix(in srgb,var(--success-soft) 72%,#fff);color:color-mix(in srgb,var(--success) 82%,var(--text));font-size:13px;font-weight:780}.home-gateway-kicker svg{width:15px;height:15px}.home-gateway-files h2{margin:0;color:var(--text);font-size:clamp(28px,3vw,42px);line-height:1.08;letter-spacing:0}.home-gateway-files p{margin:0;color:var(--muted);font-size:15px;line-height:1.6}.home-file-list{display:grid;gap:8px;min-width:0}.home-file-row{display:grid;grid-template-columns:38px minmax(0,1fr) 32px;align-items:center;gap:10px;min-height:54px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--primary) 14%,var(--border));border-radius:var(--radius-md);background:#ffffffd1}.home-file-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--primary-soft);color:var(--primary)}.home-file-icon svg,.home-file-remove svg{width:18px;height:18px}.home-file-row strong{display:block;overflow:hidden;color:var(--text);font-size:14px;font-weight:760;text-overflow:ellipsis;white-space:nowrap}.home-file-row span{color:var(--muted);font-size:12px;font-weight:650}.home-file-remove{display:grid;place-items:center;width:32px;height:32px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--soft);cursor:pointer}.home-file-remove:hover{border-color:color-mix(in srgb,var(--danger) 24%,var(--border));background:var(--danger-soft);color:var(--danger)}.home-file-more,.home-gateway-notice{padding:0 4px;color:var(--muted);font-size:13px;font-weight:650}.home-gateway-notice{color:color-mix(in srgb,var(--danger) 82%,var(--text))}.home-gateway-actions{display:flex;flex-wrap:wrap;gap:10px}.home-gateway-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-height:580px;overflow:auto;padding-right:2px}.home-tool-choice{display:grid;grid-template-columns:46px minmax(0,1fr) 18px;align-items:center;gap:12px;min-height:94px;padding:14px;border:1px solid color-mix(in srgb,var(--primary) 16%,var(--border));border-radius:var(--radius-md);background:linear-gradient(180deg,#fffffff0,#f8fbfff5);color:var(--text);text-align:left;cursor:pointer;box-shadow:inset 0 1px #ffffffe6;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.home-tool-choice:hover:not(:disabled){border-color:color-mix(in srgb,var(--primary) 42%,var(--border));box-shadow:0 14px 30px #0b63f61c;transform:translateY(-1px)}.home-tool-choice:focus-visible{outline:none;box-shadow:var(--focus-ring)}.home-tool-choice:disabled{cursor:wait;opacity:.7}.home-tool-choice-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:var(--primary-soft);color:var(--primary)}.home-tool-choice-icon svg,.home-tool-choice>svg{width:18px;height:18px}.home-tool-choice strong{display:block;margin-bottom:3px;color:var(--text);font-size:15px;font-weight:780;line-height:1.25}.home-tool-choice small{display:block;color:var(--muted);font-size:12px;font-weight:620;line-height:1.4}.home-tool-choice>svg{color:var(--soft)}.workspace-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:16px 20px;border-bottom:1px solid color-mix(in srgb,var(--primary) 16%,var(--border));background:radial-gradient(circle at 20% 0,rgba(11,99,246,.07),transparent 34%),linear-gradient(135deg,#fff,#f5faff)}.workspace-head h2{margin-bottom:4px;font-size:19px;line-height:1.2}.workspace-head p{max-width:620px;margin:0;color:var(--muted);font-size:13px;line-height:1.5}.workspace-chips{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;min-width:200px}.workspace-chips span{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border:1px solid color-mix(in srgb,var(--primary) 22%,var(--border));border-radius:var(--radius-full);background:color-mix(in srgb,var(--surface) 82%,var(--primary-soft));color:var(--primary);font-size:11px;font-weight:760;white-space:nowrap}.workspace-grid{display:flex;flex-direction:column}.workspace-active,.workspace-results{display:grid;gap:0}.workspace-columns{display:grid;grid-template-columns:minmax(300px,360px) minmax(0,1fr);gap:0;align-items:start}.files-column{min-width:0;padding:16px;border-left:1px solid color-mix(in srgb,var(--primary) 12%,var(--border))}.action-column{position:sticky;top:calc(var(--header-h) + 16px);display:grid;gap:0;align-content:start;align-self:start;min-width:0}.action-column .engine-settings,.settings-panel{min-width:0;padding:16px;border-bottom:1px solid color-mix(in srgb,var(--primary) 12%,var(--border));background:linear-gradient(180deg,rgba(11,99,246,.045),transparent 100px),#fbfdff}.engine-settings>*+*,.settings-panel>*+*{margin-top:12px}.tool-workspace.is-simple-compress,.tool-workspace.is-simple-workspace{box-shadow:var(--shadow-workspace);overflow:visible}.tool-workspace.is-simple-compress .results-panel.is-empty.is-simple,.tool-workspace.is-simple-workspace .results-panel.is-empty.is-simple{display:grid;gap:0}.tool-workspace.is-simple-compress .empty-state.is-simple,.tool-workspace.is-simple-workspace .empty-state.is-simple{padding:28px 20px 20px;border-bottom:1px solid var(--border)}.tool-workspace.is-simple-compress .workspace-privacy-callout,.tool-workspace.is-simple-workspace .workspace-privacy-callout{margin:0;border-radius:0;padding:12px 16px;border:0;background:linear-gradient(180deg,color-mix(in srgb,var(--accent-soft) 72%,#fff),color-mix(in srgb,var(--primary-soft) 38%,#fff))}.tool-workspace.is-simple-compress .workspace-privacy-callout .callout-body,.tool-workspace.is-simple-workspace .workspace-privacy-callout .callout-body{color:var(--text);font-size:13px;line-height:1.5}.tool-workspace.is-simple-compress .workspace-privacy-callout .callout-body strong,.tool-workspace.is-simple-workspace .workspace-privacy-callout .callout-body strong{font-size:14px}.empty-state-target{margin:0 0 12px;color:var(--primary);font-size:13px;font-weight:700;letter-spacing:.01em;text-align:center}.workspace-simple{display:grid;gap:0}.compress-simple-bar{--compress-control-h:40px;position:relative;display:flex;flex-direction:column;gap:0;padding:0;overflow:visible;border-bottom:1px solid color-mix(in srgb,var(--primary) 14%,var(--border));background:linear-gradient(180deg,color-mix(in srgb,var(--primary-soft) 24%,#fff) 0,#fff)}.compress-simple-bar .help-tooltip{z-index:2}.compress-simple-bar .help-tooltip:after{top:calc(100% + 10px);bottom:auto;z-index:40;transform:translate(-50%,-4px)}.compress-simple-bar .help-tooltip:before{top:calc(100% + 4px);bottom:auto;z-index:41;border:1px solid color-mix(in srgb,var(--primary) 14%,var(--border));border-top:0;border-left:0;background:var(--surface)}.compress-cell-kicker .help-tooltip:after{text-transform:none;letter-spacing:0}.compress-simple-bar .help-tooltip:focus-visible:after,.compress-simple-bar .help-tooltip:hover:after{transform:translate(-50%)}.compress-rail-accent{height:3px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 70%,var(--primary)) 0,var(--primary) 42%,color-mix(in srgb,var(--primary) 70%,#5b9dff) 100%)}.compress-panel{min-width:0}.compress-panel-settings{position:relative;z-index:1;overflow:visible;padding:14px 16px 12px;border-bottom:1px solid color-mix(in srgb,var(--primary) 10%,var(--border));background:linear-gradient(180deg,#fffffff0,#fffffffa),repeating-linear-gradient(90deg,transparent,transparent 23px,color-mix(in srgb,var(--primary) 4%,transparent) 23px,color-mix(in srgb,var(--primary) 4%,transparent) 24px)}.compress-panel-grid{display:flex;align-items:start;gap:0;min-width:0}.compress-cell{display:grid;gap:7px;min-width:0;grid-template-rows:18px var(--compress-control-h);align-content:start}.compress-cell-kicker{display:inline-flex;align-items:center;gap:6px;height:18px;color:color-mix(in srgb,var(--muted) 88%,var(--primary));font-size:10px;font-weight:800;letter-spacing:.1em;line-height:1;text-transform:uppercase}.compress-cell-format{flex:0 0 148px;padding-right:16px}.compress-cell-format .compress-cell-kicker{white-space:nowrap}.compress-cell-format .compress-cell-control{padding-right:28px;text-overflow:ellipsis}.compress-grid-divider{flex:0 0 1px;align-self:stretch;width:1px;min-height:calc(25px + var(--compress-control-h));margin-block:0;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--primary) 16%,var(--border)) 18%,color-mix(in srgb,var(--primary) 16%,var(--border)) 82%,transparent)}.compress-cell-detail{flex:1 1 0;min-width:0;padding-inline:16px}.compress-cell-constraints{flex:0 1 auto;padding-left:16px;grid-template-rows:18px auto}.compress-output-stack{display:grid;gap:8px;min-width:0}.compress-output-stack .compress-cell-control{width:100%}.compress-output-stack .compress-constraint-row{min-height:0}.compress-cell-control{width:100%;height:var(--compress-control-h);min-height:var(--compress-control-h);padding:0 10px;border:1px solid color-mix(in srgb,var(--primary) 12%,var(--border));border-radius:var(--radius-sm);background:var(--surface-inset);color:var(--text);font-size:13px;font-weight:700;box-sizing:border-box;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.compress-cell-detail .quality-field,.compress-cell-detail .quality-field-row{height:var(--compress-control-h);min-height:var(--compress-control-h);margin:0}.compress-cell-detail .quality-field.is-segment .radio-group{height:var(--compress-control-h);min-height:var(--compress-control-h);box-sizing:border-box;padding:2px}.compress-cell-detail .quality-field.is-segment.is-compact .radio-row{gap:6px;padding:0 8px}.compress-cell-detail .radio-row-subtitle{display:none}.compress-cell-detail .radio-row-label{font-size:12px;font-weight:700;line-height:1;white-space:nowrap}.compress-simple-bar .param-cell,.compress-simple-bar .param-toggle{height:var(--compress-control-h);min-height:var(--compress-control-h);box-sizing:border-box}.compress-simple-bar .param-cell-compact .param-cell-input input{width:72px;height:calc(var(--compress-control-h) - 10px);box-sizing:border-box}.compress-cell-control:hover{border-color:color-mix(in srgb,var(--primary) 28%,var(--border))}.compress-cell-control:focus-visible{outline:none;border-color:var(--primary);box-shadow:var(--focus-ring)}.compress-cell-output{display:inline-flex;align-items:center;justify-content:center;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.compress-simple-bar.is-advanced-resize .compress-cell-format{flex:0 0 228px;grid-template-rows:18px auto}.compress-simple-bar.is-advanced-resize .compress-cell-detail{grid-template-rows:18px auto}.compress-simple-bar.is-advanced-resize .compress-grid-divider{min-height:100%}.resize-mode-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:3px;border:1px solid color-mix(in srgb,var(--primary) 12%,var(--border));border-radius:var(--radius-sm);background:color-mix(in srgb,var(--primary-soft) 28%,#fff)}.resize-mode-tab{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:52px;padding:4px 2px;border:0;border-radius:calc(var(--radius-sm) - 2px);background:transparent;color:color-mix(in srgb,var(--muted) 84%,var(--text));font-size:11px;font-weight:700;line-height:1.1;cursor:pointer;transition:background .16s ease,color .16s ease,box-shadow .16s ease}.resize-mode-tab svg{width:15px;height:15px}.resize-mode-tab.is-active{background:#fff;color:var(--primary);box-shadow:0 1px 2px #0b63f61f}.resize-mode-tab:focus-visible{outline:none;box-shadow:var(--focus-ring)}.resize-source-size{display:inline-flex;align-items:center;gap:6px;margin:0 0 8px;color:color-mix(in srgb,var(--muted) 88%,var(--text));font-size:12px;font-weight:600}.resize-source-size svg{width:14px;height:14px;color:color-mix(in srgb,var(--primary) 70%,var(--text))}.resize-dimension-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:end}.resize-dimension-field{display:grid;gap:4px;min-width:0}.resize-dimension-field>span:first-child{color:color-mix(in srgb,var(--muted) 84%,var(--text));font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.resize-dimension-field .param-cell-input input{width:100%;min-width:0}.resize-aspect-lock{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;margin-bottom:1px;border:1px solid color-mix(in srgb,var(--primary) 12%,var(--border));border-radius:var(--radius-sm);background:var(--surface-inset);color:color-mix(in srgb,var(--muted) 80%,var(--text));cursor:pointer}.resize-aspect-lock.is-locked{color:var(--primary);border-color:color-mix(in srgb,var(--primary) 34%,var(--border));background:color-mix(in srgb,var(--primary-soft) 72%,#fff)}.resize-aspect-lock:focus-visible{outline:none;box-shadow:var(--focus-ring)}.resize-toggle-row{display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:10px}.resize-toggle-row.is-compact{margin-top:8px}.resize-toggle{display:inline-flex;align-items:center;gap:8px;color:var(--text);font-size:12px;font-weight:600;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-toggle input{width:34px;height:20px;margin:0;accent-color:var(--primary)}.watermark-layout-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.watermark-layout-row .compress-cell-control{flex:1 1 140px;min-width:0}.watermark-style-row{display:grid;gap:10px}.watermark-style-field{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:600}.watermark-style-field output{color:var(--text);font-size:12px;font-weight:700}.watermark-style-field input[type=range]{width:100%;accent-color:var(--primary)}.is-watermark-bar .compress-panel-settings{padding:12px 14px 10px}.is-watermark-preflight{border-top:1px solid color-mix(in srgb,var(--primary) 10%,var(--border))}.watermark-settings-card{display:grid;gap:12px;min-width:0}.watermark-settings-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,240px);gap:16px;align-items:start}.watermark-settings-main{min-width:0}.watermark-preview-pane{display:grid;gap:8px;min-width:0}.watermark-preview-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.watermark-preview-hint{color:var(--muted);font-size:11px;font-weight:600}.watermark-preview-frame{position:relative;width:100%;overflow:hidden;border:1px solid color-mix(in srgb,var(--primary) 12%,var(--border));border-radius:var(--radius-md);background:color-mix(in srgb,var(--surface-soft) 70%,#fff)}.watermark-preview-frame.is-draggable{cursor:grab}.watermark-preview-frame.is-dragging{cursor:grabbing}.watermark-preview-canvas{display:block;width:100%;height:auto}.watermark-preview-canvas.is-interactive{touch-action:none}.watermark-preview-loading{position:absolute;inset:auto 8px 8px auto;padding:4px 8px;border-radius:var(--radius-sm);background:#0f172ab8;color:#fff;font-size:11px;font-weight:700}.watermark-preview-note{margin:0;color:var(--muted);font-size:11px;line-height:1.45}.watermark-style-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px}.watermark-reset-btn{min-height:28px;padding-inline:10px;font-size:12px}.watermark-text-presets{display:flex;flex-wrap:wrap;gap:6px}.watermark-preset-chip{min-height:30px;padding:0 10px;border:1px solid color-mix(in srgb,var(--border) 90%,var(--primary));border-radius:999px;background:#fff;color:var(--muted);font-size:12px;font-weight:700;cursor:pointer}.watermark-preset-chip:hover{border-color:color-mix(in srgb,var(--primary) 30%,var(--border));color:var(--primary)}.watermark-preset-chip:focus-visible{outline:none;box-shadow:var(--focus-ring)}.watermark-upload-zone.is-dragover .watermark-upload-btn{border-color:var(--primary);background:color-mix(in srgb,var(--primary-soft) 55%,#fff)}.watermark-upload-meta{color:var(--muted);font-size:11px;font-weight:600}.watermark-logo-name{margin:0;color:var(--muted);font-size:12px;font-weight:600;word-break:break-all}.watermark-field-error{margin:0;color:#b42318;font-size:12px;font-weight:600}.watermark-shadow-toggle{min-height:36px}@media(max-width:920px){.watermark-settings-layout{grid-template-columns:1fr}.watermark-preview-pane{order:-1}}.watermark-settings-head{display:grid;gap:10px}.watermark-settings-title{color:color-mix(in srgb,var(--primary) 88%,var(--text));font-size:15px;font-weight:800;letter-spacing:-.01em}.watermark-settings-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--surface-soft) 88%,#fff)}.watermark-settings-tab{min-height:36px;padding:0 12px;border:0;border-radius:calc(var(--radius-md) - 2px);background:transparent;color:var(--muted);font-size:13px;font-weight:700;cursor:pointer}.watermark-settings-tab.is-active{background:#fff;box-shadow:0 1px 3px #0f172a14;color:var(--primary)}.watermark-settings-tab:focus-visible{outline:none;box-shadow:var(--focus-ring)}.watermark-settings-body{display:grid;gap:12px}.watermark-layout-toggle,.watermark-type-toggle{display:grid;grid-template-columns:1fr 1fr;gap:10px}.watermark-layout-btn,.watermark-type-btn{display:grid;justify-items:center;gap:6px;min-height:72px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--border) 88%,var(--primary));border-radius:var(--radius-md);background:#fff;color:var(--muted);font-size:13px;font-weight:700;cursor:pointer}.watermark-layout-btn svg,.watermark-type-btn svg{width:22px;height:22px}.watermark-layout-btn.is-active,.watermark-type-btn.is-active{border-color:color-mix(in srgb,var(--primary) 42%,var(--border));background:color-mix(in srgb,var(--primary-soft) 72%,#fff);color:var(--primary)}.watermark-text-field{display:block}.watermark-upload-zone{display:grid;gap:10px;justify-items:center}.watermark-upload-btn{display:grid;justify-items:center;gap:8px;width:100%;min-height:120px;padding:16px;border:1px dashed color-mix(in srgb,var(--primary) 24%,var(--border));border-radius:var(--radius-md);background:color-mix(in srgb,var(--primary-soft) 28%,#fff);color:var(--muted);font-size:14px;font-weight:700;cursor:pointer}.watermark-upload-btn svg{width:28px;height:28px;color:var(--primary)}.watermark-logo-preview{max-width:120px;max-height:64px;-o-object-fit:contain;object-fit:contain;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--surface-soft) 70%,#fff)}.watermark-section-label{color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.watermark-slider-field{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center}.watermark-slider-label{display:inline-flex;align-items:center;gap:6px;color:var(--text);font-size:13px;font-weight:600}.watermark-slider-label svg{width:14px;height:14px;color:var(--muted)}.watermark-slider-value{color:var(--primary);font-size:13px;font-weight:800}.watermark-slider-field input[type=range]{grid-column:1/-1;width:100%;accent-color:var(--primary)}.watermark-color-row,.watermark-position-block{display:grid;gap:8px}.watermark-position-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:168px}.watermark-position-cell{aspect-ratio:1;min-height:40px;border:1px solid color-mix(in srgb,var(--border) 90%,var(--primary));border-radius:var(--radius-sm);background:#fff;cursor:pointer}.watermark-position-cell.is-active{border-color:var(--primary);background:var(--primary)}.watermark-position-cell:focus-visible{outline:none;box-shadow:var(--focus-ring)}.watermark-output-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding-top:4px;border-top:1px solid color-mix(in srgb,var(--primary) 8%,var(--border))}.watermark-output-row .compress-cell-control{min-width:140px}.compress-constraint-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;height:auto;min-height:var(--compress-control-h)}.compress-panel-command{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:50px;padding:9px 16px;background:linear-gradient(180deg,color-mix(in srgb,var(--primary-soft) 48%,var(--surface)),var(--surface)),repeating-linear-gradient(0deg,transparent,transparent 7px,color-mix(in srgb,var(--primary) 3%,transparent) 7px,color-mix(in srgb,var(--primary) 3%,transparent) 8px)}.compress-command-status{display:flex;align-items:center;gap:10px;flex:1 1 auto;min-width:0}.compress-status-dot{flex:0 0 auto;width:8px;height:8px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--muted) 40%,var(--border));transition:background .18s ease,box-shadow .18s ease,transform .18s ease}.compress-status-dot.is-ready{background:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent);animation:compress-status-pulse 2.4s ease-in-out infinite}.compress-status-dot.is-done{background:var(--success);box-shadow:0 0 0 3px color-mix(in srgb,var(--success) 18%,transparent)}@keyframes compress-status-pulse{0%,to{transform:scale(1);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent)}50%{transform:scale(1.08);box-shadow:0 0 0 5px color-mix(in srgb,var(--primary) 10%,transparent)}}@media(prefers-reduced-motion:reduce){.compress-status-dot.is-ready{animation:none}.quality-field.is-segment .radio-row,.quality-field.is-segment .radio-row:has(input:checked){transform:none;transition-duration:.01ms}}.compress-simple-summary.is-muted{color:var(--muted)}.compress-summary-files{color:var(--text);font-weight:700}.compress-summary-sep{margin-inline:2px;color:color-mix(in srgb,var(--muted) 70%,var(--border))}.compress-summary-save.is-success{color:var(--success);font-weight:750}.compress-summary-save.is-neutral{color:var(--muted);font-weight:650}.compress-simple-bar-empty{border-top:1px solid var(--border);border-bottom:0}.compress-simple-target{display:grid;gap:1px;min-width:64px}.compress-simple-target-label{color:var(--muted);font-size:10px;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.compress-simple-target strong{color:var(--text);font-size:18px;font-variant-numeric:tabular-nums}.compress-simple-bar .quality-field .radio-group{grid-template-columns:repeat(3,minmax(0,1fr))}.quality-field.is-levels .radio-group{grid-template-columns:repeat(3,minmax(72px,1fr))}.quality-field.is-segment .radio-group{display:flex;gap:3px;padding:3px;border:1px solid color-mix(in srgb,var(--primary) 12%,var(--border));border-radius:var(--radius-sm);background:color-mix(in srgb,var(--surface-inset) 88%,var(--primary-soft))}.quality-field.is-segment .radio-row{position:relative;flex:1 1 0;min-width:0;margin:0;border:0;border-radius:calc(var(--radius-sm) - 2px);background:transparent;box-shadow:none;overflow:hidden;transition:background .16s ease,box-shadow .16s ease,color .16s ease}.quality-field.is-segment .radio-row:before{content:none}.quality-field.is-segment .radio-row:hover:not(:has(input:checked)){background:color-mix(in srgb,var(--primary-soft) 52%,transparent)}.quality-field.is-segment .radio-row:has(input:checked){background:var(--surface);box-shadow:var(--shadow-subtle);color:var(--primary)}.quality-field.is-segment .radio-row:has(input:focus-visible){box-shadow:var(--focus-ring)}.quality-field.is-segment .radio-row input{position:relative;flex:0 0 auto;width:14px;height:14px;margin:0;accent-color:var(--primary);cursor:pointer}.quality-field.is-segment.is-compact .radio-row{flex-direction:row;align-items:center;justify-content:center;gap:6px;min-height:0;height:100%;padding:0 10px}.quality-field.is-segment.is-compact .radio-row-copy{position:relative;z-index:1;display:inline-flex;align-items:center}.quality-field.is-levels.is-compact:not(.is-segment) .radio-row{flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:52px;padding:6px 8px}.quality-field.is-levels.is-compact:not(.is-segment) .radio-row input{margin-bottom:2px}.quality-field.is-levels.is-compact .radio-row-copy{display:grid;gap:1px;text-align:center}.quality-field.is-levels.is-compact .radio-row-label{font-size:12px;font-weight:700;line-height:1.2}.quality-field.is-levels.is-compact .radio-row-subtitle{color:var(--muted);font-size:10px;font-weight:600;line-height:1.2}.quality-field.is-segment.is-compact .radio-row:has(input:checked) .radio-row-subtitle{color:color-mix(in srgb,var(--primary) 58%,var(--muted))}.quality-field.is-levels .radio-row-label{font-size:12px;font-weight:650}.quality-field-hint{margin:6px 0 0;color:var(--muted);font-size:11px;line-height:1.45}.compress-simple-summary{flex:1 1 auto;min-width:0;margin:0;color:var(--text-secondary);font-size:13px;font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compress-simple-action-divider{width:1px;height:24px;margin-inline:2px;background:color-mix(in srgb,var(--border-strong) 70%,transparent);flex-shrink:0}.param-cell{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:0 8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:text}.param-cell-label{color:var(--muted);font-size:11px;font-weight:650;white-space:nowrap}.param-cell-input{display:inline-flex;align-items:center;gap:4px}.param-cell-input input{width:112px;height:28px;padding:0 6px;border:1px solid color-mix(in srgb,var(--primary) 14%,var(--border));border-radius:4px;background:var(--surface);color:var(--text);font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;text-align:center}.param-cell-input input:focus-visible{outline:none;box-shadow:var(--focus-ring)}.param-cell-unit{color:var(--muted);font-size:11px;font-weight:650;font-variant-numeric:tabular-nums}.param-toggle{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:12px;font-weight:650;cursor:pointer;white-space:nowrap;transition:border-color .14s ease,background .14s ease}.param-toggle:has(input:checked){border-color:color-mix(in srgb,var(--primary) 36%,var(--border));background:var(--primary-soft);color:var(--primary)}.param-toggle:has(input:focus-visible){box-shadow:var(--focus-ring)}.param-toggle input{width:14px;height:14px;margin:0;accent-color:var(--primary);flex-shrink:0}.compress-simple-actions{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:8px;flex:0 0 auto}.compress-simple-actions .compress-simple-strip-btn{min-height:34px;padding:0 11px;border:1px solid color-mix(in srgb,var(--primary) 14%,var(--border-strong));border-radius:var(--radius-sm);background:#ffffffe0;color:var(--text);font-size:13px;font-weight:650;box-shadow:0 1px #0f172a0a;transition:border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}.compress-simple-actions .compress-simple-strip-btn:active:not(:disabled){transform:translateY(1px)}.compress-simple-primary-action{min-height:34px;padding:0 15px;font-size:13px;font-weight:750;white-space:nowrap;box-shadow:0 1px #0f172a14,0 8px 18px #0b63f62e;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.compress-simple-primary-action:hover:not(:disabled){box-shadow:0 1px #0f172a14,0 10px 22px #0b63f63d}.compress-simple-primary-action:active:not(:disabled){transform:translateY(1px)}.compress-simple-actions .compress-simple-strip-btn svg{width:15px;height:15px}.compress-simple-actions .compress-simple-strip-btn:hover:not(:disabled){border-color:color-mix(in srgb,var(--primary) 36%,var(--border));background:var(--primary-soft);color:var(--primary);box-shadow:0 4px 12px #0b63f61a}.compress-simple-actions .compress-simple-strip-btn.is-add{border-color:color-mix(in srgb,var(--success) 42%,var(--border));color:var(--success)}.compress-simple-actions .compress-simple-strip-btn.is-add:hover:not(:disabled){border-color:color-mix(in srgb,var(--success) 58%,var(--border));background:var(--success-soft);color:var(--success);box-shadow:0 4px 12px #15803d1f}.compress-simple-actions .compress-simple-strip-btn.is-clear{border-color:color-mix(in srgb,var(--danger) 42%,var(--border));color:var(--danger)}.compress-simple-actions .compress-simple-strip-btn.is-clear:hover:not(:disabled){border-color:color-mix(in srgb,var(--danger) 58%,var(--border));background:var(--danger-soft);color:var(--danger);box-shadow:0 4px 12px #b423181f}.compress-simple-actions .compress-simple-strip-btn.is-download{border-color:color-mix(in srgb,var(--primary) 42%,var(--border));color:var(--primary)}.compress-simple-actions .compress-simple-strip-btn.is-download:hover:not(:disabled){border-color:color-mix(in srgb,var(--primary) 58%,var(--border));background:var(--primary-soft);color:var(--primary);box-shadow:0 4px 12px #0b63f61f}.simple-file-list{display:grid;gap:8px;padding:8px 12px 0}.file-item-lead{display:flex;align-items:center;gap:10px;min-width:0}.file-item-thumb-wrap{flex:0 0 auto;width:52px;height:52px;overflow:hidden;border-radius:var(--radius-sm);background:var(--surface-soft)}.file-item-thumb{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.file-item-body{flex:1 1 auto;display:flex;align-items:center;min-width:0}.file-item-body strong{display:block;font-size:13px;text-align:left}.file-item-body strong,.file-item-meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.file-item-meta{margin:0;min-width:0;color:var(--text);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;text-align:center}.file-item-meta.is-pending{color:var(--muted);font-weight:650}.file-item-side{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:6px}.file-item-progress{width:100%;height:4px;margin:0}.file-item-error{margin:0;text-align:center}.tool-hero.is-compact{grid-template-columns:1fr;gap:12px;padding-bottom:18px}.tool-hero.is-compact .tool-intro-tags,.tool-hero.is-compact .trust-row{margin-top:4px}.tool-hero.is-compact h1{font-size:clamp(1.6rem,3vw,2rem);margin-bottom:6px}.tool-hero.is-compact>.tool-hero-copy p{max-width:52ch;font-size:14px}.tool-stage{width:min(var(--workspace-max),calc(100% - var(--page-gutter)*2));margin-inline:auto;padding:40px 0 12px}.tool-stage .tool-intro{width:100%}.tool-hero.is-centered{grid-template-columns:1fr;gap:0;max-width:none;width:100%;padding:0 0 28px;text-align:center}.tool-hero.is-centered .breadcrumb,.tool-hero.is-centered .tool-hero-label{justify-content:center}.tool-hero.is-centered h1{max-width:18ch;margin-inline:auto;margin-bottom:12px;font-size:clamp(2.25rem,5.5vw,3.15rem);line-height:1.06;letter-spacing:-.02em}.tool-hero.is-centered>.tool-hero-copy p,.tool-hero.is-stage-hero>.tool-hero-copy p{max-width:none;margin-inline:auto;font-size:17px;line-height:1.65;text-wrap:nowrap;white-space:nowrap}@media(max-width:760px){.tool-hero.is-stage-hero>.tool-hero-copy p{white-space:normal;text-wrap:pretty}}.tool-hero.is-centered .tool-size-links{justify-items:center;margin-top:18px}.tool-hero.is-centered .tool-size-link-row{justify-content:center}.tool-hero.is-centered .trust-row{justify-content:center;margin-top:18px}.tool-workspace.is-stage-tool{width:100%;margin:0 0 28px;overflow:hidden;border:1px solid color-mix(in srgb,var(--primary) 14%,var(--border));border-radius:var(--radius-lg);background:var(--surface);box-shadow:0 1px 2px #0f172a0a,0 20px 48px #0b63f61a}.tool-workspace.is-stage-tool .results-panel.is-empty.is-stage{display:block}.stage-upload-card{display:grid;gap:0}.stage-dropzone{display:flex;flex-direction:column;align-items:stretch;justify-content:center;min-height:360px;padding:40px 32px 36px;text-align:center;background:radial-gradient(ellipse 90% 70% at 50% 0,rgba(11,99,246,.05),transparent 68%),var(--surface);transition:background .18s ease,box-shadow .18s ease}.stage-dropzone-panel{position:relative;display:flex;flex:1 1 auto;flex-direction:column;align-items:center;justify-content:center;min-height:284px;padding:28px 24px 24px;overflow:hidden;border:1.5px dashed color-mix(in srgb,var(--primary) 26%,var(--border));border-radius:var(--radius-md);background:linear-gradient(180deg,#fffffff5,#fbfdfffa),repeating-linear-gradient(0deg,transparent,transparent 23px,color-mix(in srgb,var(--primary) 5%,transparent) 23px,color-mix(in srgb,var(--primary) 5%,transparent) 24px),repeating-linear-gradient(90deg,transparent,transparent 23px,color-mix(in srgb,var(--primary) 5%,transparent) 23px,color-mix(in srgb,var(--primary) 5%,transparent) 24px);box-shadow:inset 0 1px #fffffff2,0 12px 32px #0b63f60f;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.stage-dropzone-grid{position:absolute;inset:0;pointer-events:none;opacity:.45;background:radial-gradient(circle at 18% 12%,rgba(0,167,181,.08),transparent 34%),radial-gradient(circle at 82% 88%,rgba(11,99,246,.07),transparent 32%)}.stage-dropzone.is-dragging .stage-dropzone-panel{border-color:color-mix(in srgb,var(--primary) 52%,var(--border));background:linear-gradient(180deg,color-mix(in srgb,var(--primary-soft) 72%,#fff),#fffffffa),repeating-linear-gradient(0deg,transparent,transparent 23px,color-mix(in srgb,var(--primary) 8%,transparent) 23px,color-mix(in srgb,var(--primary) 8%,transparent) 24px),repeating-linear-gradient(90deg,transparent,transparent 23px,color-mix(in srgb,var(--primary) 8%,transparent) 23px,color-mix(in srgb,var(--primary) 8%,transparent) 24px);box-shadow:0 0 0 3px var(--primary-ring),0 14px 36px #0b63f61f;transform:scale(1.005)}.stage-dropzone-badge{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;min-height:28px;margin-bottom:18px;padding:0 13px;border:1px solid color-mix(in srgb,var(--success) 32%,var(--border));border-radius:var(--radius-full);background:color-mix(in srgb,var(--success-soft) 72%,#fff);color:color-mix(in srgb,var(--success) 82%,var(--text));font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.stage-dropzone-badge svg{width:13px;height:13px;flex-shrink:0}.stage-dropzone-visual{margin-bottom:16px}.stage-dropzone-icon,.stage-dropzone-visual{position:relative;z-index:1;display:grid;place-items:center}.stage-dropzone-icon{width:56px;height:56px;border:1px solid color-mix(in srgb,var(--primary) 20%,var(--border));border-radius:16px;background:linear-gradient(155deg,#fff 0,var(--primary-soft) 100%);box-shadow:0 10px 24px #0b63f624,inset 0 1px #fffffff2}.stage-dropzone-icon svg{width:28px;height:28px;color:var(--primary)}.stage-dropzone-copy{position:relative;z-index:1;display:grid;gap:6px;max-width:42ch;margin-bottom:16px}.stage-dropzone-copy strong{color:var(--text);font-size:20px;font-weight:760;letter-spacing:-.02em;line-height:1.25}.stage-dropzone-formats{margin:0;color:var(--muted);font-size:13px;font-weight:650;line-height:1.5;letter-spacing:.01em}.stage-dropzone-browse{position:relative;z-index:1;min-width:188px;min-height:44px;font-size:14px;font-weight:750;box-shadow:0 1px 2px #0b63f62e,0 8px 20px #0b63f62e;transition:transform .14s ease,box-shadow .14s ease}.stage-dropzone-browse:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0b63f633,0 12px 28px #0b63f638}.stage-dropzone-browse:active{transform:translateY(0)}@media(prefers-reduced-motion:reduce){.stage-dropzone-browse:hover,.stage-dropzone.is-dragging .stage-dropzone-panel{transform:none}}.stage-dropzone-hint{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 12px;margin:0;color:var(--soft);font-size:12px;font-weight:600;line-height:1.45}.stage-dropzone-hint svg{width:14px;height:14px;color:var(--accent)}.tool-workspace.is-stage-tool .compress-simple-bar{border-top:1px solid color-mix(in srgb,var(--primary) 10%,var(--border))}.tool-workspace.is-stage-tool .simple-file-list{padding:0 16px 16px}.tool-workspace.is-exif-workspace.is-stage-tool .exif-simple-panel{padding:0 16px 12px}.is-exif-bar .exif-privacy-row{flex-wrap:wrap;height:auto;min-height:var(--compress-control-h)}.is-exif-bar .exif-simple-note{display:flex;align-items:center;min-height:var(--compress-control-h);margin:0;color:var(--muted);font-size:12px;font-weight:650;line-height:1.45}.is-exif-workspace .file-item-compact.is-active,.tool-workspace.is-simple-workspace .file-item-compact.is-active{border-color:color-mix(in srgb,var(--primary) 34%,var(--border));background:color-mix(in srgb,var(--primary-soft) 52%,#fff);box-shadow:0 0 0 1px color-mix(in srgb,var(--primary) 12%,transparent)}.is-exif-workspace .file-item-compact,.tool-workspace.is-simple-workspace .file-item-compact{cursor:pointer}.is-exif-workspace .file-item-compact .file-item-side{pointer-events:auto}@media(max-width:760px){.is-exif-bar .exif-privacy-row{flex-direction:column;align-items:stretch}.is-exif-bar .exif-privacy-row .param-toggle{width:100%}}.category-stage-tools{width:100%;padding-top:0}.category-stage-tools .tool-card-grid.is-centered{width:calc(33.33333% - 9.33333px);max-width:100%;margin-inline:auto;grid-template-columns:1fr}.category-stage-tools.is-multi .tool-card-grid.is-pair{width:calc(66.66667% - 4.66667px);max-width:100%;margin-inline:auto;grid-template-columns:repeat(2,minmax(0,1fr))}.category-stage-tools.is-multi .tool-card-grid:not(.is-pair):not(.is-centered){width:100%;max-width:none}.home-hero .tool-intro-tags{justify-content:flex-start;margin:16px 0 0}@media(max-width:760px){.tool-stage{padding-top:28px}.tool-hero.is-centered h1{max-width:none;font-size:clamp(1.85rem,8vw,2.4rem)}.stage-dropzone{min-height:300px;padding:28px 20px 24px}.stage-dropzone-panel{min-height:224px;padding:22px 16px 18px}.stage-dropzone-copy strong{font-size:18px}.stage-dropzone-hint{flex-direction:column;gap:6px}.stage-dropzone-hint>span[aria-hidden=true]{display:none}.compress-panel-grid{flex-direction:column;align-items:stretch;gap:12px}.compress-grid-divider{display:none}.compress-cell-constraints,.compress-cell-detail,.compress-cell-format{flex:1 1 100%;padding:0}.compress-constraint-row{justify-content:flex-start;height:auto}.compress-cell{grid-template-rows:auto auto}.compress-panel-command{flex-wrap:wrap;gap:10px}.compress-command-status{flex:1 1 100%}.compress-simple-summary{white-space:normal}.compress-simple-actions{flex:1 1 100%;flex-wrap:wrap;justify-content:flex-start}.compress-simple-action-divider{display:none}.compress-simple-actions .button{flex:1 1 auto}.file-item-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"lead actions" "meta meta";min-height:unset;row-gap:8px;-moz-column-gap:10px;column-gap:10px}.file-item-row .file-item-lead{grid-column:auto;grid-area:lead;max-width:none}.file-item-row .file-item-meta{grid-column:auto;grid-area:meta;white-space:normal;justify-self:center}.file-item-row .file-item-side{grid-column:auto;grid-area:actions}.file-item-compact .file-item-thumb-wrap{width:44px;height:44px}}.preset-chip-row{display:flex;flex-wrap:wrap;gap:6px}.preset-chip{min-height:28px;padding:0 10px;border:1px solid color-mix(in srgb,var(--primary) 16%,var(--border));border-radius:var(--radius-full);background:var(--surface);color:var(--text);font-size:11px;font-weight:750;cursor:pointer}.preset-chip.is-active{border-color:color-mix(in srgb,var(--primary) 42%,var(--border));background:var(--primary-soft);color:var(--primary)}.mode-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.mode-tab{min-height:32px;border:1px solid color-mix(in srgb,var(--primary) 14%,var(--border));border-radius:var(--radius-sm);background:var(--surface);color:var(--muted);font-size:11px;font-weight:750;cursor:pointer}.mode-tab.is-active{border-color:color-mix(in srgb,var(--primary) 36%,var(--border));background:var(--primary-soft);color:var(--primary)}.radio-group.is-vertical{display:grid;gap:6px}.field-label{display:block;margin-bottom:6px;font-size:13px;font-weight:650}.crop-canvas{position:relative;overflow:hidden;border-radius:var(--radius-md);background:var(--surface-soft);touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.crop-canvas,.crop-canvas img{width:100%;min-height:220px;max-height:360px}.crop-canvas img{display:block;height:100%;-o-object-fit:contain;object-fit:contain}.crop-overlay{position:absolute;inset:0;pointer-events:none}.crop-box{position:absolute;border:2px solid #fff;box-shadow:0 0 0 9999px #0f172a6b;pointer-events:auto;cursor:move}.crop-handle{position:absolute;width:12px;height:12px;border:2px solid var(--primary);border-radius:50%;background:#fff}.crop-handle-nw{top:-7px;left:-7px;cursor:nwse-resize}.crop-handle-ne{top:-7px;right:-7px;cursor:nesw-resize}.crop-handle-sw{bottom:-7px;left:-7px;cursor:nesw-resize}.crop-handle-se{bottom:-7px;right:-7px;cursor:nwse-resize}.crop-handle-n{top:-7px}.crop-handle-n,.crop-handle-s{left:calc(50% - 6px);cursor:ns-resize}.crop-handle-s{bottom:-7px}.crop-handle-w{left:-7px}.crop-handle-e,.crop-handle-w{top:calc(50% - 6px);cursor:ew-resize}.crop-handle-e{right:-7px}.crop-dimension-badge{position:absolute;top:-34px;left:50%;transform:translate(-50%);padding:4px 10px;border-radius:var(--radius-full);background:#0f172ae0;color:#fff;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none}.tool-workspace.is-crop-workspace.is-stage-tool{width:100%;margin:0 0 28px;overflow:hidden;border:1px solid color-mix(in srgb,var(--primary) 14%,var(--border));border-radius:var(--radius-lg);background:var(--surface);box-shadow:0 1px 2px #0f172a0a,0 20px 48px #0b63f61a}.tool-workspace.is-crop-workspace{box-shadow:var(--shadow-workspace);overflow:visible}.tool-workspace.is-crop-workspace .results-panel.is-empty.is-simple .empty-state.is-simple{padding:28px 20px 20px}.crop-simple-workspace{--crop-control-h:40px;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:0;min-height:580px;border-top:1px solid var(--border);background:var(--surface)}.crop-rail-accent{grid-column:1/-1;height:3px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 70%,var(--primary)) 0,var(--primary) 42%,color-mix(in srgb,var(--primary) 70%,#5b9dff) 100%)}.crop-editor-column{display:grid;grid-template-rows:auto minmax(420px,1fr) auto;gap:0;min-width:0;background-color:var(--surface-inset);background-image:linear-gradient(45deg,color-mix(in srgb,var(--border) 35%,transparent) 25%,transparent 25%),linear-gradient(-45deg,color-mix(in srgb,var(--border) 35%,transparent) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,color-mix(in srgb,var(--border) 35%,transparent) 75%),linear-gradient(-45deg,transparent 75%,color-mix(in srgb,var(--border) 35%,transparent) 75%);background-size:14px 14px;background-position:0 0,0 7px,7px -7px,-7px 0}.crop-editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid var(--border);background:var(--surface)}.crop-toolbar-start{display:flex;align-items:center;gap:10px;min-width:0}.crop-queue-badge{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-inset);color:var(--text);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.crop-queue-badge svg{width:14px;height:14px;color:var(--muted)}.crop-active-name{overflow:hidden;color:var(--muted);font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.crop-editor-actions{display:flex;flex-shrink:0;gap:6px}.crop-toolbar-btn{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:12px;font-weight:650;box-shadow:var(--shadow-subtle);transition:border-color .14s ease,background .14s ease,color .14s ease}.crop-toolbar-btn svg{width:14px;height:14px}.crop-toolbar-btn:hover{border-color:color-mix(in srgb,var(--primary) 28%,var(--border));background:var(--primary-soft);color:var(--primary)}.crop-toolbar-btn.is-danger{border-color:color-mix(in srgb,var(--danger) 30%,var(--border));color:var(--danger)}.crop-toolbar-btn.is-danger:hover{border-color:color-mix(in srgb,var(--danger) 45%,var(--border));background:var(--danger-soft);color:var(--danger)}.crop-editor-stage{display:grid;place-items:center;padding:16px;min-height:0}.crop-editor-stage .crop-canvas{width:min(100%,760px);min-height:400px;max-height:none;border-radius:var(--radius-md);background:var(--tech-panel);box-shadow:0 0 0 1px #ffffff0f,0 16px 40px #0f172a2e}.crop-editor-stage .crop-canvas img{min-height:400px;max-height:520px}.crop-editor-done img{max-width:min(100%,760px);max-height:520px;border-radius:var(--radius-md);-o-object-fit:contain;object-fit:contain;box-shadow:var(--shadow-card)}.crop-editor-error,.crop-editor-processing{display:grid;place-items:center;gap:12px;min-height:400px;padding:24px;color:var(--text-secondary);font-size:14px;font-weight:600;text-align:center}.crop-editor-processing svg{width:28px;height:28px;color:var(--primary)}.crop-editor-error{color:var(--danger,#b42318)}.crop-editor-error p{margin:0;max-width:36ch}.crop-status-message{margin:0;color:var(--text-secondary);font-size:12px;font-weight:650;line-height:1.4}.crop-footer-actions{display:grid;gap:8px}.crop-footer-actions .crop-run-btn{width:100%}.crop-footer-secondary{width:100%;min-height:40px;font-size:13px;font-weight:700}.crop-footer-secondary svg{width:15px;height:15px}.crop-filmstrip{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:8px 12px;border-top:1px solid var(--border);background:var(--surface)}.crop-filmstrip-label{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.crop-file-picker{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}.crop-file-pick{display:grid;gap:4px;flex:0 0 auto;width:84px;padding:4px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-secondary);text-align:left;transition:border-color .14s ease,box-shadow .14s ease}.crop-file-pick:hover{border-color:color-mix(in srgb,var(--primary) 24%,var(--border))}.crop-file-pick.is-active{border-color:var(--primary);box-shadow:0 0 0 1px color-mix(in srgb,var(--primary) 22%,transparent)}.crop-file-pick-thumb{display:block;overflow:hidden;width:100%;aspect-ratio:4/3;border-radius:4px;background:var(--surface-soft)}.crop-file-pick-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.crop-file-pick-name{overflow:hidden;font-size:10px;font-weight:600;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.crop-settings-panel{display:flex;flex-direction:column;min-width:0;min-height:0;border-left:1px solid var(--border);background:var(--surface)}.crop-settings-header{padding:16px 16px 12px;border-bottom:1px solid var(--border)}.crop-settings-title{margin:0;font-size:15px;font-weight:800;letter-spacing:-.01em}.crop-settings-desc{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.45}.crop-settings-scroll{display:grid;gap:10px;flex:1 1 auto;min-height:0;padding:12px;overflow-y:auto}.crop-settings-card{display:grid;gap:8px;padding:12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-inset)}.crop-settings-card-toggles{gap:10px}.crop-settings-card-toggles .switch-row{align-items:flex-start}.crop-settings-card-toggles .switch-copy{display:grid;gap:2px}.crop-settings-card-toggles .switch-copy small{color:var(--muted);font-size:11px;font-weight:500;line-height:1.35}.crop-field-label{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.crop-field-control{width:100%;height:var(--crop-control-h);min-height:var(--crop-control-h);padding:0 10px;border:1px solid color-mix(in srgb,var(--primary) 12%,var(--border));border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:13px;font-weight:650}.crop-field-control:hover{border-color:color-mix(in srgb,var(--primary) 28%,var(--border))}.crop-field-control:focus-visible{outline:none;border-color:var(--primary);box-shadow:var(--focus-ring)}.crop-area-inputs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.crop-area-field{display:flex;align-items:center;gap:6px;min-width:0;font-size:11px;font-weight:650;color:var(--muted)}.crop-area-field>span:first-child{flex:0 0 auto;white-space:nowrap}.crop-area-input-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px;flex:1 1 auto;min-width:0;min-height:36px;padding:0 6px 0 8px;border:1px solid color-mix(in srgb,var(--primary) 12%,var(--border));border-radius:var(--radius-sm);background:var(--surface)}.crop-area-input-wrap:focus-within{border-color:var(--primary);box-shadow:var(--focus-ring)}.crop-area-field input{width:100%;min-width:0;padding:0;border:0;background:transparent;color:var(--text);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.crop-area-field input::-webkit-inner-spin-button,.crop-area-field input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.crop-area-field input:focus-visible{outline:none}.crop-area-unit{color:var(--muted);font-size:11px;font-weight:650}.crop-lock-aspect{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-secondary);font-size:12px;font-weight:650}.crop-lock-aspect svg{width:14px;height:14px}.crop-lock-aspect.is-active{border-color:color-mix(in srgb,var(--primary) 35%,var(--border));background:var(--primary-soft);color:var(--primary)}.crop-anchor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.crop-anchor-btn{display:grid;place-items:center;min-height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--muted)}.crop-anchor-btn svg{width:14px;height:14px}.crop-anchor-btn.is-active{border-color:color-mix(in srgb,var(--primary) 35%,var(--border));background:var(--primary-soft);color:var(--primary)}.crop-anchor-caption{margin:0;color:var(--muted);font-size:11px}.crop-quality-block{padding:0;border:0;background:transparent}.crop-quality-block .quality-field{gap:0;margin:0}.crop-quality-block .quality-field-row{flex-direction:column;align-items:stretch;gap:8px;min-height:0}.crop-quality-block .quality-field legend{width:100%;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.crop-quality-block .quality-field.is-segment .radio-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;width:100%;min-width:0;height:auto;min-height:52px;padding:3px}.crop-quality-block .quality-field.is-segment.is-compact .radio-row{position:relative;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:52px;padding:6px 4px}.crop-quality-block .quality-field.is-segment .radio-row input{position:static;width:14px;height:14px;margin:0;padding:0;overflow:visible;clip:auto;white-space:normal;border:0;accent-color:var(--primary);flex-shrink:0;cursor:pointer}.crop-quality-block .radio-row-copy{display:block;min-width:0;width:100%;text-align:center}.crop-quality-block .radio-row-label{display:block;overflow:hidden;font-size:11px;font-weight:700;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.crop-quality-block .radio-row-subtitle{display:none}.crop-settings-footer{display:grid;gap:10px;padding:12px;border-top:1px solid var(--border);background:var(--surface)}.crop-privacy-note{display:flex;align-items:center;gap:6px;margin:0;color:var(--muted);font-size:11px;font-weight:600;line-height:1.4}.crop-privacy-note svg{width:14px;height:14px;flex-shrink:0;color:var(--primary)}.crop-run-btn{width:100%;min-height:44px;font-size:13px;font-weight:750}@media(max-width:980px){.crop-simple-workspace{grid-template-columns:1fr}.crop-settings-panel{border-left:0;border-top:1px solid var(--border)}.crop-active-name{display:none}}.tool-workspace.is-watermark-workspace.is-stage-tool{width:100%;margin:0 0 28px;overflow:hidden;border:1px solid color-mix(in srgb,var(--primary) 14%,var(--border));border-radius:var(--radius-lg);background:var(--surface);box-shadow:0 1px 2px #0f172a0a,0 20px 48px #0b63f61a}.tool-workspace.is-watermark-workspace{box-shadow:var(--shadow-workspace);overflow:visible}.watermark-simple-workspace{--watermark-control-h:40px;--watermark-footer-h:72px;--watermark-sidebar-width:440px;display:grid;grid-template-columns:minmax(0,1fr) var(--watermark-sidebar-width);grid-template-rows:minmax(580px,1fr);align-items:stretch;gap:0;min-height:580px;border-top:1px solid var(--border);background:var(--surface)}.watermark-rail-accent{grid-column:1/-1;height:3px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 70%,var(--primary)) 0,var(--primary) 42%,color-mix(in srgb,var(--primary) 70%,#5b9dff) 100%)}.watermark-editor-column{grid-column:1;grid-row:1;display:grid;grid-template-rows:auto minmax(420px,1fr) auto;gap:0;min-width:0;min-height:0;background-color:var(--surface-inset);background-image:linear-gradient(45deg,color-mix(in srgb,var(--border) 35%,transparent) 25%,transparent 25%),linear-gradient(-45deg,color-mix(in srgb,var(--border) 35%,transparent) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,color-mix(in srgb,var(--border) 35%,transparent) 75%),linear-gradient(-45deg,transparent 75%,color-mix(in srgb,var(--border) 35%,transparent) 75%);background-size:14px 14px;background-position:0 0,0 7px,7px -7px,-7px 0}.watermark-editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid var(--border);background:var(--surface)}.watermark-toolbar-start{display:flex;align-items:center;gap:10px;min-width:0}.watermark-queue-badge{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-inset);color:var(--text);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.watermark-queue-badge svg{width:14px;height:14px;color:var(--muted)}.watermark-active-name{overflow:hidden;color:var(--muted);font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.watermark-editor-actions{display:flex;flex-shrink:0;gap:6px}.watermark-toolbar-btn{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:12px;font-weight:650;box-shadow:var(--shadow-subtle);cursor:pointer}.watermark-toolbar-btn svg{width:14px;height:14px}.watermark-toolbar-btn.is-primary{border-color:color-mix(in srgb,var(--primary) 28%,var(--border));background:var(--primary-soft);color:var(--primary)}.watermark-toolbar-btn.is-danger{border-color:color-mix(in srgb,var(--danger) 30%,var(--border));color:var(--danger)}.watermark-editor-stage{display:grid;place-items:center;padding:16px;min-height:0}.watermark-editor-stage.is-dragging{outline:2px dashed var(--primary);outline-offset:-8px}.watermark-preview-pane.is-stage{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.watermark-preview-frame.is-stage{width:min(100%,760px);max-height:520px;overflow:hidden;border-radius:var(--radius-md);background:var(--tech-panel);box-shadow:0 0 0 1px #ffffff0f,0 16px 40px #0f172a2e}.watermark-preview-canvas.is-stage{display:block;width:100%;height:auto;max-height:520px;-o-object-fit:contain;object-fit:contain}.watermark-editor-result{max-width:min(100%,760px);max-height:520px;border-radius:var(--radius-md);-o-object-fit:contain;object-fit:contain;box-shadow:var(--shadow-card)}.watermark-editor-empty{display:grid;justify-items:center;gap:10px;max-width:360px;padding:24px;text-align:center}.watermark-editor-empty-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--primary-soft) 70%,#fff);color:var(--primary)}.watermark-editor-empty-icon svg{width:28px;height:28px}.watermark-editor-empty strong{font-size:16px}.watermark-editor-empty p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}.watermark-editor-error,.watermark-editor-processing{display:grid;place-items:center;gap:12px;min-height:320px;padding:24px;color:var(--text-secondary);font-size:14px;font-weight:600;text-align:center}.watermark-editor-processing svg{width:28px;height:28px;color:var(--primary)}.watermark-filmstrip{display:flex;align-items:center;min-height:var(--watermark-footer-h);height:var(--watermark-footer-h);box-sizing:border-box;padding:8px 12px;border-top:1px solid var(--border);background:var(--surface)}.watermark-filmstrip-track{display:flex;align-items:center;gap:8px;width:100%;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}.watermark-filmstrip-add,.watermark-filmstrip-thumb{flex:0 0 auto;width:56px;height:56px;padding:0;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);overflow:hidden;cursor:pointer}.watermark-filmstrip-thumb img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.watermark-filmstrip-thumb.is-active{border-color:var(--primary);box-shadow:0 0 0 1px color-mix(in srgb,var(--primary) 22%,transparent)}.watermark-filmstrip-fallback{display:grid;place-items:center;width:100%;height:100%;color:var(--muted);font-size:11px;font-weight:800}.watermark-filmstrip-add{display:grid;place-items:center;border-style:dashed;color:var(--muted)}.watermark-filmstrip-add svg{width:18px;height:18px}.watermark-settings-panel{display:flex;flex-direction:column;min-width:0;min-height:0;border-top:1px solid var(--border);background:var(--surface)}.is-watermark-bar.is-watermark-sidebar{grid-column:2;grid-row:1;display:flex;flex-direction:column;width:var(--watermark-sidebar-width,440px);min-width:var(--watermark-sidebar-width,440px);max-width:var(--watermark-sidebar-width,440px);min-height:0;height:100%;overflow:hidden;border-left:1px solid var(--border);border-bottom:0}.is-watermark-bar.is-watermark-sidebar .compress-panel-settings{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow:hidden}.is-watermark-bar.is-watermark-sidebar .watermark-panel-head{flex:0 0 auto;flex-direction:row;align-items:center}.is-watermark-bar.is-watermark-sidebar .watermark-panel-head .watermark-settings-tabs{flex:1 1 auto;max-width:240px}.is-watermark-bar.is-watermark-sidebar .watermark-panel-body{flex:1 1 auto;display:grid;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.is-watermark-bar.is-watermark-sidebar .compress-panel-command{flex:0 0 auto;min-height:var(--watermark-footer-h);height:var(--watermark-footer-h);box-sizing:border-box}.is-watermark-bar.is-watermark-sidebar .watermark-panel-grid{flex-direction:column;gap:12px;min-height:0;align-content:start}.is-watermark-bar.is-watermark-sidebar .compress-grid-divider{flex:0 0 1px;align-self:stretch;width:100%;height:1px;min-height:1px;margin:0;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--primary) 16%,var(--border)) 18%,color-mix(in srgb,var(--primary) 16%,var(--border)) 82%,transparent)}.is-watermark-bar.is-watermark-sidebar .watermark-panel-column,.is-watermark-bar.is-watermark-sidebar .watermark-panel-column-output{flex:1 1 auto}.is-watermark-bar.compress-simple-bar{border-bottom:0}.watermark-panel-settings{display:flex;flex-direction:column;flex:1 1 auto;gap:12px;min-height:0}.watermark-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.watermark-panel-head .watermark-settings-title{margin:0;color:color-mix(in srgb,var(--primary) 88%,var(--text));font-size:15px;font-weight:800;letter-spacing:-.01em}.watermark-panel-head .watermark-settings-tabs{flex:1 1 auto;max-width:320px}.watermark-panel-grid{align-items:stretch}.watermark-simple-settings{--watermark-sidebar-control-h:44px;display:grid;gap:16px;align-content:start;padding-bottom:4px}.watermark-simple-settings .watermark-panel-column{gap:8px}.watermark-simple-settings .compress-cell-kicker{display:block;height:18px;margin:0}.watermark-simple-settings .watermark-type-toggle-compact .watermark-type-btn{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:7px;min-height:var(--watermark-sidebar-control-h);height:var(--watermark-sidebar-control-h);padding:0 12px;font-size:13px}.watermark-simple-settings .watermark-type-toggle-compact .watermark-type-btn svg{width:16px;height:16px}.watermark-simple-settings .watermark-field-control{min-height:var(--watermark-sidebar-control-h);height:var(--watermark-sidebar-control-h);padding:0 12px;box-sizing:border-box}.watermark-simple-settings .watermark-upload-zone-compact{gap:8px}.watermark-simple-settings .watermark-upload-btn-compact{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;width:100%;min-height:var(--watermark-sidebar-control-h);height:var(--watermark-sidebar-control-h);padding:0 12px;border-style:dashed;font-size:13px;box-sizing:border-box}.watermark-simple-settings .watermark-upload-btn-compact svg{width:16px;height:16px}.watermark-simple-settings .watermark-type-toggle-compact .watermark-type-btn:not(.is-active){color:var(--text);background:#fff}.watermark-simple-settings .watermark-color-btn{min-height:var(--watermark-sidebar-control-h);height:var(--watermark-sidebar-control-h);font-size:13px;font-weight:650}.watermark-look-row{display:flex;align-items:center;gap:10px}.watermark-look-row-label{flex:0 0 auto;color:var(--text);font-size:13px;font-weight:600}.watermark-look-controls{display:grid;grid-template-columns:minmax(132px,1fr) auto;align-items:center;gap:8px;min-width:0;flex:1 1 auto}.watermark-look-controls .watermark-color-toggle{min-width:0}.watermark-logo-shape-toggle{flex:1 1 auto;min-width:0}.watermark-simple-settings .watermark-shadow-toggle{width:auto;min-width:112px}.watermark-simple-settings .param-toggle,.watermark-simple-settings .watermark-shadow-toggle{min-height:var(--watermark-sidebar-control-h);height:var(--watermark-sidebar-control-h);box-sizing:border-box}.watermark-simple-settings .param-toggle{width:100%}.watermark-panel-column-position{align-items:stretch}.watermark-position-block-compact{display:flex;flex-direction:column;align-items:center;gap:8px;padding:4px 0 2px}.watermark-position-block-compact .watermark-position-grid-compact{margin-inline:auto}.watermark-position-block-compact .watermark-position-note{text-align:center;font-size:12px;font-weight:650;letter-spacing:.01em}.watermark-panel-column{display:grid;gap:8px;flex:1 1 0;min-width:0;align-content:start}.watermark-panel-column-output{flex:1 1 auto}.watermark-panel-column-output .compress-cell-kicker{white-space:nowrap}.watermark-layout-toggle-compact,.watermark-type-toggle-compact{grid-template-columns:1fr 1fr;gap:6px}.watermark-layout-toggle-compact .watermark-layout-btn,.watermark-type-toggle-compact .watermark-type-btn{min-height:52px;padding:8px;font-size:12px}.watermark-layout-toggle-compact .watermark-layout-btn svg,.watermark-type-toggle-compact .watermark-type-btn svg{width:18px;height:18px}.watermark-upload-zone-compact{gap:6px}.watermark-upload-btn-compact{min-height:52px;padding:10px;font-size:12px}.watermark-upload-btn-compact svg{width:20px;height:20px}.watermark-logo-column{display:grid;gap:6px;justify-items:start}.watermark-inline-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.watermark-inline-row .watermark-field-control{min-width:108px;flex:1 1 108px}.watermark-inline-row .watermark-shadow-toggle{min-height:36px}.watermark-position-grid-compact{width:132px;max-width:132px;gap:6px}.watermark-position-row{display:flex;align-items:center;gap:12px}.watermark-position-note{color:var(--muted);font-size:13px;font-weight:700;line-height:1.2}.watermark-position-grid-compact .watermark-position-cell{min-height:0;aspect-ratio:1;border-radius:var(--radius-sm);transition:border-color .14s ease,background .14s ease,transform .14s ease}.watermark-position-grid-compact .watermark-position-cell:hover:not(.is-active){border-color:color-mix(in srgb,var(--primary) 28%,var(--border));background:color-mix(in srgb,var(--primary-soft) 40%,#fff)}.watermark-position-grid-compact .watermark-position-cell:active:not(.is-active){transform:scale(.96)}.watermark-logo-inline{display:flex;align-items:center;gap:10px;min-width:0;padding:8px;border:1px solid color-mix(in srgb,var(--primary) 10%,var(--border));border-radius:var(--radius-sm);background:color-mix(in srgb,var(--primary-soft) 26%,#fff)}.watermark-logo-meta{display:grid;gap:6px;min-width:0}.watermark-panel-column .watermark-slider-field{gap:4px 10px;padding:2px 0}.watermark-simple-settings .watermark-slider-field input[type=range]{height:20px}.watermark-panel-column .watermark-style-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px}.watermark-panel-column .watermark-style-toolbar .compress-cell-kicker{margin:0}.watermark-settings-panel-head{display:grid;gap:10px;padding:16px 16px 12px;border-bottom:1px solid var(--border)}.watermark-settings-scroll{display:grid;gap:12px;flex:1 1 auto;min-height:0;padding:12px;overflow-y:auto}.watermark-field-control{width:100%;min-height:var(--watermark-control-h);padding:0 10px;border:1px solid color-mix(in srgb,var(--primary) 12%,var(--border));border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:13px;font-weight:650}.watermark-output-card{display:grid;gap:8px;padding:12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-inset)}.watermark-settings-footer{display:grid;gap:10px;padding:12px 16px 16px;border-top:1px solid var(--border)}.watermark-status-message{margin:0;color:var(--muted);font-size:12px;font-weight:650}.watermark-footer-actions{display:grid;gap:8px}.watermark-run-btn{width:100%;min-height:44px;font-size:13px;font-weight:750}.watermark-footer-secondary{width:100%;min-height:40px;font-size:13px;font-weight:700}@media(max-width:980px){.watermark-simple-workspace{--watermark-sidebar-width:100%;grid-template-columns:1fr;grid-template-rows:auto auto}.watermark-editor-column{grid-column:1;grid-row:1}.is-watermark-bar.is-watermark-sidebar{grid-column:1;grid-row:2;width:100%;min-width:0;max-width:none;height:auto;min-height:420px;border-left:0;border-top:1px solid var(--border)}.is-watermark-bar.is-watermark-sidebar .watermark-panel-head{flex-direction:row;align-items:center}.is-watermark-bar.is-watermark-sidebar .watermark-panel-head .watermark-settings-tabs{max-width:320px}.is-watermark-bar.is-watermark-sidebar .watermark-panel-grid{flex-direction:row}.is-watermark-bar.is-watermark-sidebar .compress-grid-divider{width:1px;height:auto;min-height:calc(25px + var(--watermark-control-h, 40px));background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--primary) 16%,var(--border)) 18%,color-mix(in srgb,var(--primary) 16%,var(--border)) 82%,transparent)}.watermark-active-name{display:none}}.exif-dashboard{display:grid;gap:12px;padding:12px;border:1px solid color-mix(in srgb,var(--primary) 12%,var(--border));border-radius:var(--radius-md);background:linear-gradient(180deg,#fff,#f8fbff)}.exif-state{color:var(--muted);font-size:13px;line-height:1.5}.exif-group h4{margin:0 0 8px;font-size:12px;letter-spacing:.05em;text-transform:uppercase}.exif-group dl{display:grid;gap:6px;margin:0}.exif-group dl div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:8px;padding:7px 8px;border-radius:var(--radius-sm);background:#ffffffd1}.exif-group dl div.is-sensitive{border:1px solid color-mix(in srgb,#f59e0b 28%,var(--border));background:color-mix(in srgb,#fffbeb 84%,#fff)}.exif-group dt{color:var(--soft);font-size:11px;font-weight:800;text-transform:uppercase}.exif-group dd{margin:0;font-size:12px;font-weight:650;word-break:break-word}.exif-map-link{margin-top:8px}.file-item-large.is-exif-active,.file-item-large.is-selected{border-color:color-mix(in srgb,var(--primary) 34%,var(--border));box-shadow:0 0 0 1px color-mix(in srgb,var(--primary) 18%,transparent)}.tool-workspace.engine-metadata .file-item-large{cursor:pointer}.results-panel{min-width:0;padding:16px;overflow:auto}.panel-title h3,.results-header h3{margin-bottom:0;font-family:var(--font-ui);font-size:15px}.tool-workspace .eyebrow{margin-bottom:4px;font-size:10px}.eyebrow{display:inline-flex;margin-bottom:6px;color:var(--primary);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.field{display:grid;gap:4px;color:var(--text);font-size:13px;font-weight:650}.field-row{display:grid;grid-template-columns:minmax(0,1fr) max-content;align-items:center;gap:12px;min-height:36px}.field-row label{min-width:0;line-height:1.25}.label-with-help{display:inline-flex;align-items:center;gap:7px;min-width:0}.label-with-help label{min-width:0}.field small{color:var(--muted);font-size:11px;font-weight:500;line-height:1.4}.field input,.field select{width:100%;min-width:0;height:34px;border:1px solid color-mix(in srgb,var(--primary) 14%,var(--border-strong));border-radius:var(--radius-sm);background:var(--surface);color:var(--text);padding:0 10px;box-shadow:0 1px #10182805;transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}.field input:hover,.field select:hover{border-color:color-mix(in srgb,var(--primary) 36%,var(--border-strong));box-shadow:0 4px 14px #0b63f61a}.locked-field{display:flex;align-items:center;min-height:34px;width:100%;min-width:0;padding:0 10px;border:1px solid color-mix(in srgb,var(--primary) 22%,var(--border-strong));border-radius:var(--radius-sm);background:linear-gradient(135deg,color-mix(in srgb,var(--primary-soft) 80%,#fff),#fff);color:var(--text);box-shadow:0 1px #10182805}.locked-field span{font-size:13px;font-weight:800}.field input:focus-visible,.field select:focus-visible{outline:none;border-color:var(--primary);box-shadow:var(--focus-ring)}.quality-field{border:0;margin:0;padding:0;min-width:0}.quality-field-row{display:flex;align-items:center;gap:12px;min-width:0;min-height:36px}.quality-field legend{flex:0 0 auto;margin:0;padding:0;color:var(--text);font-size:13px;font-weight:650}.quality-field .radio-group{flex:1 1 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(48px,1fr));gap:4px;min-width:0}.quality-field .radio-row{justify-content:center;gap:3px;min-width:0;padding:6px 2px;text-align:center}.quality-field .radio-row input{width:14px;height:14px}.quality-field .radio-row-label{font-size:11px}.radio-row{display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:13px;font-weight:600;cursor:pointer;transition:border-color .14s ease,background .14s ease,box-shadow .14s ease,transform .14s ease}.radio-row:hover:not(:has(input:checked)){border-color:color-mix(in srgb,var(--primary) 32%,var(--border));background:var(--surface-soft);box-shadow:0 4px 14px #0b63f61f}@media(prefers-reduced-motion:no-preference){.radio-row:hover:not(:has(input:checked)){transform:translateY(-2px)}}.radio-row:has(input:checked){border-color:color-mix(in srgb,var(--primary) 40%,var(--border));background:var(--primary-soft)}.radio-row:has(input:focus-visible){box-shadow:var(--focus-ring)}.radio-row input{width:16px;height:16px;margin:0;accent-color:var(--primary);flex-shrink:0}.radio-row-label{color:var(--text);font-weight:650;font-variant-numeric:tabular-nums}.radio-row:has(input:checked) .radio-row-label{color:var(--primary)}.input-row{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}.input-row input{width:104px;flex:0 0 104px;padding-inline:8px;text-align:right;font-variant-numeric:tabular-nums}.field-row .locked-field,.field-row select{width:194px;min-width:194px;max-width:100%}.input-row span{color:var(--muted);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}.switch-row{display:flex;align-items:center;gap:10px;min-height:44px;padding:9px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:13px;font-weight:600;cursor:pointer;transition:border-color .14s ease,background .14s ease,box-shadow .14s ease,transform .14s ease}.switch-row:hover{border-color:color-mix(in srgb,var(--primary) 28%,var(--border));background:var(--surface-soft);box-shadow:0 4px 14px #0b63f61a}@media(prefers-reduced-motion:no-preference){.switch-row:hover{transform:translateY(-2px)}}.switch-row:has(input:focus-visible){box-shadow:var(--focus-ring)}.switch-row input{width:16px;height:16px;margin:0;accent-color:var(--primary);flex-shrink:0}.switch-copy{position:relative;display:inline-flex;align-items:center;gap:7px;min-width:0;line-height:1.35}.switch-copy strong{color:var(--text);font-size:13px;font-weight:750;line-height:1.25}.help-tooltip{position:relative;display:inline-grid;width:18px;height:18px;place-items:center;border:1px solid color-mix(in srgb,var(--primary) 28%,var(--border));border-radius:var(--radius-full);background:var(--surface);color:var(--primary);font-size:11px;font-weight:850;line-height:1;text-transform:none;cursor:help;flex-shrink:0}.help-tooltip:after{content:attr(aria-label);bottom:calc(100% + 10px);z-index:10;width:min(260px,72vw);padding:10px 12px;border:1px solid color-mix(in srgb,var(--primary) 14%,var(--border));border-radius:var(--radius-md);color:var(--text-secondary);font-size:12px;font-weight:500;line-height:1.5;letter-spacing:0;text-transform:none;text-align:left;box-shadow:var(--shadow-hover);transform:translate(-50%,4px);transition:opacity .14s ease,transform .14s ease}.help-tooltip:after,.help-tooltip:before{position:absolute;left:50%;background:var(--surface);opacity:0;pointer-events:none}.help-tooltip:before{content:"";bottom:calc(100% + 5px);z-index:11;width:9px;height:9px;border:1px solid color-mix(in srgb,var(--primary) 14%,var(--border));border-bottom:0;border-right:0;transform:translate(-50%) rotate(45deg);transition:opacity .14s ease}.help-tooltip:focus-visible,.help-tooltip:hover{outline:none;border-color:color-mix(in srgb,var(--primary) 48%,var(--border));box-shadow:var(--focus-ring)}.help-tooltip:focus-visible:after,.help-tooltip:focus-visible:before,.help-tooltip:hover:after,.help-tooltip:hover:before{opacity:1}.help-tooltip:focus-visible:after,.help-tooltip:hover:after{transform:translate(-50%)}.settings-note{display:grid;gap:6px;margin-top:2px;padding:12px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border));border-radius:var(--radius-md);background:linear-gradient(135deg,color-mix(in srgb,var(--accent-soft) 76%,#fff),#fff);color:var(--text-secondary);box-shadow:var(--shadow-subtle)}.settings-note strong{color:var(--text);font-size:13px;font-weight:800}.settings-note p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.workspace-actions{display:flex;justify-content:center;padding:14px 16px 16px;border-top:1px solid var(--border);background:var(--surface)}@media(max-width:640px){.field-row{grid-template-columns:1fr;gap:5px}.field-row .locked-field,.field-row select,.input-row{width:100%;min-width:0}.input-row input{width:100%;flex:1 1 auto;text-align:left}.workspace-actions .button{width:min(100%,280px)}}.results-panel.is-empty{display:flex;flex-direction:column;padding:20px}.results-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:0 0 auto;margin-bottom:12px}.queue-count-chip{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border:1px solid color-mix(in srgb,var(--primary) 16%,var(--border));border-radius:var(--radius-sm);background:linear-gradient(180deg,#fff,var(--surface-raised));color:var(--text-secondary);font-size:13px;font-weight:750;box-shadow:var(--shadow-subtle)}.queue-actions{gap:8px}.empty-state,.queue-actions{display:flex;align-items:center}.empty-state{flex:1 1 auto;flex-direction:column;justify-content:center;min-height:280px;gap:0;padding:32px 24px;border:1.5px dashed color-mix(in srgb,var(--primary) 28%,var(--border));border-radius:var(--radius-lg);background:radial-gradient(ellipse 80% 60% at 50% 0,rgba(11,99,246,.06),transparent 70%),radial-gradient(circle at 88% 20%,rgba(0,167,181,.06),transparent 26%),#fbfdff;color:var(--muted);text-align:center;box-shadow:inset 0 1px #fffffff2,0 10px 28px #0b63f60f;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.empty-state.is-dragging{border-color:color-mix(in srgb,var(--primary) 50%,var(--border));background:radial-gradient(ellipse 80% 60% at 50% 0,rgba(11,99,246,.12),transparent 70%),var(--primary-soft);box-shadow:0 0 0 3px var(--primary-ring),0 10px 28px #0b63f61a}.empty-state-icon{display:grid;place-items:center;width:56px;height:56px;margin-bottom:16px;border-radius:14px;background:linear-gradient(145deg,#fff,var(--primary-soft));border:1px solid color-mix(in srgb,var(--primary) 18%,var(--border));box-shadow:0 4px 14px #0b63f61a,inset 0 1px #ffffffe6}.empty-state-icon svg{width:26px;height:26px;color:var(--primary)}.empty-state-copy{display:grid;gap:8px;max-width:40ch;margin-bottom:14px}.empty-state-browse{margin-bottom:16px}.empty-state-copy strong{color:var(--text);font-size:16px;font-weight:700;letter-spacing:-.01em}.empty-state-copy p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.empty-state-limits{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 14px;max-width:100%;padding:10px 16px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--accent-soft) 50%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 20%,var(--border));color:var(--text-secondary);font-size:12px;font-weight:600;line-height:1.45}.empty-state-limits>span:not(.empty-state-limits-sep){display:inline-flex;align-items:center;gap:6px}.empty-state-limits svg{width:14px;height:14px;color:var(--accent);flex-shrink:0}.empty-state-limits-sep{color:var(--soft);font-weight:400;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(max-width:640px){.empty-state-limits-sep{display:none}.empty-state-limits{flex-direction:column;gap:6px;padding:12px 14px}}.tool-workspace .button{min-height:34px;padding:0 14px;font-size:13px}.tool-workspace .button.small{min-height:30px;padding:0 10px;font-size:12px}.tool-workspace .button.ghost{min-height:30px}.file-list{display:grid;gap:10px;content-visibility:auto}.file-item{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;min-width:0;padding:10px;border:1px solid color-mix(in srgb,var(--primary) 12%,var(--border));border-radius:var(--radius-md);background:var(--surface);transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.file-item:hover{border-color:color-mix(in srgb,var(--primary) 30%,var(--border));box-shadow:var(--shadow-hover)}@media(prefers-reduced-motion:no-preference){.file-item:hover{transform:translateY(-2px)}}.file-item img:not(.file-item-thumb),.file-thumb{width:44px;height:44px;border-radius:var(--radius-sm);-o-object-fit:cover;object-fit:cover;background:var(--surface-soft)}.file-item.file-item-compact{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--primary) 10%,var(--border))}.file-item.file-item-compact:hover{transform:none}.file-item-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;width:100%;-moz-column-gap:12px;column-gap:12px;min-height:52px}.file-item-row .file-item-lead{grid-column:1;justify-self:start;width:100%;max-width:100%;min-width:0}.file-item-row .file-item-meta{grid-column:2;justify-self:center;max-width:none;overflow:visible;text-overflow:clip}.file-item-row .file-item-side{grid-column:3;justify-self:end}.file-item-compact .file-item-thumb-wrap{width:52px;height:52px}.file-item-compact .file-item-thumb-wrap .file-thumb{width:100%;height:100%}@media(prefers-reduced-motion:no-preference){.file-item.file-item-compact:hover{transform:none}}.file-thumb{display:grid;place-items:center;color:var(--soft);font-size:10px;font-weight:800;letter-spacing:.04em}.file-main{min-width:0}.file-title{display:flex;align-items:center;gap:8px;min-width:0}.file-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.file-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px;color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.file-meta .error-text{color:var(--danger);font-weight:600}.progress-track{height:4px;margin-top:10px;overflow:hidden;border-radius:var(--radius-full);background:var(--surface-soft)}.progress-track span{display:block;height:100%;border-radius:inherit;background:var(--primary);transition:width .2s ease}.status-badge{min-height:22px;padding:0 8px;text-transform:capitalize;flex-shrink:0}.status-badge.done{border-color:color-mix(in srgb,var(--success) 30%,var(--border));background:var(--success-soft);color:var(--success)}.status-badge.failed{border-color:color-mix(in srgb,var(--danger) 30%,var(--border));background:var(--danger-soft);color:var(--danger)}.status-badge.processing{border-color:color-mix(in srgb,var(--primary) 30%,var(--border));background:var(--primary-soft);color:var(--primary)}.status-badge.queued{background:var(--surface-soft)}.summary-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.summary-strip div{padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-md);background:linear-gradient(180deg,#fff,#f7fbff)}.summary-strip span{display:block;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.summary-strip strong{display:block;margin-top:3px;font-size:17px;font-variant-numeric:tabular-nums}.download-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:12px}.file-item-large{display:grid;grid-template-columns:1fr;gap:12px;padding:14px}.file-item-large img{width:100%;height:auto;max-height:320px;border-radius:var(--radius-md);-o-object-fit:contain;object-fit:contain}.file-item-head{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.file-item-head strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.file-remove{flex-shrink:0;width:30px;padding:0}.file-preview-large{position:relative;overflow:hidden;width:100%;min-height:180px;max-height:320px;border-radius:var(--radius-md);background:radial-gradient(circle at 24% 0,rgba(11,99,246,.12),transparent 34%),var(--surface-soft)}.file-preview-large .file-thumb,.file-preview-large img{width:100%;height:100%;min-height:180px;max-height:320px;border-radius:var(--radius-md);-o-object-fit:contain;object-fit:contain}.queue-settings-recap{display:flex;flex-wrap:wrap;gap:6px}.queue-settings-recap span{min-height:26px;padding:0 9px;border:1px solid color-mix(in srgb,var(--primary) 16%,var(--border));border-radius:var(--radius-full);background:var(--surface);color:var(--text);font-size:11px;font-weight:700}.preset-chip.is-tool-target:not(.is-active){border-color:color-mix(in srgb,var(--primary) 34%,var(--border));background:color-mix(in srgb,var(--primary) 8%,var(--surface))}.results-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;padding:16px;border-right:1px solid color-mix(in srgb,var(--primary) 12%,var(--border))}.result-card{display:grid;gap:10px;padding:12px;border:1px solid color-mix(in srgb,var(--primary) 12%,var(--border));border-radius:var(--radius-md);background:var(--surface)}.result-thumb-wrap{position:relative;overflow:hidden;aspect-ratio:4/3;border-radius:var(--radius-sm);background:var(--surface-soft)}.result-thumb-wrap img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.result-card-body strong{display:block;overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.result-card-body p{margin:4px 0 8px;color:var(--muted);font-size:12px}.results-summary-card{position:sticky;top:calc(var(--header-h) + 16px);display:grid;gap:12px;padding:16px;align-self:start}.results-summary-card h3{margin:0;font-family:var(--font-ui);font-size:18px;line-height:1.25}.results-summary-stats{display:grid;gap:8px}.results-summary-stats div{padding:10px 12px;border:1px solid color-mix(in srgb,var(--primary) 9%,var(--border));border-radius:var(--radius-sm);background:#ffffffc2}.results-summary-stats span{display:block;color:var(--soft);font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.results-summary-stats strong{display:block;margin-top:2px;font-size:16px;font-variant-numeric:tabular-nums}.results-tip{padding:10px 12px;border:1px solid color-mix(in srgb,#f59e0b 35%,var(--border));border-radius:var(--radius-sm);background:color-mix(in srgb,#fffbeb 88%,#fff);color:#92400e;font-size:12px;line-height:1.5}.tool-chain{padding:16px 20px 20px;border-top:1px solid color-mix(in srgb,var(--primary) 12%,var(--border));background:linear-gradient(180deg,#fbfdff,#fff)}.tool-chain-head h3{margin:0 0 4px;font-family:var(--font-ui);font-size:16px}.tool-chain-head p,.tool-chain-note{margin:0 0 14px;color:var(--muted);font-size:13px}.tool-chain-note{margin-bottom:14px;color:var(--success);font-weight:650}.handoff-banner{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:0;padding:12px 16px;border-bottom:1px solid color-mix(in srgb,var(--success) 24%,var(--border));background:color-mix(in srgb,var(--success-soft) 72%,#fff);color:var(--text)}.handoff-banner svg{width:18px;height:18px;color:var(--success);flex-shrink:0}.handoff-banner p{flex:1;min-width:200px;margin:0;font-size:13px;line-height:1.5}.crop-select-hint{display:grid;place-items:center;min-height:120px;padding:16px;border:1px dashed color-mix(in srgb,var(--primary) 24%,var(--border));border-radius:var(--radius-md);background:color-mix(in srgb,var(--primary-soft) 42%,#fff);color:var(--muted);font-size:13px;text-align:center}.handoff-banner.is-error{border-bottom-color:color-mix(in srgb,var(--danger) 24%,var(--border));background:color-mix(in srgb,#fef2f2 82%,#fff);color:var(--danger)}.handoff-banner.is-warning{border-bottom-color:color-mix(in srgb,var(--warning) 28%,var(--border));background:color-mix(in srgb,#fff7ed 82%,#fff);color:var(--text)}.handoff-banner.is-warning svg{color:var(--warning)}.batch-limit-banner{align-items:flex-start}.batch-limit-banner>svg{margin-top:2px}.batch-limit-copy{flex:1;min-width:min(100%,280px)}.batch-limit-copy p{margin:0 0 8px;font-size:13px;line-height:1.5}.batch-limit-files{margin:0;padding:0;list-style:none;max-height:140px;overflow-y:auto;border:1px solid color-mix(in srgb,var(--warning) 22%,var(--border));border-radius:var(--radius-sm);background:#ffffffb8}.batch-limit-files li{padding:7px 10px;border-bottom:1px solid color-mix(in srgb,var(--warning) 12%,var(--border));color:var(--text-secondary);font-size:12px;font-weight:650;line-height:1.4;word-break:break-all}.batch-limit-files li:last-child{border-bottom:0}.tool-chain.is-compact{padding:14px 16px 16px;border-top:1px solid color-mix(in srgb,var(--primary) 12%,var(--border))}.tool-chain.is-compact .tool-chain-head h3{font-size:14px}.tool-chain.is-compact .tool-chain-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-chain-card:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}@media(max-width:900px){.tool-chain.is-compact .tool-chain-grid{grid-template-columns:1fr}}.tool-chain-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tool-chain-card{position:relative;display:grid;gap:6px;width:100%;min-height:120px;padding:14px 36px 14px 14px;border:1px solid color-mix(in srgb,var(--primary) 14%,var(--border));border-radius:var(--radius-md);background:var(--surface);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.tool-chain-card:hover{border-color:color-mix(in srgb,var(--primary) 34%,var(--border));box-shadow:var(--shadow-hover);transform:translateY(-2px)}.tool-chain-kicker{color:var(--primary);font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.tool-chain-card strong{font-size:14px;line-height:1.3}.tool-chain-card span:last-of-type{color:var(--muted);font-size:12px;line-height:1.45}.tool-chain-arrow{position:absolute;top:14px;right:12px;width:16px;height:16px;color:var(--primary)}.file-preview{position:relative;overflow:hidden;width:112px;min-height:78px;border-radius:var(--radius-md);background:radial-gradient(circle at 24% 0,rgba(11,99,246,.12),transparent 34%),var(--surface-soft)}.file-preview .file-thumb,.file-preview img{width:112px;height:78px;border-radius:var(--radius-md);-o-object-fit:cover;object-fit:cover}.file-saving{position:absolute;top:6px;right:6px;min-height:20px;padding:2px 7px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--success) 92%,#fff);color:#fff;font-size:11px;font-weight:850;font-variant-numeric:tabular-nums;box-shadow:0 6px 14px #03985533}.file-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:10px}.file-stats div{min-width:0;padding:8px 9px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--surface-inset) 74%,#fff)}.file-stats span,.queue-action-stats span{display:block;color:var(--soft);font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.file-stats strong,.queue-action-stats strong{display:block;overflow:hidden;margin-top:2px;color:var(--text);font-size:11px;font-weight:800;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}.file-item-actions{display:flex;grid-column:2;flex-direction:row;align-items:flex-end;justify-content:flex-end;gap:8px}.file-item-actions .button.ghost{width:30px;padding:0}.error-text{margin:8px 0 0;color:var(--danger);font-size:12px;font-weight:650}.queue-action-card{display:grid;gap:10px;padding:16px;border:1px solid color-mix(in srgb,var(--primary) 13%,var(--border));border-radius:var(--radius-lg);background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 1px 2px #0f172a0a,0 18px 42px #0b63f61a}.action-column .queue-action-card{margin:0;border:0;border-radius:0;box-shadow:none;background:linear-gradient(180deg,#fff,#f8fbff)}.action-column .queue-action-card .quality-field{padding-top:2px}.queue-action-kicker{color:var(--success);font-size:11px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.queue-action-card h4{margin:0;color:var(--text);font-family:var(--font-ui);font-size:16px;line-height:1.25}.queue-action-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.queue-action-stats{display:grid;gap:7px}.queue-action-stats div{padding:9px 10px;border:1px solid color-mix(in srgb,var(--primary) 9%,var(--border));border-radius:var(--radius-sm);background:#ffffffc2}.queue-primary{width:100%}.queue-privacy-note{padding-top:8px;border-top:1px solid var(--border);color:var(--success)!important}.button.ghost.danger{color:var(--danger)}@media(max-width:1100px){.workspace-columns{grid-template-columns:1fr}.files-column,.results-gallery{border-left:0;border-bottom:1px solid var(--border)}.action-column,.results-summary-card{position:static}}@media(max-width:640px){.queue-actions,.results-header.has-queue{align-items:stretch;flex-direction:column}.queue-actions .button{width:100%}.queue-workspace .file-item{grid-template-columns:1fr}.file-preview,.file-preview .file-thumb,.file-preview img{width:100%;height:auto;aspect-ratio:16/9}.file-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.file-item-actions{flex-direction:row;align-items:center}}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 16px;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:700;white-space:nowrap;transition:background .14s ease,border-color .14s ease,color .14s ease,transform .14s ease,box-shadow .14s ease}.button svg{width:16px;height:16px;flex-shrink:0}@media(prefers-reduced-motion:no-preference){.button:hover:not(:disabled){transform:translateY(-2px)}}.button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.button:disabled{cursor:not-allowed;opacity:.5;transform:none}.button.primary{background:linear-gradient(135deg,var(--primary),#0184ff);color:#fff;box-shadow:0 8px 20px #0b63f62e}.button.primary:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 16px 36px #0b63f657}.button.secondary{border-color:var(--border-strong);background:var(--surface);color:var(--text)}.button.secondary:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:var(--primary-soft);box-shadow:0 8px 22px #0b63f624}.button.ghost{min-height:34px;padding:0 10px;background:transparent;color:var(--muted)}.button.ghost:hover:not(:disabled){color:var(--danger);background:var(--danger-soft);box-shadow:0 4px 14px #b423181f}.button.small{min-height:34px;padding:0 12px;border-color:var(--border-strong);background:var(--surface);font-size:13px}.button.full{width:100%}.ad-slot{display:grid;width:min(var(--workspace-max),calc(100% - var(--page-gutter)*2));min-height:var(--ad-slot-h);margin:32px auto;place-items:center;border:1px dashed color-mix(in srgb,var(--primary) 22%,var(--border));border-radius:var(--radius-md);background:radial-gradient(circle at 22% 0,rgba(11,99,246,.06),transparent 32%),var(--surface-inset);color:var(--soft);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.content-section{padding:52px 0}.content-section-compact{padding:34px 0}.content-section[id]{scroll-margin-top:calc(var(--header-h) + 20px)}.section-heading{max-width:680px;margin-bottom:24px}.section-heading h2{position:relative;padding-left:14px}.section-heading h2:before{content:"";position:absolute;left:0;top:.12em;bottom:.12em;width:4px;border-radius:var(--radius-full);background:linear-gradient(180deg,var(--primary),var(--accent))}.section-heading p{color:var(--muted);line-height:1.65}.related-grid,.steps-grid,.tool-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.use-case-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.use-case-grid .use-case-card{padding:14px 12px}.seo-content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.seo-content-card{display:grid;align-content:start;gap:10px;padding:18px;border:1px solid color-mix(in srgb,var(--primary) 12%,var(--border));border-radius:var(--radius-md);background:linear-gradient(180deg,#fff,#f9fcff);box-shadow:var(--shadow-subtle)}.seo-content-card h3{font-family:var(--font-ui);font-size:16px;line-height:1.35}.seo-content-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}.seo-content-card ul{display:grid;gap:7px;margin:4px 0 0;padding:0;list-style:none}.seo-content-card li{position:relative;padding-left:14px;color:var(--text-secondary);font-size:13px;line-height:1.45}.seo-content-card li:before{content:"";position:absolute;left:0;top:.62em;width:5px;height:5px;border-radius:var(--radius-full);background:var(--primary)}.related-card,.steps-grid>div,.tool-card,.use-case-card{position:relative;display:grid;align-content:start;gap:10px;padding:18px;border:1px solid color-mix(in srgb,var(--primary) 12%,var(--border));border-radius:var(--radius-md);background:linear-gradient(180deg,#fff,#f9fcff);box-shadow:var(--shadow-subtle);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.related-card,.steps-grid>div,.use-case-card{min-height:142px}.related-card .meta-pill{align-self:end;width:-moz-fit-content;width:fit-content}.related-card .tool-card-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.tool-card{min-height:154px;overflow:hidden}.tool-card.is-featured{border-color:color-mix(in srgb,var(--primary) 32%,var(--border));background:linear-gradient(145deg,var(--primary-soft) 0,#fff 52%);box-shadow:var(--shadow-card)}.tool-card-badges{gap:6px;flex-wrap:wrap;justify-content:flex-end}.tool-badge,.tool-card-badges{display:inline-flex;align-items:center}.tool-badge{padding:2px 8px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--accent) 40%,var(--primary)));color:#fff;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.tool-card-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.meta-pill{display:inline-flex;padding:2px 8px;border-radius:var(--radius-full);background:var(--surface-soft);color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.tool-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--primary),var(--accent));opacity:0;transition:opacity .16s ease}.related-card:hover,.tool-card:hover{border-color:color-mix(in srgb,var(--primary) 52%,var(--border));box-shadow:var(--shadow-hover)}.tool-card:hover:before{opacity:1}@media(prefers-reduced-motion:no-preference){.related-card:hover,.tool-card:hover{transform:translateY(-4px)}}.related-card:focus-visible,.tool-card:focus-visible{outline:none;box-shadow:var(--focus-ring)}.related-card strong,.tool-card strong,.use-case-card strong{font-size:15px;line-height:1.35}.tool-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.tool-icon{display:grid;width:36px;height:36px;place-items:center;border:1px solid color-mix(in srgb,var(--primary) 24%,var(--border));border-radius:var(--radius-md);background:linear-gradient(135deg,var(--primary-soft),#fff);color:var(--primary);flex-shrink:0}.tool-icon svg{width:18px;height:18px}.tool-icon.is-convert{border-color:color-mix(in srgb,#7c3aed 28%,var(--border));background:linear-gradient(135deg,#f3e8ff,#fff);color:#6d28d9}.tool-icon.is-resize{border-color:color-mix(in srgb,var(--accent) 32%,var(--border));background:linear-gradient(135deg,var(--accent-soft),#fff);color:var(--accent)}.tool-icon.is-crop{border-color:color-mix(in srgb,#f97316 30%,var(--border));background:linear-gradient(135deg,#fff7ed,#fff);color:#ea580c}.tool-icon.is-watermark{border-color:color-mix(in srgb,#7c3aed 28%,var(--border));background:linear-gradient(135deg,#f5f3ff,#fff);color:#7c3aed}.tool-icon.is-exif,.tool-icon.is-privacy{border-color:color-mix(in srgb,var(--success) 30%,var(--border));background:linear-gradient(135deg,var(--success-soft),#fff);color:var(--success)}.related-card p,.steps-grid p,.tool-card p,.use-case-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}.steps-grid>div{position:relative}.steps-grid span{display:grid;width:32px;height:32px;place-items:center;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--primary-soft),var(--accent-soft));color:var(--primary);font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}.steps-grid.is-four{grid-template-columns:repeat(4,minmax(0,1fr))}.steps-grid>div:after{content:"";position:absolute;inset:auto 16px 0;height:2px;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--primary),var(--accent));opacity:.18}.limits-table{margin-top:14px;overflow:hidden;border:1px solid color-mix(in srgb,var(--primary) 12%,var(--border));border-radius:var(--radius-md);background:var(--surface)}.limits-table div{display:grid;grid-template-columns:200px 1fr;gap:16px;padding:14px 18px;border-bottom:1px solid var(--border)}.limits-table div:last-child{border-bottom:0}.limits-table span{color:var(--muted)}.limits-table span,.limits-table strong{font-size:14px;font-weight:600}.faq-list{display:grid;gap:10px}.faq-item{border:1px solid color-mix(in srgb,var(--primary) 12%,var(--border));border-radius:var(--radius-md);background:var(--surface);overflow:hidden}.faq-item summary{display:flex;align-items:flex-start;gap:10px;cursor:pointer;padding:16px 18px;font-weight:700;font-size:15px;list-style:none;transition:background .14s ease}.faq-index{display:grid;flex-shrink:0;width:24px;height:24px;place-items:center;border-radius:var(--radius-sm);background:var(--primary-soft);color:var(--primary);font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";margin-left:auto;flex-shrink:0;color:var(--muted);font-size:18px;font-weight:400;line-height:1}.faq-item[open] summary:after{content:"−"}.faq-item summary:hover{background:var(--surface-inset);box-shadow:inset 0 -1px 0 var(--border)}.faq-item summary:focus-visible{outline:none;box-shadow:inset var(--focus-ring)}.faq-item p{margin:0;padding:0 18px 18px;color:var(--muted);line-height:1.65}.not-found{width:min(640px,calc(100% - 40px));margin:80px auto;padding:40px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);text-align:center}.not-found h1{margin-bottom:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.callout-box{display:flex;gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.callout-box.is-info{border-color:color-mix(in srgb,var(--primary) 24%,var(--border));background:linear-gradient(135deg,var(--primary-soft),#fff)}.callout-box.is-trust{border-color:color-mix(in srgb,var(--accent) 28%,var(--border));background:linear-gradient(135deg,color-mix(in srgb,var(--accent-soft) 70%,#fff),#fff)}.callout-box.is-warning{border-color:color-mix(in srgb,var(--warning) 30%,var(--border));background:linear-gradient(135deg,#fff7ed,#fff)}.callout-icon{width:18px;height:18px;flex-shrink:0;margin-top:2px;color:var(--primary)}.callout-box.is-trust .callout-icon{color:var(--accent)}.callout-box.is-warning .callout-icon{color:var(--warning)}.callout-body{display:grid;gap:4px;min-width:0}.callout-body strong{color:var(--text);font-size:13px;font-weight:800}.callout-body p{margin:0;color:var(--text-secondary);font-size:13px;line-height:1.55}.category-nav{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.category-nav-link{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid color-mix(in srgb,var(--primary) 16%,var(--border));border-radius:var(--radius-full);background:var(--surface);color:var(--text-secondary);font-size:13px;font-weight:700;box-shadow:var(--shadow-subtle);transition:border-color .14s ease,color .14s ease,background .14s ease,box-shadow .14s ease,transform .14s ease}.category-nav-link svg{width:15px;height:15px;color:var(--primary)}.category-nav-link:hover{border-color:color-mix(in srgb,var(--primary) 48%,var(--border));color:var(--primary);background:var(--primary-soft);box-shadow:0 8px 22px #0b63f629}@media(prefers-reduced-motion:no-preference){.category-nav-link:hover{transform:translateY(-2px)}}.category-nav-link:focus-visible{outline:none;box-shadow:var(--focus-ring)}.category-nav-link.is-active{border-color:color-mix(in srgb,var(--primary) 35%,var(--border));background:var(--primary-soft);color:var(--primary)}.category-nav-link.is-active .category-nav-count{background:color-mix(in srgb,var(--primary) 12%,#fff);color:var(--primary)}.category-section-link{margin-left:10px;color:var(--primary);font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap}.category-section-link:hover{text-decoration:underline}.tool-category-page .tool-hero{grid-template-columns:1fr}.tool-category-page .tool-hero .tool-hero-copy p{max-width:52ch}.category-nav-count{min-width:20px;padding:0 6px;border-radius:var(--radius-full);background:var(--surface-soft);color:var(--muted);font-size:11px;font-weight:800;font-variant-numeric:tabular-nums;text-align:center}@media(max-width:900px){.hero-layout{gap:28px}.hero-layout,.tool-hero{grid-template-columns:1fr}.tool-hero-panel{min-height:0}.hero-preview{max-width:560px}.workspace-columns{grid-template-columns:1fr}.files-column,.results-gallery{border-left:0;border-bottom:1px solid var(--border)}.results-panel,.settings-panel{display:block;width:100%}.settings-panel{border-bottom:1px solid var(--border)}.queue-action-card,.results-summary-card{position:static}.tool-chain-grid{grid-template-columns:1fr}.workspace-head{flex-direction:column}.workspace-chips{justify-content:flex-start;min-width:0}.related-grid,.seo-content-grid,.steps-grid,.tool-card-grid{grid-template-columns:repeat(2,1fr)}.category-stage-tools .tool-card-grid.is-centered,.category-stage-tools.is-multi .tool-card-grid.is-pair{width:100%;grid-template-columns:1fr}.site-footer-inner,.steps-grid.is-four{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer-inner{gap:32px}.footer-brand{grid-column:1/-1}:root{--page-gutter:14px;--header-h:56px}.site-header{height:56px;padding:0 16px}.nav-links{display:none}.menu-toggle{display:inline-flex}.mobile-nav.is-open{display:flex;flex-direction:column;gap:4px;position:absolute;top:calc(var(--header-h) - 4px);left:16px;right:16px;padding:12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-card)}.mobile-nav a{padding:12px 14px;border-radius:var(--radius-sm);color:var(--text);font-size:15px;font-weight:600}.mobile-nav a:hover{background:var(--surface-soft)}.ad-slot,.category-nav,.content-section,.home-hero,.home-tool-shell,.home-upload-gateway,.tool-intro,.tool-workspace{width:min(100% - (var(--page-gutter) * 2),var(--content-max))}.home-hero{padding-top:34px}.hero-layout{gap:22px}.hero-preview{padding:12px}.preview-file{grid-template-columns:38px minmax(0,1fr) auto}.preview-thumb{width:38px;height:38px}.preview-settings span{flex:1 1 auto;text-align:center}.home-gateway-panel{padding:22px}.home-gateway-picker,.home-gateway-tools{grid-template-columns:1fr}.home-gateway-tools{max-height:none;overflow:visible;padding-right:0}.workspace-head{padding:18px}.workspace-chips span{flex:1 1 auto;justify-content:center}.workspace-grid{min-height:auto}.limits-table div,.related-grid,.seo-content-grid,.sitemap-link-grid,.steps-grid,.steps-grid.is-four,.summary-strip,.tool-card-grid,.use-case-grid{grid-template-columns:1fr}.limits-table div{gap:4px}.file-item{grid-template-columns:44px 1fr}.file-item .button{grid-column:1/-1}.site-footer-inner{grid-template-columns:1fr;padding:32px 0 24px}.footer-bottom{padding:16px 0;flex-direction:column;align-items:flex-start}.hero-copy p,.tool-intro p{font-size:16px}}