.template-tool-flow-hero .template-hero-inner{align-items:center}.template-tool-flow-steps{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.template-tool-flow-steps span{background:color-mix(in srgb, var(--template-surface-solid) 78%, transparent);border:1px solid var(--template-line);color:var(--template-muted);border-radius:999px;align-items:center;gap:8px;min-height:38px;padding:0 13px;font-weight:950;display:inline-flex}.template-tool-flow-steps b{color:var(--template-primary);background:#0ea5e924;border-radius:999px;place-items:center;width:22px;height:22px;font-size:.78rem;display:grid}.template-tool-flow-steps span.is-active{color:var(--template-text);background:#0ea5e91f;border-color:#0ea5e95c}.template-tool-flow-runner{gap:18px;position:relative;overflow:hidden}.template-tool-flow-runner:before{background:linear-gradient(90deg, var(--template-primary), var(--template-secondary), var(--template-amber));content:"";height:3px;position:absolute;inset:0 0 auto}.template-tool-flow-runner:not(.has-files):not(.is-processing):not(.has-result) .template-tool-options,.template-tool-flow-runner:not(.has-files):not(.is-processing):not(.has-result) .template-processing-card,.template-tool-flow-runner:not(.has-files):not(.is-processing):not(.has-result) .template-tool-actions,.template-tool-flow-runner.has-files:not(.is-processing):not(.has-result) .template-processing-card{display:none}.template-tool-flow-runner.is-processing .template-processing-card,.template-tool-flow-runner.has-result .template-tool-result{display:grid}.template-tool-flow-runner .template-drop-zone{min-height:250px;padding:30px}.template-tool-flow-runner.has-files .template-drop-zone{text-align:start;grid-template-columns:auto minmax(0,1fr);place-items:center start;min-height:104px;padding:18px}.template-tool-flow-runner.has-files .template-drop-zone .template-drop-icon{margin:0}.template-tool-file-board{background:0 0;border:0;padding:0}.template-tool-file-card{background:color-mix(in srgb, var(--template-surface-solid) 84%, transparent);border:1px solid var(--template-line);border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;padding:12px;display:grid}.template-tool-file-thumb{background:linear-gradient(135deg, color-mix(in srgb, var(--template-primary) 88%, #fff), var(--template-secondary));color:#fff;letter-spacing:0;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;font-size:.78rem;font-weight:950;display:inline-flex}.template-tool-file-card strong,.template-tool-file-card small{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.template-tool-file-card small{color:var(--template-muted);margin-top:2px;font-weight:850}.template-tool-file-actions{gap:6px;display:flex}.template-tool-file-actions button{background:color-mix(in srgb, var(--template-surface-solid) 88%, transparent);border:1px solid var(--template-line);color:var(--template-text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-weight:950;display:inline-flex}.template-tool-file-actions button:hover:not(:disabled),.template-tool-file-actions button:focus-visible:not(:disabled){color:var(--template-primary);border-color:#0ea5e973}.template-tool-file-actions button:disabled{cursor:not-allowed;opacity:.42}.template-native-select-fallback{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.template-tool-field.has-choice-cards{gap:10px}.template-tool-options .template-tool-field.has-choice-cards{grid-column:1/-1}.template-choice-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.template-choice-card{background:color-mix(in srgb, var(--template-surface-solid) 86%, transparent);border:1px solid var(--template-line);color:var(--template-text);cursor:pointer;text-align:start;border-radius:8px;gap:5px;min-height:78px;padding:13px;transition:border-color .16s,box-shadow .16s,transform .16s,background .16s;display:grid}.template-choice-card:hover,.template-choice-card:focus-visible{border-color:#0ea5e961;transform:translateY(-1px);box-shadow:0 12px 28px #0ea5e91f}.template-choice-card.active{background:linear-gradient(135deg, #0ea5e921, color-mix(in srgb, var(--template-surface-solid) 80%, transparent));box-shadow:inset 4px 0 0 var(--template-primary), 0 16px 34px #0ea5e924;border-color:#0ea5e97a}[dir=rtl] .template-choice-card.active{box-shadow:inset -4px 0 0 var(--template-primary), 0 16px 34px #0ea5e924}.template-choice-card strong{color:var(--template-text);font-weight:950}.template-choice-card small{color:var(--template-muted);line-height:1.55}.template-tool-hero:not(.template-compress-flow-page) .template-tool-flow-steps,.template-compress-flow-page .template-stats{display:none}.template-tool-flow-public-page .template-tool-flow-page,.template-tool-flow-public-page .template-tool-hero,.template-compress-public-page .template-tool-flow-page,.template-compress-public-page .template-tool-hero{min-height:calc(100svh - 72px)}.template-compress-trust-pills{gap:10px;justify-content:inherit;flex-wrap:wrap;margin-top:18px;display:flex}.template-compress-trust-pills span{background:color-mix(in srgb, var(--template-surface-solid) 80%, transparent);color:var(--template-muted);border:1px solid #0ea5e938;border-radius:999px;align-items:center;min-height:36px;padding:0 14px;font-size:.92rem;font-weight:900;display:inline-flex}.template-compress-flow-page:not(.is-configuring):not(.is-processing):not(.is-result) .template-hero-inner{text-align:center;grid-template-columns:minmax(0,880px);justify-content:center;justify-items:center;gap:24px}.template-compress-flow-page:not(.is-configuring):not(.is-processing):not(.is-result) .template-badge,.template-compress-flow-page:not(.is-configuring):not(.is-processing):not(.is-result) .template-compress-trust-pills,.template-compress-flow-page:not(.is-configuring):not(.is-processing):not(.is-result) .template-tool-flow-steps,.template-compress-flow-page:not(.is-configuring):not(.is-processing):not(.is-result) .template-compress-flow-runner header{display:none}.template-compress-flow-page:not(.is-configuring):not(.is-processing):not(.is-result) .template-hero-copy{max-width:820px}.template-compress-flow-page:not(.is-configuring):not(.is-processing):not(.is-result) .template-hero-copy h1{margin-bottom:12px;font-size:clamp(2.5rem,5vw,4.25rem)}.template-compress-flow-page:not(.is-configuring):not(.is-processing):not(.is-result) .template-hero-copy p{max-width:860px;margin-inline:auto;font-size:clamp(1.05rem,1.8vw,1.35rem)}.template-compress-flow-page:not(.is-configuring):not(.is-processing):not(.is-result) .template-hero-visual{width:min(460px,100%);min-height:auto}.template-compress-flow-page:not(.is-configuring):not(.is-processing):not(.is-result) .template-compress-flow-runner{box-shadow:none;background:0 0;border:0;justify-items:center;padding:0;display:grid}.template-compress-flow-page:not(.is-configuring):not(.is-processing):not(.is-result) .template-compress-flow-runner:before{display:none}.template-compress-flow-page:not(.is-configuring):not(.is-processing):not(.is-result) .template-compress-upload-button{color:#fff;background:linear-gradient(135deg,#0ea5e9,#14b8a6);border:0;width:min(360px,100%);min-height:78px;padding:0 34px;position:relative;overflow:visible;box-shadow:0 18px 38px #0ea5e947}.template-compress-flow-page:not(.is-configuring):not(.is-processing):not(.is-result) .template-compress-upload-button:hover,.template-compress-flow-page:not(.is-configuring):not(.is-processing):not(.is-result) .template-compress-upload-button:focus-visible{background:linear-gradient(135deg,#0284c7,#0d9488);transform:translateY(-2px)}.template-compress-flow-page:not(.is-configuring):not(.is-processing):not(.is-result) .template-compress-upload-button strong{color:#fff;font-size:1.55rem;line-height:1}.template-compress-flow-page:not(.is-configuring):not(.is-processing):not(.is-result) .template-compress-upload-button small{color:var(--template-muted);bottom:-34px;font-size:.92rem;position:absolute;inset-inline:0}.template-compress-flow-page.is-configuring,.template-compress-flow-page.is-processing,.template-compress-flow-page.is-result{padding-top:clamp(26px,4vw,54px)}.template-compress-flow-page.is-configuring .template-hero-copy,.template-compress-flow-page.is-processing .template-hero-copy,.template-compress-flow-page.is-result .template-hero-copy{display:none}.template-compress-flow-page.is-configuring .template-hero-inner,.template-compress-flow-page.is-processing .template-hero-inner,.template-compress-flow-page.is-result .template-hero-inner{max-width:1160px;display:block}.template-compress-flow-page.is-configuring .template-hero-visual,.template-compress-flow-page.is-processing .template-hero-visual,.template-compress-flow-page.is-result .template-hero-visual{width:100%;min-height:auto}.template-compress-flow-page.is-configuring .template-compress-flow-runner{background:color-mix(in srgb, var(--template-surface-solid) 88%, transparent);border:1px solid #7dd3fc52;border-radius:8px;grid-template-columns:minmax(292px,344px) minmax(0,1fr);grid-template-areas:"header header""panel upload""panel files";gap:18px 24px;margin-inline:auto;padding:clamp(16px,2.2vw,24px);display:grid;box-shadow:0 22px 70px #0f172a1a}.template-compress-flow-page.is-configuring .template-compress-flow-runner:before{display:none}.template-compress-flow-page.is-configuring .template-compress-flow-runner header{background:color-mix(in srgb, var(--template-surface-solid) 92%, transparent);border:1px solid #7dd3fc38;border-radius:8px;grid-area:header;align-items:center;padding:14px 16px}.template-compress-flow-page.is-configuring .template-compress-flow-runner .template-drop-zone{background:color-mix(in srgb, var(--template-surface-solid) 82%, transparent);border-style:solid;grid-area:upload;justify-self:center;width:min(470px,100%);min-height:74px;padding:14px 18px}.template-compress-flow-page.is-configuring .template-compress-flow-runner .template-drop-zone small{display:none}.template-compress-flow-page.is-configuring .template-tool-file-board{grid-area:files;place-content:start center;justify-items:center;gap:14px;min-height:0;padding:8px 0 0;display:grid}.template-compress-flow-page.is-configuring .template-tool-file-card{background:color-mix(in srgb, var(--template-surface-solid) 92%, transparent);border:1px solid var(--template-line);text-align:center;grid-template-columns:1fr;gap:12px;width:min(350px,100%);padding:18px;box-shadow:0 20px 52px #0f172a24}.template-tool-file-preview{background:#f8fafc;border:1px solid #94a3b847;border-radius:8px;justify-content:center;align-items:center;width:100%;height:372px;display:flex;overflow:hidden}.template-tool-file-preview canvas{border:0;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.template-tool-file-preview.is-loading .template-tool-file-thumb,.template-tool-file-preview.is-fallback .template-tool-file-thumb{width:58px;height:58px}.template-compress-flow-page.is-configuring .template-tool-side-panel{background:color-mix(in srgb, var(--template-surface-solid) 92%, transparent);box-shadow:none;border:1px solid #7dd3fc3d;border-radius:8px;grid-area:panel;align-self:start;position:sticky;top:86px;overflow:hidden}.template-compress-flow-page.is-configuring .template-tool-options,.template-compress-flow-page.is-configuring .template-tool-actions{box-shadow:none;background:0 0;border:0;border-radius:0;padding:16px}.template-compress-flow-page.is-configuring .template-tool-actions{border-top:1px solid #7dd3fc38}.template-compress-flow-page.is-processing .template-compress-flow-runner,.template-compress-flow-page.is-result .template-compress-flow-runner{text-align:center;max-width:760px;margin-inline:auto}.template-compress-flow-page.is-processing .template-compress-flow-runner>:not(.template-processing-card),.template-compress-flow-page.is-result .template-compress-flow-runner>:not(.template-tool-result){display:none}.template-compress-flow-page.is-processing .template-processing-card,.template-compress-flow-page.is-result .template-tool-result{border-radius:8px;place-items:center;min-height:220px}:root[data-theme=dark] .template-tool-file-card,:root[data-theme=dark] .template-tool-file-actions button,:root[data-theme=dark] .template-choice-card{background:#0f172ab8;border-color:#7dd3fc29}:root[data-theme=dark] .template-choice-card.active{background:linear-gradient(135deg,#0ea5e92e,#0f172adb);border-color:#7dd3fc57}:root[data-theme=dark] .template-compress-trust-pills span,:root[data-theme=dark] .template-compress-flow-page.is-configuring .template-compress-flow-runner header,:root[data-theme=dark] .template-compress-flow-page.is-configuring .template-tool-side-panel,:root[data-theme=dark] .template-compress-flow-page.is-configuring .template-tool-options,:root[data-theme=dark] .template-compress-flow-page.is-configuring .template-tool-actions{background:#0f172ac2;border-color:#7dd3fc2e}:root[data-theme=dark] .template-tool-file-preview{background:#020617;border-color:#7dd3fc29}@media (width<=760px){.template-tool-flow-steps,.template-choice-grid{grid-template-columns:1fr}.template-tool-file-card{grid-template-columns:auto minmax(0,1fr)}.template-tool-file-actions{grid-column:1/-1;justify-content:stretch}.template-tool-file-actions button{flex:1}.template-compress-flow-page.is-configuring .template-compress-flow-runner{grid-template-columns:1fr;grid-template-areas:"header""upload""files""panel"}.template-compress-flow-page.is-configuring .template-tool-side-panel{grid-area:panel;position:static}.template-compress-flow-page.is-configuring .template-tool-file-board{min-height:0}.template-tool-file-preview{height:230px}}.template-compress-flow-page .template-initial-upload-wrap{justify-content:center;align-items:center;width:100%;display:flex;position:relative}.template-compress-flow-page .template-upload-source-rail{z-index:3;gap:8px;display:grid;position:absolute;top:50%;left:-58px;transform:translateY(-50%)}.template-compress-flow-page .template-upload-source-rail button,.template-compress-flow-page .template-add-source-main,.template-compress-flow-page .template-add-source-menu button,.template-result-quick-actions button{cursor:pointer;border:0;justify-content:center;align-items:center;font-weight:950;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.template-compress-flow-page .template-upload-source-rail button{color:#fff;background:linear-gradient(135deg,#0ea5e9,#14b8a6);border-radius:999px;width:40px;height:40px;box-shadow:0 12px 22px #0ea5e93d}.template-compress-flow-page .template-source-icon{pointer-events:none;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.template-compress-flow-page .template-source-icon svg{width:100%;height:100%;display:block;overflow:visible}.template-compress-flow-page .template-source-icon-device{color:#e0f7ff}.template-compress-flow-page .template-source-icon-dropbox svg{filter:drop-shadow(0 1px #00000014)}.template-compress-flow-page .template-upload-source-rail [data-upload-source=device],.template-compress-flow-page .template-add-source-menu [data-upload-source=device]{background:linear-gradient(135deg,#0ea5e9,#2563eb)}.template-compress-flow-page .template-upload-source-rail [data-upload-source=drive],.template-compress-flow-page .template-add-source-menu [data-upload-source=drive]{color:#0f172a;background:linear-gradient(135deg,#fff,#eff6ff)}.template-compress-flow-page .template-upload-source-rail [data-upload-source=dropbox],.template-compress-flow-page .template-add-source-menu [data-upload-source=dropbox]{background:linear-gradient(135deg,#0b74ff,#0057d8)}.template-compress-flow-page .template-upload-source-rail button:hover,.template-compress-flow-page .template-upload-source-rail button:focus-visible,.template-compress-flow-page .template-add-source-main:hover,.template-compress-flow-page .template-add-source-main:focus-visible,.template-result-quick-actions button:hover,.template-result-quick-actions button:focus-visible{transform:translateY(-2px);box-shadow:0 16px 30px #0ea5e952}.template-compress-flow-page .template-source-notice{color:#fff;opacity:0;pointer-events:none;white-space:nowrap;z-index:20;background:#0f172aeb;border-radius:8px;padding:9px 12px;font-size:.9rem;font-weight:850;transition:opacity .16s,transform .16s;position:absolute;top:calc(100% + 18px);left:50%;transform:translate(-50%)translateY(6px)}.template-compress-flow-page .template-source-notice.is-visible{opacity:1;transform:translate(-50%)translateY(0)}.template-compress-flow-page.is-configuring{background:#f6f6fb;padding:0}.template-compress-flow-page.is-configuring .template-hero-inner{width:100%;max-width:none}.template-compress-flow-page.is-configuring .template-compress-flow-runner{box-shadow:none;direction:ltr;background:0 0;border:0;border-radius:0;grid-template-columns:minmax(290px,360px) minmax(0,1fr);grid-template-areas:"panel files";gap:0;width:100%;max-width:none;min-height:calc(100svh - 72px);margin:0;padding:0;display:grid;overflow:visible}.template-compress-flow-page.is-configuring .template-compress-flow-runner:before,.template-compress-flow-page.is-configuring .template-compress-flow-runner header,.template-compress-flow-page.is-configuring .template-initial-upload-wrap{display:none}.template-compress-flow-page.is-configuring .template-tool-side-panel{border:0;direction:rtl;background:#fff;border-inline-end:1px solid #d7dbe5;border-radius:0;flex-direction:column;grid-area:panel;align-self:stretch;min-height:calc(100svh - 72px);display:flex;position:sticky;top:72px;overflow:hidden;box-shadow:12px 0 34px #0f172a0a}.template-compress-flow-page.is-configuring .template-tool-options{padding:0;display:block}.template-compress-flow-page.is-configuring .template-tool-field.has-choice-cards{display:block}.template-compress-flow-page.is-configuring .template-tool-field>span{text-align:center;border-bottom:1px solid #d7dbe5;padding:24px 22px;font-size:clamp(1.45rem,2.1vw,2rem);font-weight:900;display:block}.template-compress-flow-page.is-configuring .template-choice-grid{grid-template-columns:1fr;gap:0;display:grid}.template-compress-flow-page.is-configuring .template-choice-card:before{color:#fff;content:"✓";opacity:0;background:#22c55e;border-radius:999px;place-items:center;width:28px;height:28px;font-size:.85rem;display:grid;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.template-compress-flow-page.is-configuring .template-tool-actions{border-top:1px solid #d7dbe5;margin-top:auto;padding:18px}.template-compress-flow-page.is-configuring .template-tool-actions .template-main-button{background:linear-gradient(135deg,#0ea5e9,#14b8a6);border-radius:8px;width:100%;min-height:72px;box-shadow:0 16px 28px #0ea5e933}.template-compress-flow-page.is-configuring .template-tool-actions .template-ghost-button{border-radius:8px;width:100%;min-height:46px}.template-compress-flow-page.is-configuring .template-tool-file-board{direction:rtl;grid-area:files;grid-template-columns:repeat(auto-fit,minmax(180px,236px));place-content:start center;gap:16px;min-height:calc(100svh - 72px);padding:clamp(80px,10vw,124px) clamp(24px,6vw,96px) 48px;display:grid;position:relative;overflow:visible}.template-compress-flow-page.is-configuring .template-tool-file-card{text-align:center;background:#fff;border:0;border-radius:8px;grid-template-columns:1fr;gap:10px;width:auto;min-height:248px;padding:12px;box-shadow:0 10px 28px #0f172a1a}.template-compress-flow-page.is-configuring .template-tool-file-preview{height:176px}.template-compress-flow-page.is-configuring .template-tool-file-card strong{color:#223047;font-size:.9rem}.template-compress-flow-page.is-configuring .template-tool-file-card small{color:#64748b}.template-compress-flow-page.is-configuring .template-tool-file-actions{justify-content:center}.template-compress-flow-page .template-add-source-fab{z-index:30;direction:rtl;grid-area:files;place-self:start end;margin:34px clamp(18px,4vw,58px) 0 0;position:sticky;top:96px}.template-compress-flow-page .template-add-source-main{color:#fff;background:#ef4444;border-radius:999px;width:54px;height:54px;font-size:2rem;position:relative;box-shadow:0 12px 24px #ef444442}.template-compress-flow-page .template-add-source-main span{background:#0f172a;border:2px solid #ef4444;border-radius:999px;place-items:center;width:24px;height:24px;font-size:.78rem;display:grid;position:absolute;top:-9px;right:-2px}.template-compress-flow-page .template-add-source-menu{opacity:0;pointer-events:none;gap:9px;padding-top:10px;transition:opacity .16s,transform .16s;display:grid;transform:translateY(-6px)}.template-compress-flow-page .template-add-source-fab:hover .template-add-source-menu,.template-compress-flow-page .template-add-source-fab:focus-within .template-add-source-menu{opacity:1;pointer-events:auto;transform:translateY(0)}.template-compress-flow-page .template-add-source-menu button{color:#fff;background:#ef4444;border-radius:999px;justify-content:flex-start;gap:8px;width:44px;height:44px;padding:0 13px;overflow:hidden;box-shadow:0 10px 20px #ef444433}.template-compress-flow-page .template-add-source-menu button:hover,.template-compress-flow-page .template-add-source-menu button:focus-visible{width:158px}.template-compress-flow-page .template-add-source-menu button span{opacity:0;white-space:nowrap;font-size:.82rem}.template-compress-flow-page .template-add-source-menu button:hover span,.template-compress-flow-page .template-add-source-menu button:focus-visible span{opacity:1}.template-compress-flow-page.is-processing,.template-compress-flow-page.is-result{background:#f1f1f7;padding:0}.template-compress-flow-page.is-processing .template-compress-flow-runner,.template-compress-flow-page.is-result .template-compress-flow-runner{box-shadow:none;text-align:center;background:0 0;border:0;max-width:none;min-height:calc(100svh - 72px);margin:0 auto;padding:clamp(48px,8vw,82px) 20px}.template-compress-flow-page.is-processing .template-processing-card,.template-compress-flow-page.is-result .template-tool-result{box-shadow:none;background:0 0;border:0;max-width:860px;min-height:0;margin:0 auto;padding:0}.template-process-screen{place-items:center;gap:22px;display:grid}.template-process-logo{color:#0f172a;font-size:1.35rem;font-weight:950}.template-process-screen h2,.template-result-screen h2{color:#111827;margin:0;font-size:clamp(1.7rem,3vw,2.7rem)}.template-process-screen p{color:#64748b;margin:0}.template-progress-ring,.template-result-meter{background:radial-gradient(circle closest-side, #f1f1f7 75%, transparent 76% 100%), conic-gradient(#ef4444 var(--template-progress,0%), #dedfe6 0);border-radius:999px;place-content:center;place-items:center;width:118px;height:118px;display:grid}.template-progress-ring strong,.template-result-meter strong{color:#111827;font-size:1.45rem;line-height:1}.template-progress-ring small,.template-result-meter span{color:#64748b;margin-top:5px;font-size:.8rem;font-weight:850}.template-process-phases{grid-template-columns:repeat(4,minmax(110px,1fr));gap:10px;width:100%;max-width:680px;margin:0;padding:0;list-style:none;display:grid}.template-process-phases li{color:#64748b;background:#fff;border:1px solid #d7dbe5;border-radius:999px;padding:10px 12px;font-size:.88rem;font-weight:900}.template-process-phases li.is-active,.template-process-phases li.is-done{color:#0ea5e9;border-color:#0ea5e961}.template-process-phases li.is-done:before{content:"✓ "}.template-result-screen{place-items:center;gap:24px;display:grid}.template-result-primary{justify-content:center;align-items:center;gap:14px;display:flex}.template-result-download{background:#ef4444;border-radius:8px;min-width:min(330px,75vw);min-height:82px;font-size:clamp(1.2rem,2vw,1.8rem);box-shadow:0 14px 26px #ef44443d}.template-result-next{color:#fff;background:#374151;border-radius:999px;justify-content:center;align-items:center;width:46px;height:46px;font-weight:950;text-decoration:none;display:inline-flex}.template-result-quick-actions{grid-template-columns:repeat(2,40px);gap:8px;display:grid}.template-result-quick-actions button{color:#fff;background:#ef4444;border-radius:999px;width:40px;height:40px;box-shadow:0 9px 18px #ef444433}.template-result-stats{place-items:center;gap:8px;display:grid}.template-result-meter{--template-progress:var(--template-result,0%);width:92px;height:92px}.template-result-stats p,.template-result-stats small{color:#475569;margin:0}.template-result-related{background:#fff;border-radius:8px;width:min(760px,100%);padding:24px;box-shadow:0 12px 28px #0f172a0f}.template-result-related h3{text-align:start;margin:0 0 16px}.template-result-related>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 18px;display:grid}.template-result-related a{color:#111827;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;text-decoration:none;display:grid}.template-result-related a span{color:#0ea5e9;background:#eef8ff;border-radius:8px;place-items:center;width:34px;height:34px;font-size:.72rem;font-weight:950;display:grid}.template-result-related a b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.template-result-privacy{color:#334155;background:#eaf8ff;border:1px solid #0ea5e947;border-radius:8px;width:min(760px,100%);padding:22px}.template-result-privacy p{margin:8px 0 14px}.template-result-repeat{margin-top:-6px}.template-retention-modal{z-index:120;background:#0f172a7a;justify-content:center;align-items:center;padding:18px;display:none;position:fixed;inset:0}.template-retention-modal.is-open{display:flex}.template-retention-modal>div{text-align:center;background:#fff;border-radius:8px;width:100%;max-width:540px;padding:34px;position:relative;box-shadow:0 28px 80px #0f172a3d}.template-retention-close{cursor:pointer;background:0 0;border:0;font-size:2rem;position:absolute;top:16px;left:22px}.template-retention-time{justify-content:center;gap:24px;margin:28px 0;display:flex}.template-retention-time span{color:#475569;gap:6px;display:grid}.template-retention-time b{color:#111827;font-size:2.4rem;line-height:1}:root[data-theme=dark] .template-compress-flow-page.is-configuring .template-tool-side-panel,:root[data-theme=dark] .template-compress-flow-page.is-configuring .template-choice-card,:root[data-theme=dark] .template-compress-flow-page.is-configuring .template-tool-file-card,:root[data-theme=dark] .template-process-phases li,:root[data-theme=dark] .template-result-related,:root[data-theme=dark] .template-retention-modal>div{color:#e5edf7;background:#0f172a}:root[data-theme=dark] .template-process-screen h2,:root[data-theme=dark] .template-result-screen h2,:root[data-theme=dark] .template-process-logo,:root[data-theme=dark] .template-result-related a,:root[data-theme=dark] .template-retention-time b{color:#f8fafc}:root[data-theme=dark] .template-progress-ring,:root[data-theme=dark] .template-result-meter{background:radial-gradient(circle closest-side, #070d1a 75%, transparent 76% 100%), conic-gradient(#38bdf8 var(--template-progress,0%), #1f2937 0)}@media (width<=900px){.template-compress-flow-page.is-configuring .template-compress-flow-runner{grid-template-columns:1fr;grid-template-areas:"files""panel"}.template-compress-flow-page.is-configuring .template-tool-side-panel{min-height:0;position:static}.template-compress-flow-page.is-configuring .template-tool-file-board{grid-template-columns:repeat(auto-fit,minmax(156px,1fr));min-height:auto;padding-top:76px}.template-compress-flow-page .template-add-source-fab{position:fixed;top:92px;right:18px}.template-process-phases,.template-result-related>div{grid-template-columns:1fr}}@media (width<=560px){.template-compress-flow-page .template-upload-source-rail{display:flex;top:calc(100% + 52px);left:50%;transform:translate(-50%)}.template-compress-flow-page:not(.is-configuring):not(.is-processing):not(.is-result) .template-hero-copy h1{font-size:2.35rem}.template-result-primary{flex-wrap:wrap}.template-result-quick-actions{order:2}.template-retention-time{gap:12px}}.template-compress-flow-page.is-configuring,.template-compress-flow-page.is-processing,.template-compress-flow-page.is-result{background:radial-gradient(circle at 12% 18%,#0ea5e91f,#0000 30%),radial-gradient(circle at 82% 12%,#14b8a61a,#0000 32%),linear-gradient(135deg,#f6fcff 0%,#f8fbff 48%,#eefbff 100%)}.template-compress-flow-page.is-configuring .template-compress-flow-runner{direction:rtl;grid-template-columns:minmax(0,1fr) minmax(300px,360px);grid-template-areas:"files panel";gap:clamp(22px,4vw,54px);max-width:1280px;min-height:calc(100svh - 72px);margin-inline:auto;padding:clamp(30px,5vw,72px) clamp(18px,4vw,46px)}.template-compress-flow-page.is-configuring .template-tool-side-panel{background:#ffffffd6;border:1px solid #7dd3fc57;border-radius:8px;grid-area:panel;align-self:start;min-height:auto;position:sticky;top:96px;overflow:visible;box-shadow:0 18px 46px #0ea5e91f}.template-compress-flow-page.is-configuring .template-tool-field>span{color:#0f172a;text-align:start;border:0;padding:18px 18px 8px;font-size:1.08rem}.template-compress-flow-page.is-configuring .template-choice-card{box-shadow:none;text-align:start;background:#ffffffeb;border:1px solid #cbd5e1d6;border-radius:8px;min-height:90px;padding:15px 16px}.template-compress-flow-page.is-configuring .template-choice-card:before{display:none}.template-compress-flow-page.is-configuring .template-choice-card:hover,.template-compress-flow-page.is-configuring .template-choice-card:focus-visible{border-color:#0ea5e98c;box-shadow:0 12px 28px #0ea5e91c}.template-compress-flow-page.is-configuring .template-choice-card.active{background:#e8f7fff0;border-color:#0ea5e9b8;box-shadow:inset -4px 0 #0ea5e9,0 16px 34px #0ea5e924}.template-compress-flow-page.is-configuring .template-choice-card small{color:#64748b;margin-top:6px;font-size:.93rem;line-height:1.65}.template-compress-flow-page.is-configuring .template-tool-actions{border:0;gap:10px;padding:10px 12px 14px;display:grid}.template-compress-flow-page.is-configuring .template-tool-actions .template-main-button{background:linear-gradient(135deg,#0ea5e9,#2563eb);border-radius:8px;min-height:64px;font-size:1.05rem;box-shadow:0 18px 34px #2563eb33}.template-compress-flow-page.is-configuring .template-tool-actions .template-ghost-button{background:#ffffffb8;border-color:#7dd3fc70;border-radius:8px;min-height:46px}.template-compress-flow-page.is-configuring .template-tool-file-board{grid-area:files;grid-template-columns:repeat(auto-fit,minmax(190px,224px));place-content:start center;min-height:auto;padding:clamp(22px,6vw,90px) clamp(8px,2vw,22px)}.template-compress-flow-page.is-configuring .template-tool-file-card{background:#ffffffe6;border:1px solid #e2e8f0db;border-radius:8px;min-height:270px;padding:14px;box-shadow:0 22px 52px #0f172a17}.template-compress-flow-page.is-configuring .template-tool-file-preview{background:#fff;border-color:#cbd5e1b3;height:178px}.template-compress-flow-page.is-configuring .template-tool-file-actions button{color:#0f172a;background:#ffffffe6;border-color:#cbd5e1d9;border-radius:8px}.template-compress-flow-page.is-configuring .template-tool-file-actions button:hover,.template-compress-flow-page.is-configuring .template-tool-file-actions button:focus-visible{color:#0ea5e9;border-color:#0ea5e98c}.template-compress-flow-page .template-add-source-fab{justify-self:end;margin:0 clamp(14px,3vw,34px) 0 0;top:102px}.template-compress-flow-page .template-add-source-main{background:linear-gradient(135deg,#0ea5e9,#2563eb);box-shadow:0 16px 30px #2563eb3d}.template-compress-flow-page .template-add-source-main span{border-color:#0ea5e9}.template-compress-flow-page .template-add-source-menu{background:#ffffffe0;border:1px solid #e2e8f0d1;border-radius:999px;gap:8px;margin-top:8px;padding:8px;box-shadow:0 16px 42px #0f172a1f}.template-compress-flow-page .template-add-source-menu button{box-shadow:none;color:#0ea5e9;background:#fff}.template-compress-flow-page .template-add-source-menu button:hover,.template-compress-flow-page .template-add-source-menu button:focus-visible{background:#e8f7ff;width:156px}.template-progress-ring,.template-result-meter{background:radial-gradient(circle closest-side, #f4fbff 75%, transparent 76% 100%), conic-gradient(#0ea5e9 var(--template-progress,0%), #dbe7f0 0)}.template-result-download,.template-result-quick-actions button{background:linear-gradient(135deg,#0ea5e9,#2563eb);box-shadow:0 18px 34px #2563eb38}.template-result-next{background:#0f172a}.template-result-related,.template-result-privacy{border-radius:8px}@media (width<=900px){.template-compress-flow-page.is-configuring .template-compress-flow-runner{grid-template-columns:1fr;grid-template-areas:"files""panel"}}.template-compress-flow-page:not(.is-configuring):not(.is-processing):not(.is-result) .template-initial-upload-wrap{width:fit-content}.template-compress-flow-page:not(.is-configuring):not(.is-processing):not(.is-result) .template-upload-source-rail{top:50%;left:-54px}.template-compress-flow-page:not(.is-configuring):not(.is-processing):not(.is-result) .template-add-source-fab{display:none}.template-compress-flow-page.is-configuring .template-tool-file-board{position:relative}.template-compress-flow-page .template-add-source-fab{z-index:30;grid-area:auto;margin:0;position:absolute;top:18px;right:clamp(18px,9vw,150px)}.template-compress-flow-page .template-add-source-menu{border-radius:999px;width:max-content}.template-compress-flow-page .template-add-source-main{width:52px;height:52px}.template-compress-flow-page .template-add-source-menu button{width:42px;height:42px}:root[data-theme=dark] .template-compress-flow-page:not(.is-configuring):not(.is-processing):not(.is-result){background:linear-gradient(#14b8a60d 1px,#0000 1px) 0 0/96px 96px,linear-gradient(90deg,#14b8a60d 1px,#0000 1px) 0 0/96px 96px,radial-gradient(circle at 50% 18%,#0ea5e929,#0000 34%),#071120}:root[data-theme=dark] .template-compress-flow-page.is-configuring,:root[data-theme=dark] .template-compress-flow-page.is-processing,:root[data-theme=dark] .template-compress-flow-page.is-result{background:radial-gradient(circle at 16% 16%,#0ea5e924,#0000 30%),radial-gradient(circle at 80% 14%,#14b8a61f,#0000 34%),#071120}:root[data-theme=dark] .template-compress-flow-page.is-configuring .template-tool-side-panel{background:#0f172aeb;border-color:#7dd3fc42;box-shadow:0 24px 70px #00000047}:root[data-theme=dark] .template-compress-flow-page.is-configuring .template-tool-field>span,:root[data-theme=dark] .template-compress-flow-page.is-configuring .template-choice-card strong,:root[data-theme=dark] .template-compress-flow-page.is-configuring .template-tool-file-card strong{color:#f8fafc}:root[data-theme=dark] .template-compress-flow-page.is-configuring .template-choice-card{background:#0f172abd;border-color:#94a3b85c}:root[data-theme=dark] .template-compress-flow-page.is-configuring .template-choice-card small,:root[data-theme=dark] .template-compress-flow-page.is-configuring .template-tool-file-card small{color:#b7c5d8}:root[data-theme=dark] .template-compress-flow-page.is-configuring .template-choice-card.active{background:#0ea5e924;border-color:#0ea5e9c7;box-shadow:inset -4px 0 #0ea5e9,0 18px 38px #0ea5e929}:root[data-theme=dark] .template-compress-flow-page.is-configuring .template-tool-file-card{background:#0f172ad1;border-color:#94a3b861;box-shadow:0 24px 64px #0000004d}:root[data-theme=dark] .template-compress-flow-page.is-configuring .template-tool-file-preview{background:#fff}:root[data-theme=dark] .template-compress-flow-page.is-configuring .template-tool-actions .template-ghost-button,:root[data-theme=dark] .template-compress-flow-page.is-configuring .template-tool-file-actions button{color:#f8fafc;background:#0f172aeb;border-color:#7dd3fc47}:root[data-theme=dark] .template-process-screen h2,:root[data-theme=dark] .template-process-screen p,:root[data-theme=dark] .template-result-screen h2,:root[data-theme=dark] .template-result-stats p,:root[data-theme=dark] .template-result-stats small{color:#f8fafc}@media (width<=900px){.template-compress-flow-page .template-add-source-fab{position:absolute;top:16px;right:16px}}@media (width<=560px){.template-compress-flow-page:not(.is-configuring):not(.is-processing):not(.is-result) .template-upload-source-rail{top:calc(100% + 52px);left:50%}}.template-tool-flow-public-page .template-tool-flow-page.template-compress-flow-page:not(.is-configuring):not(.is-processing):not(.is-result),.template-tool-flow-public-page .template-tool-hero.template-compress-flow-page:not(.is-configuring):not(.is-processing):not(.is-result),.template-compress-public-page .template-tool-flow-page.template-compress-flow-page:not(.is-configuring):not(.is-processing):not(.is-result),.template-compress-public-page .template-tool-hero.template-compress-flow-page:not(.is-configuring):not(.is-processing):not(.is-result){box-sizing:border-box;min-height:calc(100svh - 76px);padding:clamp(30px,6vh,64px) clamp(16px,4vw,32px) clamp(42px,7vh,72px);overflow:visible}.template-compress-flow-page:not(.is-configuring):not(.is-processing):not(.is-result) .template-hero-inner,.template-compress-flow-page:not(.is-configuring):not(.is-processing):not(.is-result) .template-hero-visual,.template-compress-flow-page:not(.is-configuring):not(.is-processing):not(.is-result) .template-compress-flow-runner,.template-compress-flow-page:not(.is-configuring):not(.is-processing):not(.is-result) .template-initial-upload-wrap{overflow:visible}.template-compress-flow-page:not(.is-configuring):not(.is-processing):not(.is-result) .template-hero-inner{gap:clamp(18px,4vh,36px);max-width:980px}.template-compress-flow-page:not(.is-configuring):not(.is-processing):not(.is-result) .template-hero-copy{gap:clamp(10px,2vh,18px)}.template-compress-flow-page:not(.is-configuring):not(.is-processing):not(.is-result) .template-hero-copy h1{margin-bottom:0;font-size:clamp(3rem,8vw,5.15rem);line-height:1}.template-compress-flow-page:not(.is-configuring):not(.is-processing):not(.is-result) .template-hero-copy p{max-width:820px;font-size:clamp(1rem,2.3vw,1.35rem);line-height:1.65}.template-compress-flow-page:not(.is-configuring):not(.is-processing):not(.is-result) .template-hero-visual{width:min(540px,100%)}.template-compress-flow-page:not(.is-configuring):not(.is-processing):not(.is-result) .template-initial-upload-wrap{direction:ltr;grid-template-columns:46px minmax(260px,380px);justify-content:center;align-items:center;gap:14px;width:min(460px,100vw - 32px);padding-bottom:34px;display:grid}.template-compress-flow-page:not(.is-configuring):not(.is-processing):not(.is-result) .template-upload-source-rail{align-self:center;gap:9px;display:grid;position:static;top:auto;left:auto;transform:none}.template-compress-flow-page:not(.is-configuring):not(.is-processing):not(.is-result) .template-upload-source-rail button{border:1px solid #7dd3fc3d;width:44px;height:44px;box-shadow:0 14px 30px #0ea5e938}.template-compress-flow-page:not(.is-configuring):not(.is-processing):not(.is-result) .template-compress-upload-button{direction:rtl;border-radius:8px;justify-self:stretch;width:100%;min-height:86px;padding:0 clamp(28px,6vw,42px)}.template-compress-flow-page:not(.is-configuring):not(.is-processing):not(.is-result) .template-compress-upload-button strong{font-size:clamp(1.42rem,4.5vw,1.78rem)}.template-compress-flow-page:not(.is-configuring):not(.is-processing):not(.is-result) .template-compress-upload-button small{line-height:1.4;bottom:-36px}.template-compress-flow-page:not(.is-configuring):not(.is-processing):not(.is-result) .template-initial-tool-hint{color:#eaf7ff;text-align:start;background:radial-gradient(circle at 100% 0,#2dd4bf24,#0000 42%),linear-gradient(135deg,#0ea5e91c,#0f172a3d);border:1px solid #7dd3fc33;border-radius:16px;grid-column:1/-1;grid-template-columns:34px minmax(0,1fr);align-items:flex-start;gap:11px;width:100%;margin-top:2px;padding:13px 14px;display:grid;box-shadow:0 18px 42px #0208172e}.template-compress-flow-page:not(.is-configuring):not(.is-processing):not(.is-result) .template-initial-tool-hint>span{color:#fff;background:linear-gradient(135deg,#0ea5e9,#14b8a6);border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;font-size:.86rem;font-weight:950;display:inline-flex;box-shadow:0 12px 24px #0ea5e93d}.template-compress-flow-page:not(.is-configuring):not(.is-processing):not(.is-result) .template-initial-tool-hint strong{color:inherit;margin-bottom:4px;font-size:.98rem;font-weight:950;line-height:1.35;display:block}.template-compress-flow-page:not(.is-configuring):not(.is-processing):not(.is-result) .template-initial-tool-hint p,.template-compress-flow-page:not(.is-configuring):not(.is-processing):not(.is-result) .template-initial-tool-hint small{color:#bcd3e6;margin:0;font-size:.84rem;font-weight:800;line-height:1.65;display:block}.template-compress-flow-page:not(.is-configuring):not(.is-processing):not(.is-result) .template-initial-tool-hint small{color:#7dd3fc;margin-top:3px}:root[data-theme=light] .template-compress-flow-page:not(.is-configuring):not(.is-processing):not(.is-result) .template-initial-tool-hint{color:#0f172a;background:radial-gradient(circle at 100% 0,#0ea5e926,#0000 42%),linear-gradient(135deg,#f0f9fff5,#ffffffeb);border-color:#0ea5e938;box-shadow:0 18px 38px #0ea5e91f}:root[data-theme=light] .template-compress-flow-page:not(.is-configuring):not(.is-processing):not(.is-result) .template-initial-tool-hint p{color:#52637a}:root[data-theme=light] .template-compress-flow-page:not(.is-configuring):not(.is-processing):not(.is-result) .template-initial-tool-hint small{color:#0369a1}@media (width<=560px){.template-compress-public-page .template-tool-flow-page.template-compress-flow-page:not(.is-configuring):not(.is-processing):not(.is-result),.template-compress-public-page .template-tool-hero.template-compress-flow-page:not(.is-configuring):not(.is-processing):not(.is-result){padding-top:28px}.template-compress-flow-page:not(.is-configuring):not(.is-processing):not(.is-result) .template-initial-upload-wrap{grid-template-columns:42px minmax(0,1fr);gap:10px;width:min(350px,100vw - 36px)}.template-compress-flow-page:not(.is-configuring):not(.is-processing):not(.is-result) .template-initial-tool-hint{grid-template-columns:1fr;justify-items:start;padding:12px}.template-compress-flow-page:not(.is-configuring):not(.is-processing):not(.is-result) .template-upload-source-rail{display:grid;top:auto;left:auto;transform:none}.template-compress-flow-page:not(.is-configuring):not(.is-processing):not(.is-result) .template-upload-source-rail button{width:40px;height:40px}.template-compress-flow-page:not(.is-configuring):not(.is-processing):not(.is-result) .template-compress-upload-button{padding-inline:18px}}.template-compress-public-page .template-cookie-banner{max-width:min(760px,100vw - 24px)}@media (width<=820px){.template-compress-public-page .template-cookie-banner{gap:10px;padding:12px;bottom:0}.template-compress-public-page .template-cookie-banner p{font-size:.86rem;line-height:1.45}.template-compress-public-page .template-cookie-banner .template-main-button,.template-compress-public-page .template-cookie-banner .template-ghost-button{min-height:40px}}@media (width<=560px){.template-compress-public-page .template-cookie-banner p{display:none}}.template-compress-flow-page .template-upload-source-rail button,.template-compress-flow-page .template-add-source-menu button{isolation:isolate}.template-compress-flow-page .template-upload-source-rail button .template-source-icon,.template-compress-flow-page .template-add-source-menu button .template-source-icon{flex:none}.template-compress-flow-page .template-upload-source-rail [data-upload-source=device],.template-compress-flow-page .template-add-source-menu [data-upload-source=device]{color:#e0f7ff;background:linear-gradient(135deg,#0ea5e9 0%,#2563eb 100%)}.template-compress-flow-page .template-upload-source-rail [data-upload-source=drive],.template-compress-flow-page .template-add-source-menu [data-upload-source=drive]{color:#0f172a;background:linear-gradient(135deg,#fff 0%,#edf7ff 100%);border-color:#7dd3fc8f}.template-compress-flow-page .template-upload-source-rail [data-upload-source=dropbox],.template-compress-flow-page .template-add-source-menu [data-upload-source=dropbox]{color:#fff;background:linear-gradient(135deg,#0b74ff 0%,#0057d8 100%)}.template-compress-flow-page .template-add-source-menu button span:not(.template-source-icon){color:#fff}.template-compress-flow-page .template-add-source-menu [data-upload-source=drive] span:not(.template-source-icon){color:#0f172a}.template-compress-flow-page.is-configuring{padding:0}.template-compress-flow-page.is-configuring .template-hero-inner,.template-compress-flow-page.is-configuring .template-hero-visual{width:100%;max-width:none}.template-compress-flow-page.is-configuring .template-compress-flow-runner{direction:ltr;grid-template-columns:clamp(360px,24vw,432px) minmax(0,1fr);grid-template-areas:"panel workspace";align-items:stretch;gap:0;width:100%;max-width:none;min-height:calc(100svh - 75px);margin:0;padding:0;display:grid}.template-compress-flow-page.is-configuring .template-tool-file-board{direction:rtl;background:#f3f4fa;grid-area:workspace;grid-template-columns:repeat(auto-fit,minmax(190px,236px));place-content:start center;min-height:calc(100svh - 75px);padding:clamp(92px,12vh,136px) clamp(28px,5vw,80px) 48px}.template-compress-flow-page.is-configuring .template-tool-side-panel{border:0;direction:rtl;background:#fff;border-inline-start:1px solid #d7dbe5;border-radius:0;flex-direction:column;grid-area:panel;align-self:stretch;height:calc(100svh - 75px);min-height:calc(100svh - 75px);display:flex;position:sticky;top:75px;overflow:hidden;box-shadow:16px 0 36px #0f172a0a}.template-compress-flow-page.is-configuring .template-tool-options{flex:auto;padding:0;overflow:auto}.template-compress-flow-page.is-configuring .template-tool-field>span{color:#0f172a;text-align:center;border-bottom:1px solid #d7dbe5;padding:24px 22px;font-size:clamp(1.45rem,2vw,1.95rem)}.template-compress-flow-page.is-configuring .template-choice-grid{gap:0;padding:0}.template-compress-flow-page.is-configuring .template-choice-card{box-shadow:none;text-align:end;background:#fff;border:0;border-bottom:1px solid #d7dbe5;border-radius:0;min-height:82px;padding:18px 64px 18px 28px;position:relative}.template-compress-flow-page.is-configuring .template-choice-card:before{color:#fff;content:"✓";opacity:0;background:#22c55e;border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;font-size:.92rem;display:flex;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.template-compress-flow-page.is-configuring .template-choice-card.active{box-shadow:none;color:#ef4444;background:#f0f1fa;border-color:#d7dbe5}.template-compress-flow-page.is-configuring .template-choice-card.active:before{opacity:1}.template-compress-flow-page.is-configuring .template-choice-card strong{color:inherit;font-size:1rem}.template-compress-flow-page.is-configuring .template-choice-card small{color:#536174}.template-compress-flow-page.is-configuring .template-tool-actions{background:linear-gradient(#ffffffd6,#fff 18%);border-top:1px solid #d7dbe5;gap:10px;margin-top:auto;padding:18px;display:grid}.template-compress-flow-page.is-configuring .template-tool-actions .template-main-button{background:linear-gradient(135deg,#0ea5e9,#2563eb);border-radius:8px;width:100%;min-height:72px;font-size:1.24rem;box-shadow:0 18px 34px #2563eb38}.template-compress-flow-page.is-configuring .template-tool-actions .template-ghost-button{color:#0f172a;background:#fff;border:1px solid #cfe0ee;border-radius:8px;width:100%;min-height:48px;font-size:1rem}.template-compress-flow-page.is-configuring .template-add-source-fab{top:clamp(24px,5vh,56px);left:clamp(380px,28vw,564px);right:auto}:root[data-theme=dark] .template-compress-flow-page.is-configuring .template-tool-file-board{background:#070d1a}:root[data-theme=dark] .template-compress-flow-page.is-configuring .template-tool-side-panel{background:#0f172a;border-inline-start-color:#94a3b847;box-shadow:18px 0 44px #00000042}:root[data-theme=dark] .template-compress-flow-page.is-configuring .template-tool-field>span,:root[data-theme=dark] .template-compress-flow-page.is-configuring .template-choice-card strong{color:#f8fafc}:root[data-theme=dark] .template-compress-flow-page.is-configuring .template-choice-card{background:#0f172a;border-bottom-color:#94a3b847}:root[data-theme=dark] .template-compress-flow-page.is-configuring .template-choice-card.active{color:#7dd3fc;background:#0ea5e929}:root[data-theme=dark] .template-compress-flow-page.is-configuring .template-tool-actions{background:linear-gradient(#0f172adb,#0f172a 18%);border-top-color:#94a3b847}:root[data-theme=dark] .template-compress-flow-page.is-configuring .template-tool-actions .template-ghost-button{color:#f8fafc;background:#111c31;border-color:#7dd3fc47}@media (width>=761px){.template-compress-flow-page.is-configuring{height:calc(100svh - 75px);min-height:0;overflow:hidden}.template-compress-flow-page.is-configuring .template-hero-inner,.template-compress-flow-page.is-configuring .template-hero-visual,.template-compress-flow-page.is-configuring .template-compress-flow-runner,.template-compress-flow-page.is-configuring .template-tool-file-board,.template-compress-flow-page.is-configuring .template-tool-side-panel{height:100%;min-height:0}}@media (width<=760px){.template-compress-flow-page.is-configuring .template-compress-flow-runner{grid-template-columns:1fr;grid-template-areas:"workspace""panel";min-height:auto}.template-compress-flow-page.is-configuring .template-tool-side-panel{border-block-start:1px solid #d7dbe5;border-inline-start:0;height:auto;min-height:0;position:static}.template-compress-flow-page.is-configuring .template-add-source-fab{top:18px;left:18px;right:auto}.template-compress-flow-page.is-configuring .template-tool-file-board{min-height:52svh;padding:84px 18px 28px}}.template-compress-flow-page.is-configuring .template-tool-side-panel{background:linear-gradient(#fffffffa,#f8fdfff5),#fff;border-right:1px solid #d7e7f2;box-shadow:18px 0 44px #0ea5e914}.template-compress-flow-page.is-configuring .template-choice-card{transition:background .16s,color .16s,box-shadow .16s}.template-compress-flow-page.is-configuring .template-choice-card:hover,.template-compress-flow-page.is-configuring .template-choice-card:focus-visible{color:#0369a1;background:#eef9ff}.template-compress-flow-page.is-configuring .template-choice-card:before{background:linear-gradient(135deg,#0ea5e9,#14b8a6);box-shadow:0 10px 24px #0ea5e947}.template-compress-flow-page.is-configuring .template-choice-card.active{color:#0284c7;background:linear-gradient(90deg,#0ea5e91f,#14b8a60d)}.template-compress-flow-page.is-configuring .template-add-source-fab{place-items:center;gap:10px;width:max-content;display:grid;left:auto;right:clamp(26px,4vw,76px);overflow:visible}.template-compress-flow-page.is-configuring .template-add-source-main{color:#fff;background:linear-gradient(135deg,#0ea5e9 0%,#2563eb 100%);border:1px solid #7dd3fc8c;border-radius:999px;width:58px;height:58px;font-size:2rem;line-height:1;position:relative;box-shadow:0 18px 38px #2563eb47}.template-compress-flow-page.is-configuring .template-add-source-main span{color:#fff;background:#061426;border:2px solid #38bdf8;border-radius:999px;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 5px;font-size:.78rem;display:inline-flex;position:absolute;top:-8px;right:-5px}.template-compress-flow-page.is-configuring .template-add-source-menu{box-shadow:none;opacity:0;pointer-events:none;background:0 0;border:0;border-radius:0;place-items:center end;gap:10px;width:max-content;margin:0;padding:0;transition:opacity .16s,transform .16s;display:grid;overflow:visible;transform:translateY(-8px)scale(.98)}.template-compress-flow-page.is-configuring .template-add-source-fab:hover .template-add-source-menu,.template-compress-flow-page.is-configuring .template-add-source-fab:focus-within .template-add-source-menu{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.template-compress-flow-page.is-configuring .template-add-source-menu button{direction:rtl;border:1px solid #7dd3fc7a;border-radius:999px;justify-content:center;align-items:center;gap:0;width:46px;min-width:46px;height:46px;padding:0;display:inline-flex;overflow:hidden;box-shadow:0 12px 26px #0f172a29}.template-compress-flow-page.is-configuring .template-add-source-menu button .template-source-icon{filter:drop-shadow(0 1px 1px #0f172a29);opacity:1;width:28px;max-width:none;height:28px;transform:none}.template-compress-flow-page.is-configuring .template-add-source-menu button .template-source-icon svg{transform:scale(1.12)}.template-compress-flow-page.is-configuring .template-add-source-menu [data-upload-source=drive] .template-source-icon svg{transform:scale(1.24)}.template-compress-flow-page.is-configuring .template-add-source-menu [data-upload-source=dropbox] .template-source-icon svg{transform:scale(1.22)}.template-compress-flow-page.is-configuring .template-add-source-menu .template-source-icon-drive,.template-compress-flow-page.is-configuring .template-add-source-menu .template-source-icon-dropbox{position:relative;overflow:visible}.template-compress-flow-page.is-configuring .template-add-source-menu .template-source-icon-drive svg,.template-compress-flow-page.is-configuring .template-add-source-menu .template-source-icon-dropbox svg{display:none}.template-compress-flow-page.is-configuring .template-add-source-menu .template-source-icon-drive:before{clip-path:polygon(50% 0,100% 86%,72% 86%,50% 48%,28% 86%,0 86%);content:"";background:linear-gradient(120deg,#34a853 0 32%,#0000 33%),linear-gradient(240deg,#fbbc05 0 37%,#0000 38%),linear-gradient(0deg,#4285f4 0 100%);width:28px;height:26px;display:block}.template-compress-flow-page.is-configuring .template-add-source-menu .template-source-icon-drive:after{clip-path:polygon(50% 0,100% 100%,0 100%);content:"";background:#fff;width:10px;height:9px;display:block;position:absolute;top:13px;left:9px}.template-compress-flow-page.is-configuring .template-add-source-menu .template-source-icon-dropbox:before{content:"";background:#fff;width:8px;height:8px;display:block;transform:rotate(45deg);box-shadow:-8px -6px #fff,8px -6px #fff,-8px 7px #fff,8px 7px #fff,0 15px #fffffff0}.template-compress-flow-page.is-configuring .template-add-source-menu button span:not(.template-source-icon){color:inherit;opacity:0;white-space:nowrap;max-width:0;font-size:.86rem;font-weight:900;transition:opacity .16s,max-width .16s,transform .16s;overflow:hidden;transform:translate(-4px)}.template-compress-flow-page.is-configuring .template-add-source-menu button:hover,.template-compress-flow-page.is-configuring .template-add-source-menu button:focus-visible{justify-content:flex-start;gap:8px;width:164px;padding:0 14px;transform:translateY(-2px);box-shadow:0 18px 34px #0ea5e93d}.template-compress-flow-page.is-configuring .template-add-source-menu [data-upload-source=device]:hover,.template-compress-flow-page.is-configuring .template-add-source-menu [data-upload-source=device]:focus-visible{color:#fff;background:linear-gradient(135deg,#0ea5e9 0%,#2563eb 100%)}.template-compress-flow-page.is-configuring .template-add-source-menu [data-upload-source=drive]:hover,.template-compress-flow-page.is-configuring .template-add-source-menu [data-upload-source=drive]:focus-visible{color:#0f172a;background:linear-gradient(135deg,#fff 0%,#edf7ff 100%)}.template-compress-flow-page.is-configuring .template-add-source-menu [data-upload-source=dropbox]:hover,.template-compress-flow-page.is-configuring .template-add-source-menu [data-upload-source=dropbox]:focus-visible{color:#fff;background:linear-gradient(135deg,#0b74ff 0%,#0057d8 100%)}.template-compress-flow-page.is-configuring .template-add-source-menu [data-upload-source=device],.template-compress-flow-page.is-configuring .template-add-source-menu [data-upload-source=dropbox]{color:#fff}.template-compress-flow-page.is-configuring .template-add-source-menu [data-upload-source=drive]{color:#0f172a}:root[data-theme=dark] .template-compress-flow-page.is-configuring .template-tool-side-panel{background:linear-gradient(#0f172af5,#080f1cfa),#0f172a;border-right-color:#7dd3fc40;box-shadow:18px 0 44px #0ea5e90f}:root[data-theme=dark] .template-compress-flow-page.is-configuring .template-choice-card:hover,:root[data-theme=dark] .template-compress-flow-page.is-configuring .template-choice-card:focus-visible{color:#bae6fd;background:#0ea5e91a}:root[data-theme=dark] .template-compress-flow-page.is-configuring .template-add-source-menu [data-upload-source=device],:root[data-theme=dark] .template-compress-flow-page.is-configuring .template-add-source-menu [data-upload-source=dropbox]{color:#fff}:root[data-theme=dark] .template-compress-flow-page.is-configuring .template-add-source-menu [data-upload-source=drive]{color:#0f172a;background:linear-gradient(135deg,#f8fbff 0%,#dff3ff 100%)}@media (width<=760px){.template-compress-flow-page.is-configuring .template-add-source-fab{top:18px;left:auto;right:18px}}.template-compress-flow-page.is-processing .template-compress-flow-runner{justify-content:center;align-items:center;min-height:calc(100svh - 75px);padding:clamp(22px,5vw,56px);display:flex}.template-compress-flow-page.is-processing .template-compress-flow-runner:before{content:none;display:none}@media (width>=821px){.template-compress-flow-page.is-processing{height:calc(100svh - 75px);min-height:0;overflow:hidden}.template-compress-flow-page.is-processing .template-hero-inner,.template-compress-flow-page.is-processing .template-hero-visual,.template-compress-flow-page.is-processing .template-compress-flow-runner{height:100%;min-height:0}}.template-compress-flow-page.is-processing .template-processing-card{width:100%;max-width:min(980px,100%);display:block}.template-compress-flow-page.is-processing .template-process-screen{text-align:start;direction:rtl;background:linear-gradient(#fffffff5,#f6fcfff0),#fff;border:1px solid #7dd3fc57;border-radius:22px;grid-template-columns:minmax(0,1fr) minmax(190px,250px);grid-template-areas:"brand meter""title meter""copy meter""phases phases""cancel cancel";gap:18px 36px;padding:clamp(28px,4vw,46px);display:grid;position:relative;overflow:hidden;box-shadow:0 30px 90px #0f172a1f}.template-compress-flow-page.is-processing .template-process-screen:before{content:"";background:linear-gradient(90deg,#0ea5e9,#14b8a6,#2563eb);height:4px;position:absolute;inset:0 0 auto}.template-compress-flow-page.is-processing .template-process-logo{color:#0369a1;background:#0ea5e91a;border:1px solid #0ea5e938;border-radius:999px;grid-area:brand;justify-self:start;align-items:center;padding:10px 14px;font-size:.96rem;line-height:1;display:inline-flex}.template-compress-flow-page.is-processing .template-process-logo:before{content:"";background:#14b8a6;border-radius:999px;width:8px;height:8px;margin-inline-end:10px;box-shadow:0 0 0 5px #14b8a621}.template-compress-flow-page.is-processing .template-process-screen h2{color:#0f172a;letter-spacing:0;grid-area:title;max-width:12ch;font-size:clamp(2.15rem,4vw,4.15rem);line-height:1.08}.template-compress-flow-page.is-processing .template-process-screen p{color:#536174;grid-area:copy;max-width:42ch;font-size:clamp(1rem,1.5vw,1.18rem);line-height:1.9}.template-compress-flow-page.is-processing .template-progress-ring{--ring-size:clamp(170px, 18vw, 222px);background:radial-gradient(circle closest-side, #fff 67%, transparent 68% 100%), conic-gradient(#0ea5e9 var(--template-progress,0%), #0ea5e91f 0);height:var(--ring-size);width:var(--ring-size);border:1px solid #7dd3fc6b;grid-area:meter;place-self:center;position:relative;box-shadow:inset 0 0 0 12px #0ea5e90d,0 28px 60px #0ea5e929}.template-compress-flow-page.is-processing .template-progress-ring:after{border-radius:inherit;content:"";pointer-events:none;border:1px solid #0ea5e947;position:absolute;inset:20px}.template-compress-flow-page.is-processing .template-progress-ring strong{color:#0f172a;font-size:clamp(2rem,4vw,3.25rem);font-weight:950}.template-compress-flow-page.is-processing .template-progress-ring small{color:#0369a1;background:#eef9ff;border:1px solid #7dd3fc61;border-radius:999px;padding:5px 9px;font-size:.82rem}.template-compress-flow-page.is-processing .template-process-phases{grid-area:phases;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%;max-width:none;margin-top:8px;display:grid}.template-compress-flow-page.is-processing .template-process-phases li{color:#536174;text-align:start;background:#ffffffdb;border:1px solid #cbd5e1cc;border-radius:14px;place-items:center start;gap:7px;min-height:82px;padding:14px;display:grid;position:relative}.template-compress-flow-page.is-processing .template-process-phases li:before{color:#0ea5e9;content:"";background:#e8f7ff;border:1px solid #0ea5e938;border-radius:999px;justify-content:center;align-items:center;width:13px;height:13px;display:inline-flex}.template-compress-flow-page.is-processing .template-process-phases li.is-active{color:#0369a1;background:linear-gradient(#0ea5e91f,#14b8a60f);border-color:#0ea5e980;box-shadow:0 16px 36px #0ea5e921}.template-compress-flow-page.is-processing .template-process-phases li.is-active:before{background:#0ea5e9;border-color:#7dd3fc;animation:1.1s ease-in-out infinite templateProcessPulse;box-shadow:0 0 0 6px #0ea5e91f}.template-compress-flow-page.is-processing .template-process-phases li.is-done{color:#0f766e;border-color:#14b8a670}.template-compress-flow-page.is-processing .template-process-phases li.is-done:before{color:#fff;content:"✓";background:#14b8a6;border-color:#14b8a6;font-size:.72rem;font-weight:950}.template-compress-flow-page.is-processing [data-tool-processing-cancel]{color:#334155;background:#ffffffd6;border:1px solid #94a3b85c;border-radius:999px;grid-area:cancel;justify-self:start;align-items:center;min-height:46px;padding:0 18px;font-size:.98rem;font-weight:950;display:inline-flex}.template-compress-flow-page.is-processing [data-tool-processing-cancel]:hover,.template-compress-flow-page.is-processing [data-tool-processing-cancel]:focus-visible{color:#0369a1;background:#fff;border-color:#0ea5e975;transform:translateY(-1px)}@keyframes templateProcessPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}:root[data-theme=dark] .template-compress-flow-page.is-processing .template-process-screen{background:linear-gradient(#0f172af0,#071120fa),#071120;border-color:#7dd3fc47;box-shadow:0 30px 90px #00000057}:root[data-theme=dark] .template-compress-flow-page.is-processing .template-process-screen h2,:root[data-theme=dark] .template-compress-flow-page.is-processing .template-progress-ring strong{color:#f8fafc}:root[data-theme=dark] .template-compress-flow-page.is-processing .template-process-screen p{color:#b7c5d8}:root[data-theme=dark] .template-compress-flow-page.is-processing .template-process-logo{color:#bae6fd;background:#0ea5e921;border-color:#7dd3fc42}:root[data-theme=dark] .template-compress-flow-page.is-processing .template-progress-ring{background:radial-gradient(circle closest-side, #071120 67%, transparent 68% 100%), conic-gradient(#0ea5e9 var(--template-progress,0%), #7dd3fc26 0);border-color:#7dd3fc4d;box-shadow:inset 0 0 0 12px #0ea5e90f,0 28px 60px #0ea5e91f}:root[data-theme=dark] .template-compress-flow-page.is-processing .template-progress-ring small{color:#bae6fd;background:#0ea5e91f;border-color:#7dd3fc4d}:root[data-theme=dark] .template-compress-flow-page.is-processing .template-process-phases li{color:#b7c5d8;background:#0f172ab8;border-color:#94a3b840}:root[data-theme=dark] .template-compress-flow-page.is-processing .template-process-phases li.is-active{color:#e0f7ff;background:#0ea5e921;border-color:#7dd3fc75}:root[data-theme=dark] .template-compress-flow-page.is-processing .template-process-phases li.is-done{color:#99f6e4}:root[data-theme=dark] .template-compress-flow-page.is-processing [data-tool-processing-cancel]{color:#dbeafe;background:#0f172a9e;border-color:#94a3b847}@media (width<=820px){.template-compress-flow-page.is-processing .template-compress-flow-runner{align-items:flex-start;min-height:auto;padding-top:16px}.template-compress-flow-page.is-processing .template-process-screen{text-align:center;grid-template-columns:1fr;grid-template-areas:"brand""title""copy""meter""phases""cancel";justify-items:center}.template-compress-flow-page.is-processing .template-process-logo,.template-compress-flow-page.is-processing [data-tool-processing-cancel]{justify-self:center}.template-compress-flow-page.is-processing .template-process-screen h2,.template-compress-flow-page.is-processing .template-process-screen p{max-width:100%}.template-compress-flow-page.is-processing .template-process-phases{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.template-compress-flow-page.is-processing .template-compress-flow-runner{padding:14px}.template-compress-flow-page.is-processing .template-process-screen{border-radius:18px;padding:24px 16px}.template-compress-flow-page.is-processing .template-process-phases{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.template-compress-flow-page.is-processing .template-process-phases li.is-active:before{animation:none}}.template-compress-flow-page.is-result{overflow-x:hidden}.template-compress-flow-page.is-result .template-compress-flow-runner{box-shadow:none;background:0 0;border:0;justify-content:center;align-items:center;min-height:calc(100svh - 72px);padding:clamp(28px,4.5vw,58px) 18px;display:flex}.template-compress-flow-page.is-result .template-compress-flow-runner>:not(.template-tool-result){display:none!important}.template-compress-flow-page.is-result .template-tool-result{box-shadow:none;background:0 0;border:0;width:100%;max-width:min(1040px,100%);margin:0 auto;padding:0}.template-compress-flow-page.is-result .template-result-screen{text-align:start;background:linear-gradient(#fffffff0,#ffffffdb),radial-gradient(circle at 18% 0,#0ea5e924,#0000 34%),#fff;border:1px solid #7dd3fc52;border-radius:24px;grid-template-columns:minmax(0,1.18fr) minmax(280px,.82fr);grid-template-areas:"title title""primary stats""related related""privacy repeat";place-items:stretch stretch;gap:18px;padding:clamp(22px,3vw,34px);display:grid;box-shadow:0 34px 90px #0f172a1f}.template-compress-flow-page.is-result .template-result-screen h2{color:#071120;letter-spacing:0;text-align:center;grid-area:title;justify-content:center;align-items:center;margin:0 0 4px;font-size:clamp(2rem,4.2vw,3.55rem);font-weight:950;line-height:1.12;display:flex}.template-compress-flow-page.is-result .template-result-primary,.template-compress-flow-page.is-result .template-result-stats,.template-compress-flow-page.is-result .template-result-related,.template-compress-flow-page.is-result .template-result-privacy,.template-compress-flow-page.is-result .template-result-repeat{border:1px solid #94a3b838;border-radius:20px}.template-compress-flow-page.is-result .template-result-primary{background:radial-gradient(circle at 18% 12%,#0ea5e929,#0000 34%),linear-gradient(#f8fcfff5,#ffffffe6);grid-area:primary;grid-template-columns:minmax(0,1fr) minmax(178px,.45fr);grid-template-areas:"download actions""next actions";gap:14px;padding:clamp(18px,2.4vw,26px);display:grid}.template-compress-flow-page.is-result .template-result-download{color:#fff;background:linear-gradient(135deg,#0ea5e9 0%,#14b8a6 48%,#2563eb 100%);border:0;border-radius:18px;grid-area:download;justify-content:center;align-items:center;gap:12px;width:100%;min-width:0;min-height:74px;padding:0 22px;font-size:clamp(1.08rem,1.8vw,1.42rem);font-weight:950;text-decoration:none;transition:transform .18s,box-shadow .18s,filter .18s;display:inline-flex;box-shadow:0 24px 54px #0ea5e93d}.template-compress-flow-page.is-result .template-result-download:hover,.template-compress-flow-page.is-result .template-result-download:focus-visible{filter:saturate(1.07);transform:translateY(-2px);box-shadow:0 28px 62px #0ea5e952}.template-compress-flow-page.is-result .template-result-download span,.template-compress-flow-page.is-result .template-result-next span{flex:none;justify-content:center;align-items:center;display:inline-flex}.template-compress-flow-page.is-result .template-result-download svg,.template-compress-flow-page.is-result .template-result-next svg,.template-compress-flow-page.is-result .template-result-quick-actions button>svg{width:22px;height:22px}.template-compress-flow-page.is-result .template-result-next{color:#0369a1;background:#ffffffdb;border:1px solid #0ea5e947;border-radius:16px;grid-area:next;justify-content:center;align-items:center;gap:10px;width:100%;height:auto;min-height:50px;padding:0 18px;font-weight:950;text-decoration:none;transition:background .18s,border-color .18s,transform .18s;display:inline-flex}.template-compress-flow-page.is-result .template-result-next:hover,.template-compress-flow-page.is-result .template-result-next:focus-visible{background:#effaff;border-color:#0ea5e994;transform:translateY(-1px)}.template-compress-flow-page.is-result .template-result-quick-actions{grid-area:actions;grid-template-columns:1fr;align-content:stretch;gap:10px;display:grid}.template-compress-flow-page.is-result .template-result-quick-actions button{color:#0f172a;background:#ffffffeb;border:1px solid #7dd3fc57;border-radius:15px;justify-content:flex-start;align-items:center;gap:10px;width:100%;height:auto;min-height:48px;padding:0 12px;font-size:.88rem;font-weight:950;transition:background .18s,border-color .18s,transform .18s,box-shadow .18s;display:flex;box-shadow:0 14px 30px #0f172a0f}.template-compress-flow-page.is-result .template-result-quick-actions button:hover,.template-compress-flow-page.is-result .template-result-quick-actions button:focus-visible{color:#0369a1;background:#fff;border-color:#0ea5e9b8;transform:translateY(-1px);box-shadow:0 18px 38px #0ea5e924}.template-compress-flow-page.is-result .template-result-quick-actions .template-source-icon,.template-compress-flow-page.is-result .template-result-quick-actions button>svg{color:#0ea5e9;background:#e8f7ff;border:1px solid #0ea5e93d;border-radius:12px;flex:0 0 34px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.template-compress-flow-page.is-result .template-result-quick-actions .template-source-icon svg{width:22px;height:22px;display:block}.template-compress-flow-page.is-result .template-result-action-label{text-overflow:ellipsis;white-space:nowrap;display:inline;overflow:hidden}.template-compress-flow-page.is-result .template-result-stats{text-align:center;background:linear-gradient(#f0f9fff0,#ffffffeb),#fff;grid-area:stats;align-content:center;justify-items:center;gap:11px;padding:clamp(18px,2.2vw,26px);display:grid}.template-compress-flow-page.is-result .template-result-meter{--template-progress:var(--template-result,0%);background:radial-gradient(circle closest-side, #fff 67%, transparent 68% 100%), conic-gradient(#0ea5e9 var(--template-progress,0%), #0ea5e924 0);border:1px solid #7dd3fc61;width:128px;height:128px;box-shadow:inset 0 0 0 12px #0ea5e90b,0 22px 46px #0ea5e924}.template-compress-flow-page.is-result .template-result-meter strong{color:#071120;font-size:2.05rem;font-weight:950}.template-compress-flow-page.is-result .template-result-meter span{color:#0284c7;font-size:.82rem;font-weight:950}.template-compress-flow-page.is-result .template-result-stats p{color:#0f172a;margin:0;font-size:1.03rem;font-weight:850}.template-compress-flow-page.is-result .template-result-stats small{color:#64748b;margin:0;font-weight:850}.template-compress-flow-page.is-result .template-result-related{background:#f8fcffeb;grid-area:related;gap:14px;width:100%;padding:clamp(18px,2.4vw,24px);display:grid}.template-compress-flow-page.is-result .template-result-related h3{color:#0f172a;margin:0;font-size:1.05rem;font-weight:950}.template-compress-flow-page.is-result .template-result-related>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.template-compress-flow-page.is-result .template-result-related a{color:#0f172a;background:#fff;border:1px solid #cbd5e1a3;border-radius:15px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:54px;padding:10px 12px;text-decoration:none;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid}.template-compress-flow-page.is-result .template-result-related a:hover,.template-compress-flow-page.is-result .template-result-related a:focus-visible{border-color:#0ea5e994;transform:translateY(-1px);box-shadow:0 16px 34px #0ea5e91a}.template-compress-flow-page.is-result .template-result-related a span{color:#0369a1;background:linear-gradient(135deg,#e0f2fe,#dbeafe);border:1px solid #7dd3fc6b;border-radius:12px;place-items:center;width:36px;height:36px;font-size:.7rem;font-weight:950;display:grid}.template-compress-flow-page.is-result .template-result-related a b{text-overflow:ellipsis;white-space:nowrap;font-size:.94rem;overflow:hidden}.template-compress-flow-page.is-result .template-result-related a i{color:#0ea5e9;font-style:normal;font-weight:950}.template-compress-flow-page.is-result .template-result-privacy{color:#0f172a;background:linear-gradient(135deg,#ecfdf5e0,#f0f9ffeb);grid-area:privacy;align-content:center;gap:8px;width:100%;padding:clamp(18px,2.4vw,24px);display:grid}.template-compress-flow-page.is-result .template-result-privacy strong{font-size:1.05rem;font-weight:950}.template-compress-flow-page.is-result .template-result-privacy p{color:#64748b;margin:0}.template-compress-flow-page.is-result .template-result-privacy .template-ghost-button,.template-compress-flow-page.is-result .template-result-repeat .template-ghost-button{color:#0369a1;background:#fff;border:1px solid #0ea5e947;border-radius:14px;justify-content:center;align-items:center;min-height:44px;padding:0 16px;font-weight:950;text-decoration:none;display:inline-flex}.template-compress-flow-page.is-result .template-result-repeat{background:#ffffffc7;grid-area:repeat;align-content:center;justify-items:stretch;margin:0;padding:clamp(18px,2.4vw,24px);display:grid}:root[data-theme=dark] .template-compress-flow-page.is-result .template-result-screen{background:radial-gradient(circle at 18% 0,#0ea5e929,#0000 32%),radial-gradient(circle at 88% 14%,#14b8a621,#0000 30%),linear-gradient(#0f172adb,#071120f0),#071120;border-color:#7dd3fc40;box-shadow:0 34px 90px #00000047}:root[data-theme=dark] .template-compress-flow-page.is-result .template-result-screen h2,:root[data-theme=dark] .template-compress-flow-page.is-result .template-result-stats p,:root[data-theme=dark] .template-compress-flow-page.is-result .template-result-related h3,:root[data-theme=dark] .template-compress-flow-page.is-result .template-result-privacy,:root[data-theme=dark] .template-compress-flow-page.is-result .template-result-related a,:root[data-theme=dark] .template-compress-flow-page.is-result .template-result-quick-actions button{color:#f8fafc}:root[data-theme=dark] .template-compress-flow-page.is-result .template-result-primary,:root[data-theme=dark] .template-compress-flow-page.is-result .template-result-stats,:root[data-theme=dark] .template-compress-flow-page.is-result .template-result-related,:root[data-theme=dark] .template-compress-flow-page.is-result .template-result-privacy,:root[data-theme=dark] .template-compress-flow-page.is-result .template-result-repeat{border-color:#7dd3fc33}:root[data-theme=dark] .template-compress-flow-page.is-result .template-result-primary,:root[data-theme=dark] .template-compress-flow-page.is-result .template-result-stats,:root[data-theme=dark] .template-compress-flow-page.is-result .template-result-related,:root[data-theme=dark] .template-compress-flow-page.is-result .template-result-repeat{background:#0f172a9e}:root[data-theme=dark] .template-compress-flow-page.is-result .template-result-quick-actions button,:root[data-theme=dark] .template-compress-flow-page.is-result .template-result-next,:root[data-theme=dark] .template-compress-flow-page.is-result .template-result-related a,:root[data-theme=dark] .template-compress-flow-page.is-result .template-result-privacy .template-ghost-button,:root[data-theme=dark] .template-compress-flow-page.is-result .template-result-repeat .template-ghost-button{color:#e0f7ff;background:#0f172ac7;border-color:#7dd3fc42}:root[data-theme=dark] .template-compress-flow-page.is-result .template-result-quick-actions button:hover,:root[data-theme=dark] .template-compress-flow-page.is-result .template-result-quick-actions button:focus-visible,:root[data-theme=dark] .template-compress-flow-page.is-result .template-result-related a:hover,:root[data-theme=dark] .template-compress-flow-page.is-result .template-result-related a:focus-visible{background:#0ea5e921;border-color:#7dd3fc94}:root[data-theme=dark] .template-compress-flow-page.is-result .template-result-meter{background:radial-gradient(circle closest-side, #071120 67%, transparent 68% 100%), conic-gradient(#0ea5e9 var(--template-progress,0%), #7dd3fc26 0)}:root[data-theme=dark] .template-compress-flow-page.is-result .template-result-meter strong,:root[data-theme=dark] .template-compress-flow-page.is-result .template-result-stats small,:root[data-theme=dark] .template-compress-flow-page.is-result .template-result-privacy p{color:#cbd5e1}:root[data-theme=dark] .template-compress-flow-page.is-result .template-result-privacy{background:linear-gradient(135deg,#14b8a621,#0ea5e91a)}@media (width<=900px){.template-compress-flow-page.is-result .template-result-screen{grid-template-columns:1fr;grid-template-areas:"title""stats""primary""related""privacy""repeat"}.template-compress-flow-page.is-result .template-result-primary{grid-template-columns:1fr;grid-template-areas:"download""actions""next"}.template-compress-flow-page.is-result .template-result-quick-actions,.template-compress-flow-page.is-result .template-result-related>div{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.template-compress-flow-page.is-result .template-compress-flow-runner{align-items:flex-start;min-height:auto;padding:14px}.template-compress-flow-page.is-result .template-result-screen{border-radius:18px;gap:14px;padding:16px}.template-compress-flow-page.is-result .template-result-screen h2{font-size:clamp(1.55rem,9vw,2.35rem)}.template-compress-flow-page.is-result .template-result-primary{padding:14px}.template-compress-flow-page.is-result .template-result-download{min-height:62px}.template-compress-flow-page.is-result .template-result-quick-actions,.template-compress-flow-page.is-result .template-result-related>div{grid-template-columns:1fr}}.template-compress-flow-page.is-result .template-result-repeat{background:0 0;border:0;align-self:start;padding:0}.template-compress-flow-page.is-result .template-result-repeat .template-ghost-button{min-height:48px}@media (width>=360px) and (width<=560px){.template-compress-flow-page.is-result .template-result-related>div{grid-template-columns:repeat(2,minmax(0,1fr))}.template-compress-flow-page.is-result .template-result-related a{grid-template-columns:auto minmax(0,1fr);align-content:center;gap:8px;min-height:58px;padding:8px}.template-compress-flow-page.is-result .template-result-related a i{display:none}.template-compress-flow-page.is-result .template-result-related a b{white-space:normal;font-size:.82rem}}.template-compress-flow-page.is-configuring .template-add-source-menu button{border-radius:999px;justify-content:center;gap:0;width:46px;min-width:46px;height:46px;padding:0;position:relative;overflow:visible}.template-compress-flow-page.is-configuring .template-add-source-menu button:hover,.template-compress-flow-page.is-configuring .template-add-source-menu button:focus-visible{justify-content:center;gap:0;width:46px;padding:0;transform:translateY(-2px)scale(1.03)}.template-compress-flow-page.is-configuring .template-add-source-menu button span:not(.template-source-icon){color:#fff;opacity:0;pointer-events:none;white-space:nowrap;z-index:8;background:#0f172af0;border:1px solid #7dd3fc3d;border-radius:10px;max-width:none;padding:9px 11px;font-size:.82rem;font-weight:950;line-height:1;transition:opacity .16s,transform .16s;position:absolute;top:50%;left:auto;right:calc(100% + 10px);overflow:visible;transform:translate(8px,-50%);box-shadow:0 14px 30px #00000038}.template-compress-flow-page.is-configuring .template-add-source-menu button span:not(.template-source-icon):after{content:"";border:6px solid #0000;border-left:0;border-right-color:#0f172af0;position:absolute;top:50%;right:-6px;transform:translateY(-50%)}.template-compress-flow-page.is-configuring .template-add-source-menu button:hover span:not(.template-source-icon),.template-compress-flow-page.is-configuring .template-add-source-menu button:focus-visible span:not(.template-source-icon){opacity:1;max-width:none;transform:translateY(-50%)}.template-compress-flow-page.is-configuring .template-add-source-main:after{color:#fff;content:attr(aria-label);opacity:0;pointer-events:none;white-space:nowrap;z-index:8;background:#0f172af0;border:1px solid #7dd3fc3d;border-radius:10px;padding:9px 11px;font-size:.82rem;font-weight:950;line-height:1;transition:opacity .16s,transform .16s;position:absolute;top:50%;right:calc(100% + 10px);transform:translate(8px,-50%);box-shadow:0 14px 30px #00000038}.template-compress-flow-page.is-configuring .template-add-source-main:hover:after,.template-compress-flow-page.is-configuring .template-add-source-main:focus-visible:after{opacity:1;transform:translateY(-50%)}:root[data-theme=light] .template-compress-flow-page.is-configuring .template-add-source-menu button span:not(.template-source-icon){background:#1f2937;border-color:#0f172a1f}:root[data-theme=light] .template-compress-flow-page.is-configuring .template-add-source-menu button span:not(.template-source-icon):after{border-right-color:#1f2937}.template-compress-flow-page.is-configuring .template-tool-file-board{perspective:1200px}.template-compress-flow-page.is-configuring .template-tool-file-card{cursor:default;transform-origin:50%;transition:border-color .18s,box-shadow .18s,filter .18s,opacity .18s,transform .18s;position:relative;overflow:visible}.template-compress-flow-page.is-configuring .template-tool-file-card[draggable=true]{cursor:grab}.template-compress-flow-page.is-configuring .template-tool-file-card[draggable=true]:active{cursor:grabbing}.template-compress-flow-page.is-configuring .template-tool-file-card:before{color:#fff;content:attr(data-file-tip);opacity:0;pointer-events:none;text-overflow:ellipsis;white-space:nowrap;z-index:12;background:#0f172af0;border:1px solid #7dd3fc3d;border-radius:10px;max-width:min(280px,90vw);padding:9px 12px;font-size:.78rem;font-weight:950;line-height:1.25;transition:opacity .16s,transform .16s;position:absolute;top:-44px;left:50%;overflow:hidden;transform:translate(-50%,8px);box-shadow:0 16px 34px #0000003d}.template-compress-flow-page.is-configuring .template-tool-file-card:after{content:"";opacity:0;pointer-events:none;z-index:12;border-top:6px solid #0f172af0;border-left:6px solid #0000;border-right:6px solid #0000;transition:opacity .16s,transform .16s;position:absolute;top:-9px;left:50%;transform:translate(-50%,8px)}.template-compress-flow-page.is-configuring .template-tool-file-card:hover,.template-compress-flow-page.is-configuring .template-tool-file-card:focus-within{filter:saturate(1.04);z-index:16;border-color:#0ea5e96b;transform:translateY(-5px);box-shadow:0 30px 72px #02081747,0 0 0 1px #0ea5e914}.template-compress-flow-page.is-configuring .template-tool-file-card:hover:before,.template-compress-flow-page.is-configuring .template-tool-file-card:hover:after,.template-compress-flow-page.is-configuring .template-tool-file-card:focus-within:before,.template-compress-flow-page.is-configuring .template-tool-file-card:focus-within:after{opacity:1;transform:translate(-50%)}.template-compress-flow-page.is-configuring .template-tool-file-card .template-tool-file-preview{transition:border-color .18s,box-shadow .18s,transform .18s}.template-compress-flow-page.is-configuring .template-tool-file-card:hover .template-tool-file-preview,.template-compress-flow-page.is-configuring .template-tool-file-card:focus-within .template-tool-file-preview{border-color:#0ea5e94d;transform:translateY(-1px);box-shadow:inset 0 0 0 1px #0ea5e914}.template-compress-flow-page.is-configuring .template-tool-file-actions{opacity:0;pointer-events:none;z-index:14;background:#0f172ab8;border:1px solid #7dd3fc38;border-radius:999px;align-items:center;gap:6px;padding:6px;transition:opacity .16s,transform .16s;display:flex;position:absolute;top:12px;left:12px;transform:translateY(-6px)scale(.96);box-shadow:0 18px 42px #0208173d}.template-compress-flow-page.is-configuring .template-tool-file-card:hover .template-tool-file-actions,.template-compress-flow-page.is-configuring .template-tool-file-card:focus-within .template-tool-file-actions{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.template-compress-flow-page.is-configuring .template-tool-file-actions button{color:#0f172a;background:#f8fcfff0;border:1px solid #cbd5e1b8;border-radius:999px;width:32px;min-width:32px;height:32px;transition:background .16s,border-color .16s,color .16s,transform .16s;box-shadow:0 8px 18px #0208171f}.template-compress-flow-page.is-configuring .template-tool-file-actions button:not(:disabled):hover,.template-compress-flow-page.is-configuring .template-tool-file-actions button:not(:disabled):focus-visible{color:#0284c7;background:#e8f7ff;border-color:#0ea5e99e;transform:translateY(-1px)}.template-compress-flow-page.is-configuring .template-tool-file-actions button:disabled{cursor:not-allowed;opacity:.38}.template-compress-flow-page.is-configuring .template-tool-file-board.is-reordering .template-tool-file-card:not(.is-dragging){transition:transform .18s,opacity .18s}.template-compress-flow-page.is-configuring .template-tool-file-drop-slot{color:#7dd3fc;text-align:center;background:linear-gradient(135deg,#0ea5e91f,#14b8a614),#0ea5e90d;border:1.5px dashed #0ea5e9b8;border-radius:18px;place-items:center;min-height:248px;padding:12px;font-size:.95rem;font-weight:950;display:grid;box-shadow:inset 0 0 0 1px #7dd3fc2e,0 18px 42px #0ea5e91a}.template-compress-flow-page.is-configuring .template-tool-file-drop-slot span{background:#0f172ac7;border:1px solid #7dd3fc40;border-radius:999px;padding:8px 13px}:root[data-theme=light] .template-compress-flow-page.is-configuring .template-tool-file-card:before{background:#1f2937}:root[data-theme=light] .template-compress-flow-page.is-configuring .template-tool-file-card:after{border-top-color:#1f2937}.template-compress-flow-page.is-configuring .template-tool-file-board{align-content:start;overflow:visible}.template-compress-flow-page.is-configuring .template-tool-file-card{isolation:isolate;touch-action:none;border-radius:16px;min-height:254px}.template-compress-flow-page.is-configuring .template-tool-file-card:before{letter-spacing:0;background:linear-gradient(135deg,#0f172afa,#1e293bf5),#0f172a;border-color:#7dd3fc4d;border-radius:12px;font-size:.82rem;top:-46px;box-shadow:0 18px 40px #02081752}.template-compress-flow-page.is-configuring .template-tool-file-card:hover,.template-compress-flow-page.is-configuring .template-tool-file-card:focus-within{border-color:#0ea5e99e;transform:translateY(-6px)scale(1.012);box-shadow:0 30px 72px #0208173d,0 0 0 1px #0ea5e92e,inset 0 1px #ffffff14}.template-compress-flow-page.is-configuring .template-tool-file-actions{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#f8fcfff0,#e0f2fed1),#f8fcffe6;border-color:#0ea5e93d;gap:7px;box-shadow:0 18px 42px #0208172e,inset 0 1px #ffffffb8}.template-compress-flow-page.is-configuring .template-tool-file-actions button{color:#0f7fb8;background:linear-gradient(#fff,#eef9ff),#fff;border-color:#0ea5e933;place-items:center;display:inline-grid}.template-compress-flow-page.is-configuring .template-tool-file-actions button svg{width:17px;height:17px}.template-compress-flow-page.is-configuring .template-tool-file-actions button[data-file-remove]{color:#dc2626}.template-compress-flow-page.is-configuring .template-tool-file-actions button:not(:disabled):hover,.template-compress-flow-page.is-configuring .template-tool-file-actions button:not(:disabled):focus-visible{color:#fff;background:linear-gradient(135deg,#0ea5e9,#14b8a6);border-color:#bae6fd85;transform:translateY(-2px)scale(1.04);box-shadow:0 12px 28px #0ea5e93d}.template-compress-flow-page.is-configuring .template-tool-file-actions button[data-file-remove]:not(:disabled):hover,.template-compress-flow-page.is-configuring .template-tool-file-actions button[data-file-remove]:not(:disabled):focus-visible{background:linear-gradient(135deg,#ef4444,#f97316)}.template-compress-flow-page.is-configuring .template-tool-file-card.is-dragging{opacity:.28;transform:scale(.92)rotate(-1.5deg)}.template-compress-flow-page.is-configuring .template-tool-file-drop-slot{outline-offset:-8px;background:radial-gradient(circle at 50% 22%,#7dd3fc2e,#0000 42%),linear-gradient(135deg,#0ea5e91f,#14b8a614),#082f491f;border:1.5px dashed #0ea5e9d6;outline:1px solid #7dd3fc24;min-height:254px;animation:1.15s ease-in-out infinite alternate templateDropSlotPulse}.template-compress-flow-page.is-configuring .template-tool-file-drop-slot span{color:#fff;background:linear-gradient(135deg,#0ea5e9f0,#14b8a6e6),#0ea5e9;border:0;box-shadow:0 16px 34px #0ea5e93d}@keyframes templateDropSlotPulse{0%{box-shadow:inset 0 0 0 1px #7dd3fc1f,0 16px 34px #0ea5e914}to{box-shadow:inset 0 0 0 1px #7dd3fc42,0 24px 50px #0ea5e929}}:root[data-theme=dark] .template-compress-flow-page.is-configuring .template-tool-file-actions{background:linear-gradient(135deg,#0f172ae6,#082f49c7),#0f172adb;border-color:#7dd3fc3d;box-shadow:0 18px 42px #02081766,inset 0 1px #ffffff14}:root[data-theme=dark] .template-compress-flow-page.is-configuring .template-tool-file-actions button{color:#7dd3fc;background:linear-gradient(#1e293bf5,#0f172af5),#0f172a;border-color:#7dd3fc2e}@media (width<=760px){.template-compress-flow-page.is-configuring .template-tool-file-card,.template-compress-flow-page.is-configuring .template-tool-file-drop-slot{min-height:220px}.template-compress-flow-page.is-configuring .template-tool-file-card:before,.template-compress-flow-page.is-configuring .template-tool-file-card:after{display:none}}.template-compress-flow-page.is-configuring .template-tool-side-panel{color:#f8fafc;background:radial-gradient(circle at 100% 0,#0ea5e91f,#0000 34%),linear-gradient(#0f172afa,#080f1cfa),#0f172a;border-inline-start:1px solid #7dd3fc33;box-shadow:20px 0 54px #02081733,inset -1px 0 #ffffff08}.template-compress-flow-page.is-configuring .template-tool-options{padding:18px 18px 10px}.template-compress-flow-page.is-configuring .template-tool-field>span{color:#f8fafc;letter-spacing:0;text-align:center;background:linear-gradient(#0ea5e91a,#0ea5e900),#0f172a6b;border-bottom:1px solid #7dd3fc2e;padding:30px 22px 26px;font-size:clamp(1.45rem,2vw,1.9rem);font-weight:950;display:block;position:relative}.template-compress-flow-page.is-configuring .template-tool-field>span:after{content:"";background:linear-gradient(90deg,#0000,#0ea5e9d1,#14b8a6b3,#0000);border-radius:999px;height:2px;position:absolute;bottom:-1px;left:22%;right:22%}.template-compress-flow-page.is-configuring .template-choice-grid{counter-reset:compression-choice;gap:12px;padding:0;display:grid}.template-compress-flow-page.is-configuring .template-choice-card{color:#f8fafc;counter-increment:compression-choice;text-align:start;background:linear-gradient(#0f172ad1,#0f172aa3),#0f172ac7;border:1px solid #94a3b838;border-radius:18px;gap:8px;min-height:104px;padding:20px 20px 20px 62px;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff09}.template-compress-flow-page.is-configuring .template-choice-card:before{color:#fff;content:"✓";opacity:0;background:linear-gradient(135deg,#0ea5e9,#14b8a6);border:1px solid #bae6fd8a;border-radius:999px;place-items:center;width:34px;height:34px;font-size:.86rem;font-weight:950;transition:opacity .18s,transform .18s;display:grid;position:absolute;top:50%;left:16px;right:auto;transform:translateY(-50%)scale(.86);box-shadow:0 16px 30px #0ea5e938}.template-compress-flow-page.is-configuring .template-choice-card:after{content:"";opacity:0;background:linear-gradient(#0ea5e9,#14b8a6);border-radius:999px;width:4px;transition:opacity .18s;position:absolute;top:18px;bottom:18px;right:0}.template-compress-flow-page.is-configuring .template-choice-card:hover,.template-compress-flow-page.is-configuring .template-choice-card:focus-visible{color:#f8fafc;background:linear-gradient(#0ea5e91f,#0f172ab8),#0f172ae0;border-color:#7dd3fc5c;transform:translateY(-1px);box-shadow:0 18px 44px #00000029,inset 0 1px #ffffff0d}.template-compress-flow-page.is-configuring .template-choice-card.active{color:#f8fafc;background:linear-gradient(135deg,#0ea5e938,#14b8a61a),#082f499e;border-color:#0ea5e9b8;box-shadow:0 22px 54px #0ea5e929,inset 0 1px #ffffff14}.template-compress-flow-page.is-configuring .template-choice-card.active:before{opacity:1;transform:translateY(-50%)scale(1)}.template-compress-flow-page.is-configuring .template-choice-card.active:after{opacity:1}.template-compress-flow-page.is-configuring .template-choice-card strong{color:#f8fafc;align-items:center;gap:9px;font-size:1.02rem;font-weight:950;line-height:1.25;display:inline-flex}.template-compress-flow-page.is-configuring .template-choice-card strong:before{color:#7dd3fc;content:"0" counter(compression-choice);background:#0ea5e91c;border:1px solid #7dd3fc38;border-radius:999px;justify-content:center;align-items:center;min-width:34px;height:24px;padding:0 8px;font-size:.72rem;font-weight:950;display:inline-flex}.template-compress-flow-page.is-configuring .template-choice-card small{color:#b7c5d8;font-size:.95rem;line-height:1.75}.template-compress-flow-page.is-configuring .template-choice-card.active small{color:#dff7ff}.template-compress-flow-page.is-configuring .template-tool-actions{background:linear-gradient(#080f1c00,#080f1ceb 22%),#080f1cf2;border-top:1px solid #7dd3fc29;gap:12px;padding:18px}.template-compress-flow-page.is-configuring .template-tool-actions .template-main-button{color:#fff;background:linear-gradient(135deg,#0ea5e9 0%,#14b8a6 52%,#2563eb 100%);border:1px solid #bae6fd57;border-radius:16px;min-height:64px;font-size:1.14rem;transition:transform .18s,box-shadow .18s,filter .18s;box-shadow:0 22px 54px #0ea5e93d}.template-compress-flow-page.is-configuring .template-tool-actions .template-main-button:hover,.template-compress-flow-page.is-configuring .template-tool-actions .template-main-button:focus-visible{filter:saturate(1.08);transform:translateY(-1px);box-shadow:0 26px 62px #0ea5e952}.template-compress-flow-page.is-configuring .template-tool-actions .template-ghost-button{color:#e0f7ff;background:#0f172ab8;border:1px solid #7dd3fc3d;border-radius:14px;min-height:48px}@media (width<=760px){.template-compress-flow-page.is-configuring .template-tool-side-panel{border-block-start-color:#7dd3fc33}.template-compress-flow-page.is-configuring .template-choice-card{min-height:auto}}.template-compress-flow-page.is-configuring .template-tool-file-board{grid-template-columns:repeat(auto-fit,minmax(224px,248px));grid-auto-flow:dense;justify-content:center;place-items:start stretch;gap:clamp(16px,2vw,24px);display:grid;overflow:visible}.template-compress-flow-page.is-configuring .template-tool-file-card{box-sizing:border-box;grid-template-rows:164px minmax(48px,auto);gap:12px;min-block-size:254px;inline-size:100%;min-inline-size:0;max-inline-size:248px;padding:14px;display:grid;overflow:visible}.template-compress-flow-page.is-configuring .template-tool-file-card>div:not(.template-tool-file-preview):not(.template-tool-file-actions){min-inline-size:0;width:100%}.template-compress-flow-page.is-configuring .template-tool-file-preview{border-radius:12px;width:100%;height:164px;min-height:164px;position:relative;overflow:hidden}.template-compress-flow-page.is-configuring .template-tool-file-preview canvas{max-width:100%;max-height:100%;transform:rotate(var(--file-rotation,0deg)) scale(var(--file-rotation-scale,1));transform-origin:50%;transition:transform .18s,filter .18s}.template-compress-flow-page.is-configuring .template-tool-file-card[data-file-rotation]:not([data-file-rotation="0"]) .template-tool-file-preview canvas{filter:drop-shadow(0 10px 18px #0f172a1f)}.template-compress-flow-page.is-configuring .template-tool-file-card strong{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;max-inline-size:100%;line-height:1.45;display:block;overflow:hidden}.template-compress-flow-page.is-configuring .template-tool-file-card small{text-overflow:ellipsis;white-space:nowrap;max-inline-size:100%;margin-top:4px;line-height:1.3;display:block;overflow:hidden}.template-compress-flow-page.is-configuring .template-tool-file-actions{max-inline-size:calc(100% - 20px)}.template-compress-flow-page.is-configuring .template-tool-file-actions button{position:relative}.template-compress-flow-page.is-configuring .template-tool-file-actions button:after{color:#fff;content:attr(aria-label);opacity:0;pointer-events:none;inset-inline-start:50%;white-space:nowrap;z-index:30;background:#0f172af5;border:1px solid #7dd3fc38;border-radius:9px;padding:8px 10px;font-size:.76rem;font-weight:900;line-height:1;transition:opacity .15s,transform .15s;position:absolute;top:calc(100% + 10px);transform:translate(-50%)translateY(-4px);box-shadow:0 14px 30px #0208173d}.template-compress-flow-page.is-configuring .template-tool-file-actions button:before{content:"";opacity:0;pointer-events:none;inset-inline-start:50%;z-index:30;border-bottom:6px solid #0f172af5;border-left:6px solid #0000;border-right:6px solid #0000;transition:opacity .15s,transform .15s;position:absolute;top:calc(100% + 4px);transform:translate(-50%)translateY(-4px)}.template-compress-flow-page.is-configuring .template-tool-file-actions button:hover:before,.template-compress-flow-page.is-configuring .template-tool-file-actions button:hover:after,.template-compress-flow-page.is-configuring .template-tool-file-actions button:focus-visible:before,.template-compress-flow-page.is-configuring .template-tool-file-actions button:focus-visible:after{opacity:1;transform:translate(-50%)translateY(0)}.template-compress-flow-page.is-configuring .template-tool-file-drop-slot{box-sizing:border-box;min-block-size:254px;inline-size:100%;max-inline-size:248px}:root[data-theme=dark] .template-compress-flow-page.is-configuring .template-tool-file-actions button:after{color:#0f172a;background:#f8fafcf5;border-color:#0ea5e942}:root[data-theme=dark] .template-compress-flow-page.is-configuring .template-tool-file-actions button:before{border-bottom-color:#f8fafcf5}@media (width<=760px){.template-compress-flow-page.is-configuring .template-tool-file-board{grid-template-columns:repeat(auto-fit,minmax(172px,1fr))}.template-compress-flow-page.is-configuring .template-tool-file-card{max-inline-size:none}}.template-result-retention-inline{color:#0369a1;background:#0ea5e914;border:1px solid #0ea5e92e;border-radius:12px;justify-content:center;align-items:center;width:fit-content;min-height:38px;padding:0 14px;font-size:.92rem;font-weight:950;display:inline-flex}.template-retention-modal-v2>div,.template-delete-confirm-modal>div{border:1px solid #7dd3fc52;border-radius:24px;max-width:560px;padding:34px;overflow:hidden}.template-retention-kicker{color:#0369a1;background:#0ea5e91a;border:1px solid #0ea5e938;border-radius:999px;margin-bottom:12px;padding:7px 12px;font-size:.82rem;font-weight:950;display:inline-flex}.template-retention-expiry,.template-delete-countdown{color:#0369a1;background:#f0f9ffdb;border:1px solid #7dd3fc52;border-radius:14px;width:fit-content;margin:0 auto 20px;padding:12px 14px;font-weight:900}.template-retention-modal-v2 footer,.template-delete-confirm-modal footer{justify-content:center;gap:10px;display:flex}.template-danger-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444,#dc2626);border:0;border-radius:14px;justify-content:center;align-items:center;min-height:46px;padding:0 18px;font-weight:950;transition:transform .18s,box-shadow .18s,filter .18s;display:inline-flex;box-shadow:0 18px 38px #dc262638}.template-danger-button:hover,.template-danger-button:focus-visible{filter:saturate(1.05);transform:translateY(-1px);box-shadow:0 24px 46px #dc26264d}.template-delete-icon{color:#dc2626;background:linear-gradient(135deg,#fee2e2,#fff);border:1px solid #f8717159;border-radius:18px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:14px;display:inline-flex}.template-delete-icon svg{width:28px;height:28px}:root[data-theme=dark] .template-result-retention-inline{color:#7dd3fc;background:#0ea5e921;border-color:#7dd3fc42}:root[data-theme=dark] .template-retention-expiry,:root[data-theme=dark] .template-delete-countdown{color:#bae6fd;background:#0ea5e91c;border-color:#7dd3fc3d}:root[data-theme=dark] .template-retention-kicker{color:#bae6fd;background:#0ea5e924;border-color:#7dd3fc47}:root[data-theme=dark] .template-delete-icon{color:#fecaca;background:#7f1d1d5c;border-color:#f8717147}.template-min-files-notice{color:#0f172a;background:linear-gradient(135deg,#e0f2feeb,#f0fdfadb),#ffffffe6;border:1px solid #0ea5e93d;border-radius:18px;grid-template-columns:38px minmax(0,1fr);align-items:start;gap:12px;margin:16px;padding:14px;display:grid;box-shadow:0 18px 42px #0ea5e91f,inset 0 1px #ffffffe0}.template-min-files-notice[hidden]{display:none!important}.template-min-files-icon{color:#fff;background:linear-gradient(135deg,#0ea5e9,#14b8a6);border-radius:14px;justify-content:center;align-items:center;width:38px;height:38px;font-size:1rem;font-weight:950;line-height:1;display:inline-flex;box-shadow:0 12px 28px #0ea5e947}.template-min-files-notice strong{color:inherit;margin-bottom:5px;font-size:1rem;font-weight:950;display:block}.template-min-files-notice p{color:#475569;margin:0 0 12px;font-size:.93rem;font-weight:750;line-height:1.65}.template-min-files-notice small{color:#0369a1;margin:-4px 0 12px;font-size:.82rem;font-weight:850;line-height:1.55;display:block}.template-min-files-notice small[hidden]{display:none!important}.template-min-files-add{color:#0369a1;cursor:pointer;background:#ffffffc7;border:1px solid #0ea5e947;border-radius:999px;justify-content:center;align-items:center;min-height:38px;padding:0 14px;font-size:.88rem;font-weight:950;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;display:inline-flex}.template-min-files-add:hover,.template-min-files-add:focus-visible{background:#fff;border-color:#14b8a685;transform:translateY(-1px);box-shadow:0 16px 32px #0ea5e929}.template-compress-flow-page.is-configuring .template-tool-flow-runner.needs-more-files .template-tool-actions .template-main-button{background:linear-gradient(135deg,#0ea5e9 0%,#14b8a6 55%,#0f766e 100%)}:root[data-theme=dark] .template-min-files-notice{color:#f8fafc;background:linear-gradient(135deg,#0ea5e924,#14b8a61a),#0f172ad1;border-color:#7dd3fc42;box-shadow:0 18px 42px #02061742,inset 0 1px #ffffff0f}:root[data-theme=dark] .template-min-files-notice p{color:#b7c5d8}:root[data-theme=dark] .template-min-files-notice small{color:#7dd3fc}:root[data-theme=dark] .template-min-files-add{color:#bae6fd;background:#0f172abd;border-color:#7dd3fc3d}:root[data-theme=dark] .template-min-files-add:hover,:root[data-theme=dark] .template-min-files-add:focus-visible{background:#0ea5e924;border-color:#7dd3fc80}@media (width<=560px){.template-retention-modal-v2 footer,.template-delete-confirm-modal footer{flex-direction:column}.template-result-retention-inline{width:100%}}.template-flow-guide{color:#0f172a;background:radial-gradient(circle at 100% 0,#0ea5e929,#0000 44%),linear-gradient(135deg,#f0f9ffdb,#ffffffb8);border:1px solid #0ea5e93d;border-radius:18px;gap:10px;margin:16px 16px 0;padding:16px;display:grid;box-shadow:0 18px 44px #0ea5e921,inset 0 1px #ffffffc2}.template-flow-guide[hidden]{display:none!important}.template-flow-guide-kicker{color:#0369a1;letter-spacing:0;background:#0ea5e91f;border:1px solid #0ea5e93d;border-radius:999px;justify-content:center;justify-self:start;align-items:center;min-height:28px;padding:0 11px;font-size:.78rem;font-weight:950;display:inline-flex}.template-flow-guide strong{color:inherit;font-size:1.02rem;font-weight:950;line-height:1.35}.template-flow-guide p{color:#52637a;margin:0;font-size:.92rem;font-weight:750;line-height:1.65}.template-flow-guide ul{gap:8px;margin:2px 0 0;padding:0;list-style:none;display:grid}.template-flow-guide li{color:#334155;padding-inline-start:24px;font-size:.88rem;font-weight:850;line-height:1.55;position:relative}.template-flow-guide li:before{content:"";background:linear-gradient(135deg,#0ea5e9,#14b8a6);border-radius:999px;width:9px;height:9px;position:absolute;inset-block-start:.62em;inset-inline-start:3px;box-shadow:0 8px 16px #0ea5e938}:root[data-theme=dark] .template-flow-guide{color:#f8fafc;background:radial-gradient(circle at 100% 0,#2dd4bf29,#0000 46%),linear-gradient(135deg,#0f172ae6,#080f1ce0);border-color:#7dd3fc3d;box-shadow:0 20px 48px #02081761,inset 0 1px #ffffff14}:root[data-theme=dark] .template-flow-guide-kicker{color:#bae6fd;background:#0ea5e92e;border-color:#7dd3fc47}:root[data-theme=dark] .template-flow-guide p{color:#b7c5d8}:root[data-theme=dark] .template-flow-guide li{color:#d8e3f0}@media (width<=760px){.template-flow-guide{margin:14px 14px 0;padding:14px}}.template-compress-flow-page.is-configuring .template-file-board-notice{color:#0f172a;text-align:start;background:radial-gradient(circle at 100% 0,#0ea5e92e,#0000 42%),linear-gradient(135deg,#f0f9ffeb,#ffffffdb);border:1px solid #0ea5e942;border-radius:18px;grid-column:1/-1;grid-template-columns:auto minmax(0,1fr);justify-self:center;align-items:flex-start;gap:14px;width:min(100%,720px);max-width:720px;margin:0 auto 8px;padding:16px;display:grid;box-shadow:0 22px 58px #0ea5e924,inset 0 1px #ffffffc7}.template-file-board-notice-icon{color:#fff;background:linear-gradient(135deg,#0ea5e9,#14b8a6);border-radius:999px;justify-content:center;align-items:center;width:38px;height:38px;font-size:.95rem;font-weight:950;display:inline-flex;box-shadow:0 14px 28px #0ea5e93d}.template-file-board-notice strong{color:inherit;margin-bottom:6px;font-size:1rem;font-weight:950;line-height:1.35;display:block}.template-file-board-notice p,.template-file-board-notice small{color:#52637a;margin:0;font-size:.9rem;font-weight:800;line-height:1.7;display:block}.template-file-board-notice small{color:#0369a1;margin-top:4px}.template-file-board-notice-action{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0ea5e9,#14b8a6);border:0;border-radius:999px;justify-content:center;align-items:center;min-height:38px;margin-top:12px;padding:0 16px;font-size:.88rem;font-weight:950;transition:transform .16s,box-shadow .16s,filter .16s;display:inline-flex;box-shadow:0 15px 30px #0ea5e933}.template-file-board-notice-action:hover,.template-file-board-notice-action:focus-visible{filter:saturate(1.05);transform:translateY(-1px);box-shadow:0 20px 38px #0ea5e947}:root[data-theme=dark] .template-compress-flow-page.is-configuring .template-file-board-notice{color:#f8fafc;background:radial-gradient(circle at 100% 0,#2dd4bf2b,#0000 44%),linear-gradient(135deg,#0f172aeb,#080f1ce0);border-color:#7dd3fc3d;box-shadow:0 24px 62px #0208175c,inset 0 1px #ffffff14}:root[data-theme=dark] .template-file-board-notice p{color:#b7c5d8}:root[data-theme=dark] .template-file-board-notice small{color:#7dd3fc}@media (width<=760px){.template-compress-flow-page.is-configuring .template-file-board-notice{grid-template-columns:1fr;justify-items:start}}.template-compress-flow-page.is-configuring .template-tool-side-panel{min-height:0}.template-compress-flow-page.is-configuring .template-tool-options{overscroll-behavior:contain;scrollbar-color:#0ea5e970 transparent;scrollbar-width:thin;min-height:0}.template-compress-flow-page.is-configuring .template-tool-options::-webkit-scrollbar{width:10px}.template-compress-flow-page.is-configuring .template-tool-options::-webkit-scrollbar-thumb{background:#0ea5e957 padding-box padding-box;border:3px solid #0000;border-radius:999px}.template-compress-flow-page.is-configuring .template-tool-options.is-multi-option-panel{gap:0;display:grid}.template-compress-flow-page.is-configuring .template-tool-options.is-multi-option-panel .template-tool-field{background:linear-gradient(#0ea5e90a,#fff0),0 0;border-bottom:1px solid #94a3b838;gap:10px;padding:16px;display:grid}.template-compress-flow-page.is-configuring .template-tool-options.is-multi-option-panel .template-tool-field>span{color:#0f172a;text-align:start;background:0 0;border:0;padding:0;font-size:.98rem;line-height:1.35}.template-compress-flow-page.is-configuring .template-tool-options.is-multi-option-panel .template-tool-field>span:after{display:none}.template-compress-flow-page.is-configuring .template-option-group-hint,.template-compress-flow-page.is-configuring .template-option-field-hint{color:#64748b;margin-top:-2px;font-size:.82rem;font-weight:800;line-height:1.55;display:block}.template-compress-flow-page.is-configuring .template-tool-options.is-multi-option-panel .template-choice-grid{gap:8px}.template-compress-flow-page.is-configuring .template-tool-options.is-multi-option-panel .template-choice-card{border-radius:14px;min-height:74px;padding:14px 52px 14px 16px}.template-compress-flow-page.is-configuring .template-tool-options.is-multi-option-panel .template-choice-card:before{width:28px;height:28px;right:14px}.template-compress-flow-page.is-configuring .template-tool-options.is-multi-option-panel .template-choice-card strong{font-size:.94rem}.template-compress-flow-page.is-configuring .template-tool-options.is-multi-option-panel .template-choice-card small{font-size:.82rem;line-height:1.55}.template-compress-flow-page.is-configuring .template-tool-field.has-text-control input{color:#0f172a;background:#f8fcfff5;border-color:#94a3b857;border-radius:12px;min-height:46px}.template-compress-flow-page.is-configuring .template-tool-field.has-text-control input:focus{border-color:#0ea5e99e;box-shadow:0 0 0 4px #0ea5e91a}:root[data-theme=dark] .template-compress-flow-page.is-configuring .template-tool-options.is-multi-option-panel .template-tool-field{background:linear-gradient(#0ea5e914,#0f172a00),0 0;border-bottom-color:#7dd3fc29}:root[data-theme=dark] .template-compress-flow-page.is-configuring .template-tool-options.is-multi-option-panel .template-tool-field>span{color:#f8fafc}:root[data-theme=dark] .template-compress-flow-page.is-configuring .template-option-group-hint,:root[data-theme=dark] .template-compress-flow-page.is-configuring .template-option-field-hint{color:#9fb3ca}:root[data-theme=dark] .template-compress-flow-page.is-configuring .template-tool-field.has-text-control input{color:#f8fafc;background:#0f172ac7;border-color:#7dd3fc33}.template-compress-flow-page.is-configuring .template-tool-options.template-split-options-panel{gap:12px}.template-compress-flow-page.is-configuring .template-split-mode-summary{color:#eaf7ff;background:radial-gradient(circle at 100% 0,#2dd4bf2e,#0000 40%),linear-gradient(135deg,#0ea5e91f,#2563eb14);border:1px solid #7dd3fc3d;border-radius:16px;padding:13px 14px}.template-compress-flow-page.is-configuring .template-split-mode-summary strong{margin-bottom:5px;font-size:.98rem;font-weight:950;line-height:1.35;display:block}.template-compress-flow-page.is-configuring .template-split-mode-summary p{color:#b7c5d8;margin:0;font-size:.84rem;font-weight:800;line-height:1.6}.template-compress-flow-page.is-configuring .template-tool-options.template-split-options-panel .template-tool-field[hidden]{display:none!important}.template-compress-flow-page.is-configuring .template-tool-options.template-split-options-panel .template-choice-card{min-height:78px}.template-compress-flow-page.is-configuring .template-tool-options.template-split-options-panel .template-tool-field.has-text-control{border-top:1px solid #7dd3fc29;padding-top:12px}:root[data-theme=light] .template-compress-flow-page.is-configuring .template-split-mode-summary{color:#0f172a;background:radial-gradient(circle at 100% 0,#0ea5e924,#0000 40%),linear-gradient(135deg,#f0f9fff2,#ffffffeb);border-color:#0ea5e933}:root[data-theme=light] .template-compress-flow-page.is-configuring .template-split-mode-summary p{color:#52637a}.template-compress-flow-page.is-configuring .template-tool-flow-runner[data-tool-id=split] .template-tool-options.template-split-options-panel{gap:9px;padding:12px}.template-compress-flow-page.is-configuring .template-tool-flow-runner[data-tool-id=split] .template-tool-options.is-multi-option-panel .template-tool-field{background:0 0;border-bottom:0;gap:8px;padding:0}.template-compress-flow-page.is-configuring .template-tool-flow-runner[data-tool-id=split] .template-split-mode-summary{border-radius:13px;padding:10px 12px}.template-compress-flow-page.is-configuring .template-tool-flow-runner[data-tool-id=split] .template-split-mode-summary strong{margin-bottom:3px;font-size:.94rem}.template-compress-flow-page.is-configuring .template-tool-flow-runner[data-tool-id=split] .template-split-mode-summary p{font-size:.78rem;line-height:1.55}.template-compress-flow-page.is-configuring .template-tool-flow-runner[data-tool-id=split] .template-tool-field.has-choice-cards>span{color:#dff6ff;text-align:start;background:0 0;border:0;padding:2px 2px 0;font-size:1rem}.template-compress-flow-page.is-configuring .template-tool-flow-runner[data-tool-id=split] .template-tool-field.has-choice-cards>span:after{display:none}.template-compress-flow-page.is-configuring .template-tool-flow-runner[data-tool-id=split] .template-option-group-hint{margin:0;font-size:.76rem;line-height:1.5}.template-compress-flow-page.is-configuring .template-tool-flow-runner[data-tool-id=split] .template-choice-grid{gap:7px}.template-compress-flow-page.is-configuring .template-tool-flow-runner[data-tool-id=split] .template-choice-card{border-radius:13px;min-height:72px;padding:10px 52px 10px 12px}.template-compress-flow-page.is-configuring .template-tool-flow-runner[data-tool-id=split] .template-choice-card strong{font-size:.91rem}.template-compress-flow-page.is-configuring .template-tool-flow-runner[data-tool-id=split] .template-choice-card small{font-size:.74rem;line-height:1.45}.template-compress-flow-page.is-configuring .template-tool-flow-runner[data-tool-id=split] .template-choice-card:before{width:28px;height:28px;right:16px}.template-compress-flow-page.is-configuring .template-tool-flow-runner[data-tool-id=split] .template-tool-actions{padding:12px}.template-compress-flow-page.is-configuring .template-tool-flow-runner[data-tool-id=split] .template-tool-actions .template-main-button{min-height:60px}.template-compress-flow-page.is-configuring .template-tool-flow-runner[data-tool-id=split] .template-tool-actions .template-ghost-button{min-height:44px}.template-compress-flow-page.is-configuring .template-tool-flow-runner[data-tool-id=split] .template-tool-field.has-text-control{border:1px solid #7dd3fc29;border-radius:13px;padding:10px}.template-compress-flow-page.is-configuring .template-tool-flow-runner[data-tool-id=split] .template-tool-field.has-text-control>span{color:#eaf7ff;text-align:start;background:0 0;border:0;padding:0;font-size:.86rem}.template-compress-flow-page.is-configuring .template-tool-flow-runner[data-tool-id=split] .template-tool-field.has-text-control>span:after{display:none}.template-compress-flow-page.is-configuring .template-tool-flow-runner[data-tool-id=split] .template-tool-field.has-text-control input{min-height:40px}.template-compress-flow-page.is-configuring .template-tool-flow-runner[data-tool-id=split] .template-tool-field.has-text-control .template-option-field-hint{margin:0;font-size:.73rem;line-height:1.45}:root[data-theme=light] .template-compress-flow-page.is-configuring .template-tool-flow-runner[data-tool-id=split] .template-tool-field.has-choice-cards>span{color:#0f172a}.template-compress-flow-page.is-configuring .template-tool-flow-runner[data-tool-id=split] .template-split-native-field{display:none!important}.template-compress-flow-page.is-configuring .template-tool-flow-runner[data-tool-id=split] .template-split-workbench-panel{align-content:start;justify-items:stretch;gap:12px;padding:12px;overflow:hidden auto;grid-template-columns:1fr!important}.template-compress-flow-page.is-configuring .template-tool-flow-runner[data-tool-id=split] .template-tool-side-panel{min-height:0;overflow:hidden}.template-compress-flow-page.is-configuring .template-tool-flow-runner[data-tool-id=split] .template-tool-actions{z-index:2;flex:none;position:relative}.template-split-workbench{gap:12px;width:100%;min-width:0;display:grid}.template-split-tabs{background:#0f172a47;border:1px solid #7dd3fc29;border-radius:18px;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.template-split-tabs button{border:0;color:#b8c9dc;cursor:pointer;background:0 0;border-inline-end:1px solid #7dd3fc24;place-items:center;gap:6px;min-height:84px;padding:10px 8px;transition:background .17s,color .17s,transform .17s;display:grid}.template-split-tabs button:last-child{border-inline-end:0}.template-split-tabs button span{color:#7dd3fc;background:linear-gradient(135deg,#0ea5e92e,#14b8a624);border:1px solid #7dd3fc38;border-radius:12px;justify-content:center;align-items:center;width:44px;height:34px;font-size:.7rem;font-weight:950;display:inline-flex}.template-split-tabs button .template-split-mode-icon{color:#7dd3fc;background:radial-gradient(circle at 30% 20%,#ffffff38,#0000 38%),linear-gradient(135deg,#0ea5e93d,#14b8a629);box-shadow:inset 0 1px #ffffff24,0 12px 28px #0ea5e921}.template-split-tabs button .template-split-mode-icon svg{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:24px;height:24px}.template-split-tabs button:hover .template-split-mode-icon,.template-split-tabs button:focus-visible .template-split-mode-icon,.template-split-tabs button.active .template-split-mode-icon{color:#fff;background:radial-gradient(circle at 30% 18%,#ffffff52,#0000 40%),linear-gradient(135deg,#0ea5e9,#14b8a6);transform:translateY(-1px)}.template-split-tabs button b{color:inherit;font-size:.88rem;font-weight:950}.template-split-tabs button small{color:#8fa5bc;font-size:.68rem;font-weight:800;line-height:1.35}.template-split-tabs button:hover,.template-split-tabs button:focus-visible{color:#e8f7ff;background:#0ea5e917}.template-split-tabs button.active{color:#fff;background:radial-gradient(circle at 100% 0,#14b8a633,#0000 48%),linear-gradient(135deg,#0ea5e92e,#2563eb14);box-shadow:inset 0 -3px #0ea5e9}.template-split-card{background:linear-gradient(#0f172aa8,#080f1c8f),#0f172a70;border:1px solid #7dd3fc29;border-radius:18px;gap:12px;padding:12px;display:grid}.template-split-subtabs,.template-split-choice-row,.template-split-unit-toggle{background:#02061738;border:1px solid #7dd3fc24;border-radius:999px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:5px;display:grid}.template-split-choice-row,.template-split-unit-toggle{grid-template-columns:repeat(2,minmax(0,1fr))}.template-split-subtabs button,.template-split-choice-row button,.template-split-unit-toggle button{color:#9fb3ca;cursor:pointer;background:0 0;border:0;border-radius:999px;min-height:38px;padding:6px 8px;font-weight:950;transition:background .16s,color .16s,transform .16s}.template-split-subtabs button:hover,.template-split-subtabs button:focus-visible,.template-split-choice-row button:hover,.template-split-choice-row button:focus-visible,.template-split-unit-toggle button:hover,.template-split-unit-toggle button:focus-visible{color:#e0f7ff;background:#0ea5e91a}.template-split-subtabs button.active,.template-split-choice-row button.active,.template-split-unit-toggle button.active{color:#fff;background:linear-gradient(135deg,#0ea5e9,#14b8a6);box-shadow:0 12px 28px #0ea5e933}.template-split-dynamic{gap:10px;display:grid}.template-split-detected-size{color:#c8d9ec;background:linear-gradient(135deg,#0ea5e91c,#14b8a612),#0f172a85;border:1px solid #7dd3fc2e;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px 11px;display:grid}.template-split-detected-size .template-split-mode-icon{color:#7dd3fc;background:linear-gradient(135deg,#0ea5e942,#14b8a62e);border:1px solid #7dd3fc33;border-radius:13px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.template-split-detected-size .template-split-mode-icon svg{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9px;width:21px;height:21px}.template-split-detected-size span:not(.template-split-mode-icon){color:#eaf7ff;font-size:.84rem;font-weight:950}.template-split-detected-size strong{color:#7dd3fc;white-space:nowrap;font-size:.9rem;font-weight:950}.template-split-field,.template-split-check{gap:8px;display:grid}.template-split-field span,.template-split-check span{color:#eaf7ff;font-size:.86rem;font-weight:950}.template-split-field input,.template-split-range-row input{color:#f8fafc;background:#0f172ac2;border:1px solid #7dd3fc38;border-radius:13px;min-height:42px;padding:9px 11px;font-weight:900}.template-split-field input:focus,.template-split-range-row input:focus{border-color:#0ea5e9bf;outline:0;box-shadow:0 0 0 4px #0ea5e91a}.template-split-range-list{gap:9px;display:grid}.template-split-range-row{background:#0f172a8a;border:1px solid #7dd3fc29;border-radius:16px;grid-template-columns:auto minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:8px;padding:10px;display:grid}.template-split-range-row b{color:#eaf7ff;white-space:nowrap;padding-bottom:11px;font-size:.82rem;font-weight:950}.template-split-range-row label{gap:5px;display:grid}.template-split-range-row label span{color:#9fb3ca;font-size:.72rem;font-weight:900}.template-split-range-row button,.template-split-add-range{color:#7dd3fc;cursor:pointer;background:#0ea5e91a;border:1px solid #7dd3fc3d;border-radius:12px;min-height:40px;font-weight:950}.template-split-range-row button{color:#fecaca;min-width:38px}.template-split-add-range:hover,.template-split-add-range:focus-visible,.template-split-range-row button:hover,.template-split-range-row button:focus-visible{background:#0ea5e92e;border-color:#7dd3fc85}.template-split-add-range:disabled{cursor:not-allowed;opacity:.62}.template-split-check{background:#0ea5e914;border:1px solid #7dd3fc29;border-radius:14px;grid-template-columns:auto minmax(0,1fr);align-items:center;padding:10px}.template-split-check input{accent-color:#14b8a6;width:20px;height:20px}.template-split-note{color:#c8d9ec;background:linear-gradient(135deg,#0ea5e91f,#14b8a614);border:1px solid #7dd3fc33;border-radius:14px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:8px;padding:10px;display:grid}.template-split-note span{color:#7dd3fc;background:#0ea5e92e;border-radius:999px;justify-content:center;align-items:center;width:22px;height:22px;font-size:.76rem;font-weight:950;display:inline-flex}.template-split-note p{margin:0;font-size:.8rem;font-weight:850;line-height:1.55}.template-split-smart{background:#0f172a85;border:1px solid #7dd3fc29;border-radius:16px;gap:7px;padding:12px;display:grid}.template-split-smart strong{color:#fff;font-weight:950}.template-split-smart p{color:#9fb3ca;margin:0;font-size:.82rem;font-weight:850;line-height:1.55}.template-split-smart code{color:#7dd3fc;text-align:start;direction:ltr;background:#02061752;border:1px solid #7dd3fc24;border-radius:12px;padding:9px 10px;font-weight:900;display:block}.template-tool-flow-runner[data-tool-id=split] .template-tool-file-board{grid-template-columns:minmax(0,1fr);align-content:start;justify-items:center}.template-tool-flow-runner[data-tool-id=split] .template-tool-file-card{display:grid}.template-tool-flow-runner[data-tool-id=split] .template-tool-file-board:has(.template-split-preview) .template-tool-file-card{display:none}.template-split-preview{gap:16px;width:100%;max-width:min(860px,100%);display:grid}.template-split-preview-heading{color:#eaf7ff;justify-content:space-between;align-items:center;gap:12px;display:flex}.template-split-preview-heading strong{font-size:1rem;font-weight:950}.template-split-preview-heading small,.template-split-preview-more{color:#9fb3ca;font-weight:850}.template-split-preview-grid{grid-template-columns:repeat(auto-fill,minmax(252px,272px));justify-content:center;gap:14px;display:grid}.template-split-preview-group{--split-thumb-height:130px;--split-thumb-width:96px;grid-template-rows:auto var(--split-thumb-height) auto;background:linear-gradient(#0f172ad6,#080f1cb8),#0f172ac7;border:1px dashed #7dd3fc42;border-radius:18px;gap:10px;min-height:220px;padding:14px;display:grid;box-shadow:0 22px 58px #02081738}.template-split-preview-group b{color:#f8fafc;text-align:center;font-weight:950}.template-split-preview-pages{grid-template-columns:var(--split-thumb-width) auto var(--split-thumb-width);justify-content:center;align-items:center;gap:10px;min-height:0;display:grid}.template-split-preview-pages>div{height:var(--split-thumb-height);min-height:0;width:var(--split-thumb-width);background:#fff;border-radius:12px;justify-content:center;align-items:center;padding:8px;display:flex;overflow:hidden;box-shadow:0 14px 30px #02081729}.template-split-preview-pages>div:only-child{min-width:0;width:var(--split-thumb-width);grid-column:1/-1;justify-self:center}.template-split-preview-pages img{max-height:calc(var(--split-thumb-height) - 10px);object-fit:contain;max-width:100%;display:block}.template-split-preview-pages span{color:#0f172a;font-size:1.65rem;font-weight:950}.template-split-preview-pages .template-split-thumb-fallback{color:#0f172a;font-size:inherit;place-items:center;gap:6px;line-height:1;display:grid}.template-split-thumb-fallback em{color:#fff;letter-spacing:0;background:linear-gradient(135deg,#0ea5e9,#14b8a6);border-radius:999px;padding:5px 9px;font-size:.72rem;font-style:normal;font-weight:950}.template-split-thumb-fallback strong{color:#0f172a;text-overflow:ellipsis;max-width:92px;font-size:clamp(1.1rem,2vw,1.55rem);font-weight:950;overflow:hidden}.template-split-preview-pages i{color:#7dd3fc;font-size:1.35rem;font-style:normal;font-weight:950}.template-split-preview-group small{color:#c8d9ec;text-align:center;font-weight:900}:root[data-theme=light] .template-split-tabs,:root[data-theme=light] .template-split-card,:root[data-theme=light] .template-split-range-row,:root[data-theme=light] .template-split-smart,:root[data-theme=light] .template-split-detected-size{background:#ffffffdb;border-color:#0ea5e92e}:root[data-theme=light] .template-split-tabs button b,:root[data-theme=light] .template-split-field span,:root[data-theme=light] .template-split-check span,:root[data-theme=light] .template-split-range-row b,:root[data-theme=light] .template-split-smart strong,:root[data-theme=light] .template-split-detected-size span:not(.template-split-mode-icon),:root[data-theme=light] .template-split-preview-heading{color:#0f172a}:root[data-theme=light] .template-split-tabs button small,:root[data-theme=light] .template-split-range-row label span,:root[data-theme=light] .template-split-smart p,:root[data-theme=light] .template-split-note p,:root[data-theme=light] .template-split-preview-heading small,:root[data-theme=light] .template-split-preview-more{color:#52637a}:root[data-theme=light] .template-split-field input,:root[data-theme=light] .template-split-range-row input{color:#0f172a;background:#fff;border-color:#0ea5e938}:root[data-theme=light] .template-split-note{background:linear-gradient(135deg,#f0f9fff5,#ffffffeb);border-color:#0ea5e933}:root[data-theme=light] .template-split-preview-group{background:#ffffffe0;border-color:#0f172a29}:root[data-theme=light] .template-split-preview-group b{color:#0f172a}:root[data-theme=light] .template-split-preview-group small{color:#52637a}@media (width<=760px){.template-split-tabs{border-radius:16px;grid-template-columns:1fr}.template-split-tabs button{border-bottom:1px solid #7dd3fc24;text-align:start;border-inline-end:0;grid-template-columns:auto minmax(0,1fr);justify-items:start;min-height:64px}.template-split-tabs button small{grid-column:2}.template-split-detected-size{grid-template-columns:auto minmax(0,1fr)}.template-split-detected-size strong{grid-column:2}.template-split-range-row{grid-template-columns:1fr 1fr auto}.template-split-range-row b{grid-column:1/-1;padding-bottom:0}.template-split-preview-grid{grid-template-columns:1fr}}.template-compress-flow-page.is-configuring .template-tool-flow-runner[data-tool-id=split] .template-tool-side-panel{flex-direction:column;min-height:0;max-height:calc(100svh - 75px);display:flex;overflow:hidden}.template-compress-flow-page.is-configuring .template-tool-flow-runner[data-tool-id=split] .template-tool-options.template-split-options-panel{flex:auto;min-height:0;padding:12px;overflow:hidden auto}.template-compress-flow-page.is-configuring .template-tool-flow-runner[data-tool-id=split] .template-tool-actions{flex:none;margin:0}.template-compress-flow-page.is-configuring .template-tool-flow-runner[data-tool-id=split] .template-tool-file-board{align-content:start;padding-top:clamp(42px,5vw,72px)}.template-compress-flow-page.is-configuring .template-tool-flow-runner[data-tool-id=split] .template-tool-file-board:has(.template-split-preview.is-single){align-content:start}.template-compress-flow-page.is-configuring .template-tool-flow-runner[data-tool-id=split] .template-tool-file-board:has(.template-split-preview.is-multiple){align-content:start}.template-split-preview{justify-self:center;margin-inline:auto}.template-split-preview.is-single{max-width:320px}.template-split-preview.is-single .template-split-preview-heading{text-align:center;flex-direction:column;justify-content:center}.template-split-preview.is-single .template-split-preview-grid{grid-template-columns:minmax(252px,272px)}.template-split-preview.is-multiple{max-width:min(960px,100%)}