.sp{--sp-ink:#10182b;--sp-muted:#556278;--sp-blue:#2557f5;--sp-blue-dark:#1642d6;--sp-blue-soft:#eef3ff;--sp-line:#e6eaf2;--sp-success:#0a7049;--sp-danger:#cc3f4a;font-family:var(--font-geist-sans),system-ui,-apple-system,sans-serif;color:var(--sp-ink);-webkit-font-smoothing:antialiased;display:block;background:#f6f8fd}.sp *,.sp :after,.sp :before{box-sizing:border-box}.sp :is(h1,h2,h3,p){text-wrap:pretty}.sp :is(a,button,input,select,summary):focus-visible{outline:3px solid rgba(37,87,245,.38);outline-offset:3px}.sp-skip-link{position:absolute;left:12px;top:12px;z-index:100;padding:10px 14px;border-radius:10px;background:var(--sp-ink);color:#fff;font-size:14px;font-weight:700;text-decoration:none;transform:translateY(-160%);transition:transform .15s ease}.sp-skip-link:focus,.sp-skip-link:focus-visible{transform:translateY(0);outline:3px solid rgba(37,87,245,.55);outline-offset:3px}.sp-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;height:70px;padding:0 max(24px,calc((100vw - 1180px) / 2));background:rgba(246,248,253,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(210,219,234,.7)}.sp-brand,.sp-brand-lockup{display:flex;align-items:center;gap:10px}.sp-brand{color:var(--sp-ink);font-size:21px;font-weight:800;letter-spacing:-.03em;text-decoration:none}.sp-brand span{color:var(--sp-blue)}.sp-brand-glyph{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#2557f5,#4f8dff);box-shadow:0 6px 16px rgba(37,87,245,.32)}.sp-beta{background:#eaf1ff;border:1px solid #cedbff;border-radius:99px;color:var(--sp-blue-dark);font-size:9px;font-weight:800;letter-spacing:.06em;padding:4px 7px;text-transform:uppercase}.sp-nav{display:flex;align-items:center;gap:34px}.sp-nav a{color:#303b50;font-size:14px;font-weight:600;text-decoration:none}.sp-nav a:hover{color:var(--sp-blue)}.sp-menu-button,.sp-mobile-nav{display:none}.sp-hero{position:relative;overflow:hidden;padding:64px 24px 96px}.sp-hero-dots{inset:0;background-image:radial-gradient(rgba(37,87,245,.1) .8px,transparent 0);background-size:20px 20px;mask-image:linear-gradient(180deg,black,transparent 62%);opacity:.4}.sp-hero-dots,.sp-hero-glow{position:absolute;pointer-events:none}.sp-hero-glow{border-radius:999px;filter:blur(8px);animation:sp-float 9s ease-in-out infinite}.sp-hero-glow-one{top:40px;left:-160px;width:420px;height:420px;background:rgba(74,114,255,.13)}.sp-hero-glow-two{top:180px;right:-200px;width:460px;height:460px;background:rgba(78,199,255,.12);animation-duration:11s;animation-direction:reverse}.sp-hero-copy{position:relative;z-index:1;max-width:820px;margin:0 auto;text-align:center}.sp-eyebrow{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid #dbe4ff;border-radius:999px;color:var(--sp-blue-dark);font-size:13px;font-weight:700;padding:7px 14px;box-shadow:0 2px 10px rgba(37,87,245,.06)}.sp-hero h1{font-size:clamp(44px,6.2vw,74px);font-weight:800;letter-spacing:-.045em;line-height:1;margin:22px 0 18px}.sp-hero h1 span{display:block;background:linear-gradient(120deg,#2557f5,#4f8dff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.sp-hero-copy>p{color:var(--sp-muted);font-size:clamp(17px,2vw,20px);line-height:1.55;margin:0 auto;max-width:600px}.sp-card{position:relative;z-index:1;max-width:940px;margin:40px auto 0;background:#fff;border:1px solid #e3e8f2;border-radius:26px;box-shadow:0 30px 80px rgba(32,55,100,.13),0 4px 14px rgba(32,55,100,.05);overflow:hidden;animation:sp-rise .5s ease both}.sp-mode-row{gap:8px;padding:14px 22px;border-bottom:1px solid #eef1f7;flex-wrap:wrap}.sp-mode-pill,.sp-mode-row{display:flex;align-items:center}.sp-mode-pill{gap:10px;flex:1;min-width:150px;padding:10px 12px;border-radius:13px;border:1px solid var(--sp-line);background:#fff;cursor:pointer;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.sp-mode-pill:hover{border-color:#b8c7ed}.sp-mode-pill.selected{border-color:var(--sp-blue);background:#f4f8ff;box-shadow:0 0 0 2px rgba(37,87,245,.08)}.sp-mode-dot{width:20px;height:20px;border-radius:99px;flex-shrink:0;border:2px solid #cad2e1;transition:border .16s ease}.sp-mode-pill.selected .sp-mode-dot{border:6px solid var(--sp-blue)}.sp-mode-text{display:flex;flex-direction:column;text-align:left;line-height:1.25}.sp-mode-text strong{font-size:13px;font-weight:700}.sp-mode-text small{font-size:11px;color:var(--sp-muted)}.sp-settings{background:#fbfcff;border-bottom:1px solid #eef1f7;padding:16px 22px}.sp-mode-desc{margin:0 0 12px;font-size:12px;color:var(--sp-muted);line-height:1.5}.sp-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sp-field{background:#fff;border:1px solid var(--sp-line);border-radius:14px;padding:13px 15px;display:flex;flex-direction:column;gap:9px}.sp-field>span{font-size:12px;font-weight:700;color:#344057}.sp-field select{width:100%;border:1px solid #d5ddf2;border-radius:9px;padding:8px 10px;font:inherit;font-size:13px;font-weight:600;color:#3f4b62;background:#fff;cursor:pointer}.sp-field.disabled{opacity:.5}.sp-slider{grid-column:1/-1;background:#fff;border:1px solid var(--sp-line);border-radius:14px;padding:13px 15px}.sp-slider.disabled{opacity:.5}.sp-slider-head{display:flex;justify-content:space-between;font-size:12px;font-weight:700;color:#344057;margin-bottom:9px}.sp-slider-head output{color:var(--sp-blue);font-family:var(--font-geist-mono),monospace}.sp-slider input[type=range]{width:100%;accent-color:var(--sp-blue)}.sp-slider-scale{display:flex;justify-content:space-between;font-size:10px;font-weight:600;color:var(--sp-muted);margin-top:4px}.sp-quality-warning{display:block;margin-top:8px;background:#fff3f1;border:1px solid #f0d1cc;border-radius:8px;color:#a33c32;font-size:10px;font-weight:700;line-height:1.4;padding:7px 8px}.sp-toggle{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border:1px solid var(--sp-line);border-radius:14px;padding:13px 15px;cursor:pointer}.sp-toggle span{display:flex;flex-direction:column;gap:3px}.sp-toggle strong{font-size:12px;font-weight:700}.sp-toggle small{font-size:11px;color:var(--sp-muted)}.sp-toggle input{width:20px;height:20px;accent-color:var(--sp-blue);cursor:pointer;flex-shrink:0}.sp-dropzone-wrap{padding:22px}.sp-dropzone{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;min-height:290px;padding:38px 24px 30px;border-radius:20px;border:2px dashed #cbd5e8;background:linear-gradient(180deg,#fff,#fbfcff);transition:background .16s ease,border-color .16s ease,transform .16s ease}.sp-dropzone.dragging,.sp-dropzone:hover{background:#f4f8ff;border-color:var(--sp-blue)}.sp-dropzone.dragging{transform:scale(.995)}.sp-dropzone input{position:absolute;width:1px;height:1px;opacity:0}.sp-upload-circle{display:flex;align-items:center;justify-content:center;width:66px;height:66px;border-radius:20px;background:var(--sp-blue-soft);color:var(--sp-blue);margin-bottom:16px}.sp-dropzone>strong{font-size:22px;font-weight:700;letter-spacing:-.02em}.sp-dropzone>span{color:var(--sp-muted);font-size:14px;margin-top:7px}.sp-dropzone>b{margin-top:20px;background:linear-gradient(135deg,#2557f5,#3d7bff);border-radius:12px;box-shadow:0 8px 18px rgba(37,87,245,.24);color:#fff;font-size:14px;font-weight:700;padding:13px 26px}.sp-dropzone>small{color:var(--sp-muted);font-size:11px;margin-top:14px}.sp-folder-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.sp-folder-btn{display:block;margin:12px auto 0;padding:10px 18px;border:1px solid #cbd5e8;border-radius:12px;background:#fff;color:var(--sp-ink,#0f1b33);font-size:13px;font-weight:600;cursor:pointer}.sp-folder-btn:hover{border-color:var(--sp-blue);background:#f4f8ff}.sp-consent{color:var(--sp-muted);font-size:10px;line-height:1.5;margin:14px 4px 0;text-align:center}.sp-consent a{color:#52637f;font-weight:700}.sp-beta-line{color:var(--sp-muted);font-size:11px;margin:7px 4px 0;text-align:center}.sp-beta-line a,.sp-local-note{color:var(--sp-blue-dark);font-weight:700}.sp-local-note{display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;margin:12px 4px 0;text-align:center}.sp-local-note svg{flex-shrink:0}.sp-notice{display:flex;align-items:center;gap:8px;background:#fff8e9;border:1px solid #f1dfb4;border-radius:12px;color:#765413;font-size:12px;margin-top:14px;padding:11px 13px}.sp-notice svg{flex-shrink:0}.sp-example{margin-top:16px;gap:14px;background:#f7f9fd;border:1px solid #eaeef6;border-radius:14px;padding:13px 16px}.sp-example,.sp-example-copy{display:flex;align-items:center}.sp-example-copy{gap:8px;flex-wrap:wrap;font-size:12px;color:var(--sp-muted)}.sp-example-copy b{font-family:var(--font-geist-mono),monospace;font-size:13px;font-weight:600}.sp-example-copy b.in{color:#3f4b62}.sp-example-copy b.out{color:var(--sp-success);font-weight:700}.sp-example-copy svg{color:#556278}.sp-queue{padding:0 22px 22px}.sp-queue-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sp-queue-header>div{display:flex;align-items:baseline;gap:8px}.sp-queue-header strong{font-size:14px;font-weight:700}.sp-queue-header>div span{color:var(--sp-muted);font-size:12px;font-family:var(--font-geist-mono),monospace}.sp-queue-header button{display:flex;align-items:center;gap:6px;background:transparent;border:0;color:#687389;font-size:12px;cursor:pointer}.sp button:disabled{cursor:not-allowed;opacity:.55}.sp-progress{background:#f4f7ff;border:1px solid #dbe4ff;border-radius:14px;margin-bottom:13px;padding:13px 14px}.sp-progress-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.sp-progress-head>div{min-width:0}.sp-progress-head strong{display:block;font-size:13px}.sp-progress-head span{display:block;color:var(--sp-muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-progress-actions{display:flex;gap:7px;flex-shrink:0}.sp-progress-actions button{display:flex;align-items:center;gap:6px;justify-content:center;min-height:34px;padding:0 11px;border-radius:9px;border:1px solid #cfd9f2;background:#fff;color:var(--sp-blue-dark);font-size:11px;font-weight:700;cursor:pointer}.sp-progress-actions .cancel{border-color:#eed2d5;color:var(--sp-danger)}.sp-progress-track{background:#dfe6f7;border-radius:999px;height:7px;margin-top:11px;overflow:hidden}.sp-progress-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2557f5,#54a5ff);transition:width .22s ease}.sp-queue-list{display:grid;gap:8px;max-height:340px;overflow:auto;padding-right:3px}.sp-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;min-height:70px;background:#fbfcff;border:1px solid #e7ebf2}.sp-item.done{background:#f8fffc;border-color:#d4eee4}.sp-item.error{background:#fffafa;border-color:#f0d6d9}.sp-item img{object-fit:cover}.sp-item img,.sp-thumb-fallback{width:48px;height:48px;border-radius:10px;background:#edf0f5;flex-shrink:0}.sp-thumb-fallback{display:flex;align-items:center;justify-content:center;color:#556278}.sp-item-details{min-width:0;flex:1}.sp-item-details>strong{display:block;font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-item-details>span{display:block;color:var(--sp-muted);font-size:11px;margin-top:5px}.sp-working{display:flex!important;align-items:center;gap:7px;color:var(--sp-blue)!important;font-weight:600}.sp-error{color:var(--sp-danger)!important;font-weight:600}.sp-result{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:11px;color:var(--sp-muted);font-family:var(--font-geist-mono),monospace}.sp-result b{color:#556278;font-weight:500}.sp-result em{font-style:normal;font-family:var(--font-geist-sans),sans-serif;background:#dff7ed;color:var(--sp-success);border-radius:99px;font-size:10px;font-weight:700;padding:3px 7px;margin-left:2px}.sp-result em.converted{background:var(--sp-blue-soft);color:var(--sp-blue-dark)}.sp-result em.kept{background:#eef1f6;color:#4b5568}.sp-result em.target-met{background:#dff7ed;color:var(--sp-success)}.sp-result em.target-miss{background:#fdf1dc;color:#8a5c0a}.sp-resize-ask{background:var(--sp-blue-soft);border:1px solid #d5e2ff;border-radius:12px;margin:0 0 12px;padding:13px 15px}.sp-resize-ask p{color:#33415c;font-size:12.5px;line-height:1.55;margin:0 0 10px}.sp-resize-ask p strong{color:var(--sp-ink,#10182b)}.sp-resize-ask-actions{display:flex;flex-wrap:wrap;gap:8px}.sp-resize-ask-actions button{background:var(--sp-blue);border:0;border-radius:9px;color:#fff;cursor:pointer;font-size:12.5px;font-weight:650;padding:8px 14px}.sp-resize-ask-actions button:hover{background:var(--sp-blue-dark)}.sp-resize-ask-actions button.sp-resize-keep{background:#fff;border:1px solid #cad2e1;color:#33415c}.sp-resize-ask-actions button.sp-resize-keep:hover{background:#f4f6fb}.sp-item-details>.sp-stats{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.sp-stats>span{display:inline-flex;align-items:center;gap:3px;background:#f1f3f7;color:#4b5568;border-radius:6px;font-size:10px;font-weight:600;padding:2px 6px;white-space:nowrap}.sp-stats .sp-chip-quality{background:#dff7ed;color:var(--sp-success)}.sp-stats .sp-chip-meta{background:var(--sp-blue-soft);color:var(--sp-blue-dark)}.sp-why{display:flex;align-items:flex-start;gap:5px;color:#687389;font-size:11px;line-height:1.5;margin:7px 0 0}.sp-why svg{color:var(--sp-blue);flex-shrink:0;margin-top:2px}.sp-item-actions{display:flex;gap:6px;flex-shrink:0}.sp-icon-btn{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:9px;border:1px solid #e1e6ef;background:#fff;color:var(--sp-muted);cursor:pointer}.sp-icon-btn.download{color:var(--sp-blue)}.sp-spinner,.sp-working i{width:12px;height:12px;border:2px solid #d5ddf2;border-top:2px solid var(--sp-blue);border-radius:999px;display:inline-block;animation:sp-spin .8s linear infinite}.sp-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;background:linear-gradient(120deg,#f0f6ff,#eefbf4);border:1px solid #d8e8ff;border-radius:16px;padding:16px 18px;animation:sp-pop .4s ease both}.sp-summary small{display:block;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--sp-muted)}.sp-summary strong{display:block;font-size:24px;font-weight:800;letter-spacing:-.02em;margin:2px 0}.sp-summary>div>span{display:block;font-size:12px;font-weight:700;color:var(--sp-success)}.sp-summary .sp-speed{color:var(--sp-muted);font-weight:600;margin-top:5px}.sp-summary>button{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #cfdbfa;color:var(--sp-blue-dark);font-size:13px;font-weight:700;border-radius:12px;padding:0 18px;min-height:46px;cursor:pointer;flex-shrink:0}.sp-zip-parts{background:#fbfcff;border:1px solid var(--sp-line);border-radius:14px;margin-top:10px;padding:14px}.sp-zip-parts>div:first-child strong{display:block;font-size:12px}.sp-zip-parts>div:first-child span{display:block;color:var(--sp-muted);font-size:10px;line-height:1.5;margin-top:3px}.sp-zip-buttons{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}.sp-zip-buttons button{display:flex;align-items:center;gap:5px;min-height:36px;padding:0 10px;border-radius:9px;border:1px solid #cfd9f2;background:#fff;color:var(--sp-blue-dark);font-size:11px;font-weight:700;cursor:pointer}.sp-zip-buttons button small{color:var(--sp-muted);font-size:9px;margin-left:3px}.sp-compress,.sp-retry{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:14px;border-radius:12px;cursor:pointer;font-weight:700}.sp-retry{min-height:44px;border:1px solid #cfd9f2;background:#fff;color:var(--sp-blue-dark);font-size:13px}.sp-compress{min-height:52px;border:0;color:#fff;font-size:14px;background:linear-gradient(135deg,#2557f5,#3d7bff);box-shadow:0 9px 22px rgba(37,87,245,.24)}.sp-trust{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #eef1f7;background:#fafbfe}.sp-trust span{display:flex;align-items:center;justify-content:center;gap:8px;min-height:60px;font-size:12px;font-weight:600;color:#536078}.sp-trust span+span{border-left:1px solid #eef1f7}.sp-trust svg{color:var(--sp-blue)}.sp-section-heading{text-align:center}.sp-section-heading>span{color:var(--sp-blue);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.sp-section-heading h2{font-size:clamp(34px,4.2vw,50px);font-weight:800;letter-spacing:-.04em;line-height:1.05;margin:14px 0 12px}.sp-section-heading p{color:var(--sp-muted);font-size:17px;margin:0}.sp-how{max-width:1120px;margin:0 auto;padding:96px 24px}.sp-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:46px;text-align:left}.sp-steps article{position:relative;background:#fff;border:1px solid var(--sp-line);border-radius:22px;padding:28px;min-height:210px}.sp-step-num{position:absolute;top:24px;right:26px;color:#556278;font-size:12px;font-weight:800;letter-spacing:.1em}.sp-step-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:14px;background:var(--sp-blue-soft);color:var(--sp-blue);margin-top:24px}.sp-steps h3{font-size:18px;font-weight:700;margin:20px 0 8px}.sp-steps p{color:var(--sp-muted);font-size:13.5px;line-height:1.6;margin:0}.sp-privacy{max-width:1120px;padding:20px 24px 96px;display:grid;grid-template-columns:1fr 1fr;gap:70px}.sp-privacy,.sp-privacy-art{margin:0 auto;align-items:center}.sp-privacy-art{position:relative;aspect-ratio:1;max-width:440px;width:100%;border-radius:36px;background:radial-gradient(circle,#eef4ff 0,#f8faff 68%);display:flex;justify-content:center;overflow:hidden}.sp-ring{position:absolute;border:1px solid #cfdcff;border-radius:50%}.sp-ring.one{width:250px;height:250px}.sp-ring.two{width:380px;height:380px;border-color:#dbe6ff}.sp-shield{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:116px;height:116px;border-radius:30px;background:#fff;border:1px solid #d9e3ff;box-shadow:0 20px 45px rgba(37,87,245,.16);color:var(--sp-blue);transform:rotate(-4deg)}.sp-privacy-copy>span{color:var(--sp-blue);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.sp-privacy-copy h2{font-size:clamp(32px,4vw,48px);font-weight:800;letter-spacing:-.04em;line-height:1.05;margin:14px 0}.sp-privacy-copy>p{color:var(--sp-muted);font-size:16px;line-height:1.65;max-width:500px;margin:0}.sp-privacy-copy ul{display:grid;gap:13px;list-style:none;margin:26px 0 0;padding:0}.sp-privacy-copy li{display:flex;align-items:center;gap:10px;color:#3f4c64;font-size:14px;font-weight:600}.sp-privacy-copy li svg{background:#e4f7ef;border-radius:50%;color:var(--sp-success);padding:3px;flex-shrink:0}.sp-privacy-link{display:inline-block;color:var(--sp-blue-dark);font-size:13px;font-weight:700;margin-top:25px;text-decoration:none}.sp-privacy-link:hover{text-decoration:underline}.sp-formats{max-width:1120px;margin:0 auto;padding:0 24px 96px}.sp-format-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:40px}.sp-format-grid article{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid var(--sp-line);border-radius:20px;padding:24px}.sp-format-badge{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:52px;height:52px;border-radius:14px;font-size:12px;font-weight:800;letter-spacing:-.02em}.sp-format-badge.jpeg{background:#e8efff;color:#2450cf}.sp-format-badge.png{background:#e7f8f0;color:#137453}.sp-format-badge.webp{background:#f0eaff;color:#6d39c5}.sp-format-badge.avif{background:#fff0e8;color:#b14a12}.sp-format-badge.heic{background:#f1f3f7;color:#4e5a70}.sp-format-grid h3{font-size:17px;font-weight:700;margin:0 0 6px}.sp-format-grid p{color:var(--sp-muted);font-size:13px;line-height:1.6;margin:0}.sp-faq{max-width:820px;margin:0 auto;padding:0 24px 110px}.sp-faq .sp-section-heading{margin-bottom:40px}.sp-faq-list{display:grid;gap:10px}.sp-faq-item{background:#fff;border:1px solid var(--sp-line);border-radius:16px;overflow:hidden;transition:border-color .16s ease}.sp-faq-item.open{border-color:#cfdbfa}.sp-faq-item>button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;background:transparent;border:0;padding:20px 22px;cursor:pointer;text-align:left}.sp-faq-item strong{font-size:15px;font-weight:700}.sp-faq-chevron{display:flex;flex-shrink:0;transition:transform .2s ease}.sp-faq-item.open .sp-faq-chevron{transform:rotate(180deg)}.sp-faq-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .24s ease;overflow:hidden}.sp-faq-item.open .sp-faq-body{grid-template-rows:1fr}.sp-faq-body>p{margin:0;padding:0 22px 20px;color:var(--sp-muted);font-size:14px;line-height:1.65;min-height:0}.sp-compare-overlay{position:fixed;inset:0;z-index:60;background:rgba(9,14,28,.66);display:flex;align-items:center;justify-content:center;padding:20px;animation:sp-rise .2s ease both}.sp-compare-panel{background:#fff;border-radius:18px;box-shadow:0 24px 70px rgba(9,14,28,.45);max-width:900px;width:100%;max-height:92vh;overflow:hidden;display:flex;flex-direction:column}.sp-compare-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;border-bottom:1px solid var(--sp-line)}.sp-compare-header>div{min-width:0}.sp-compare-header strong{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-compare-header span{color:var(--sp-muted);font-size:12px}.sp-compare-stage{position:relative;flex:1;min-height:340px;background:conic-gradient(#e9edf5 25%,#f7f9fd 0 50%,#e9edf5 0 75%,#f7f9fd 0) 0 0 /22px 22px}.sp-compare-stage img{width:100%;height:100%;object-fit:contain}.sp-compare-clip,.sp-compare-stage img{position:absolute;inset:0}.sp-compare-divider{position:absolute;top:0;bottom:0;width:2px;background:#fff;box-shadow:0 0 0 1px rgba(9,14,28,.25);transform:translateX(-1px);pointer-events:none}.sp-compare-tag{position:absolute;top:12px;border-radius:99px;color:#fff;font-size:11px;font-weight:600;padding:4px 10px}.sp-compare-tag.original{left:12px;background:rgba(12,20,40,.72)}.sp-compare-tag.output{right:12px;background:rgba(37,87,245,.9)}.sp-compare-slider{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.sp-compare-hint{margin:0;padding:12px 18px;text-align:center;color:var(--sp-muted);font-size:12px}@keyframes sp-spin{to{transform:rotate(1turn)}}@keyframes sp-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes sp-pop{0%{transform:scale(.9);opacity:0}60%{transform:scale(1.03)}to{transform:scale(1);opacity:1}}@keyframes sp-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:760px){.sp-nav{display:none}.sp-menu-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-right:-4px;background:transparent;border:0;border-radius:10px;color:var(--sp-ink);cursor:pointer}.sp-mobile-nav{display:grid;gap:2px;position:absolute;right:14px;top:62px;width:190px;background:#fff;border:1px solid var(--sp-line);border-radius:15px;box-shadow:0 14px 35px rgba(26,43,79,.13);padding:8px}.sp-mobile-nav a{border-radius:10px;padding:11px 12px;color:#303b50;font-size:14px;font-weight:600;text-decoration:none}.sp-mobile-nav a:hover{background:var(--sp-blue-soft);color:var(--sp-blue)}.sp-hero{padding:48px 14px 65px}.sp-controls{grid-template-columns:1fr}.sp-summary{flex-direction:column;align-items:stretch;gap:13px}.sp-summary>button{width:100%;justify-content:center}.sp-zip-buttons{display:grid;grid-template-columns:1fr 1fr}.sp-zip-buttons button{justify-content:center}.sp-progress-head{flex-direction:column;align-items:stretch;gap:10px}.sp-progress-actions button{flex:1}.sp-trust span{flex-direction:column;gap:5px;font-size:10px;padding:12px 5px;text-align:center}.sp-formats,.sp-how,.sp-privacy{padding-left:18px;padding-right:18px}.sp-how{padding-top:75px;padding-bottom:75px}.sp-steps{margin-top:34px}.sp-privacy,.sp-steps{grid-template-columns:1fr}.sp-privacy{gap:45px}.sp-privacy-art{max-width:390px}.sp-format-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.sp *,.sp :after,.sp :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}