:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17131f;background:#fff;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.dynamic-motricialy-shell,.dynamic-tool-main{width:100%;max-width:none;margin:0;padding:0}.dynamic-header-mount,.local-site-header{min-height:74px}.dynamic-header-mount #site-header,.dynamic-footer-mount #footer{position:relative;z-index:20}.local-site-header{position:relative;z-index:20;background:#fff;border-bottom:1px solid #ececec}.local-header-inner{width:1200px;max-width:90%;min-height:74px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:28px}.local-brand{display:inline-flex;flex:none;color:inherit;text-decoration:none}.local-logo-mark{display:block;width:120px;height:58px;background:#fff url(https://motricialy.com/wp-content/uploads/2024/06/motricialy-new-logo-long-small.jpg) center/contain no-repeat}.local-logo-mark>*{display:none}.local-desktop-nav{display:flex;align-items:center;justify-content:flex-end;gap:22px;min-width:0}.local-desktop-nav a{color:#222;text-decoration:none;font-size:14px;font-weight:500;white-space:nowrap}.local-desktop-nav a:hover{color:#6f4be8}.local-search-link{font-size:20px!important;line-height:1}.local-mobile-menu{display:none;position:relative}.local-mobile-menu summary{display:flex;align-items:center;gap:10px;padding:10px 0;color:#252525;list-style:none;cursor:pointer;font-size:14px;font-weight:600}.local-mobile-menu summary::-webkit-details-marker{display:none}.local-mobile-menu nav{position:absolute;top:calc(100% + 8px);right:0;width:min(280px,calc(100vw - 28px));padding:10px;background:#fff;border:1px solid #ece7f0;border-radius:12px;box-shadow:0 14px 34px #2316361f}.local-mobile-menu nav a{display:block;padding:10px 12px;color:#222;text-decoration:none;border-radius:8px;font-size:14px}.local-mobile-menu nav a:hover{background:#f8f6ff;color:#5d35cc}.fallback-site-footer{background:#202020;color:#fff}.fallback-footer-main{background:#202020}.fallback-footer-grid{width:1200px;max-width:90%;min-height:350px;margin:0 auto;padding:32px 0 28px;display:grid;grid-template-columns:1.05fr 1.05fr 1fr 1.1fr;gap:30px;align-items:start}.fallback-footer-brand{display:inline-flex;color:inherit;text-decoration:none}.local-logo-mark.local-logo-mark-large{width:300px;max-width:100%;height:188px;background:transparent url(https://motricialy.com/wp-content/uploads/2024/06/motricialy-footer-1.png) left center/contain no-repeat}.fallback-footer-about p{margin:18px 0;color:#fff;font-size:15px;line-height:1.8}.fallback-social-links{display:flex;align-items:center;gap:12px}.fallback-social-links a{width:34px;height:34px;display:grid;place-items:center;color:#fff;border:1px solid #555;border-radius:50%;text-decoration:none;font-size:14px;font-weight:800}.fallback-social-links a:hover{border-color:#815ff0;background:#2b2535}.fallback-footer-column h2{margin:6px 0 25px;color:#d7d7d7;font-size:21px;font-weight:700}.fallback-footer-column>a,.fallback-section-links a{display:block;color:#fff;text-decoration:none;font-size:15px;line-height:1.4}.fallback-footer-column>a{margin-bottom:26px}.fallback-section-links{display:grid;grid-template-columns:1fr 1fr;gap:22px 24px;margin-top:24px}.fallback-newsletter h3{margin:6px 0 20px;padding-left:14px;color:#fff;border-left:3px solid #6f4be8;font-size:14px}.fallback-newsletter>p{margin:0 0 13px;color:#fff;font-size:15px;line-height:1.7}.fallback-newsletter-form{min-height:50px;display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding:0 15px;color:#aaa;border:1px solid #505050;border-radius:3px;font-size:13px}.fallback-newsletter-form b{display:grid;place-items:center;min-width:53px;height:30px;color:#fff;background:#6f4be8;border:1px solid #fff;border-radius:2px;font-size:13px;letter-spacing:1px}.fallback-gdpr{display:flex;align-items:center;gap:10px;margin-top:14px;color:#fff;font-size:14px}.fallback-checkbox{width:16px;height:16px;background:#fff;border:1px solid #999}.fallback-footer-bottom{min-height:44px;display:grid;place-items:center;padding:10px 20px;color:#9f9f9f;background:#181818;border-top:1px solid #252525;font-size:12px;text-align:center}.image-compressor-tool{--purple-950: #2e155f;--purple-900: #3c1d7d;--purple-800: #4d28a6;--purple-700: #5d35cc;--purple-600: #6f4be8;--purple-500: #815ff0;--purple-400: #9b7cf4;--purple-300: #bca9f8;--purple-200: #d9cffb;--purple-100: #eee9ff;--purple-50: #f8f6ff;--ink: #17131f;--muted: #6d6875;--border: #e7e1f0;--panel: #faf9fc;--shadow: 0 13px 36px rgba(65,36,126,.07);--shadow-hover: 0 17px 40px rgba(73,38,145,.12);color:var(--ink);background:linear-gradient(180deg,#faf8ff 0,#fff 480px);font-size:16px;line-height:1.5}.image-compressor-tool a{color:var(--purple-700)}.tool-page{padding:58px 20px 78px}.hero-copy{width:min(980px,100%);margin:0 auto 30px;text-align:center}.eyebrow,.section-label,.mini-label{color:var(--purple-600);font-size:11px;font-weight:800;letter-spacing:.12em}.hero-copy h1{margin:10px 0 14px;color:#18181b;font-size:clamp(44px,5vw,52px);line-height:1.05;letter-spacing:-1.7px;font-weight:800}.hero-copy p{width:min(760px,100%);margin:0 auto;color:#676170;font-size:16px;line-height:1.65}.trust-row{margin:17px auto 0;display:flex;justify-content:center;gap:18px;color:#7c7684;font-size:13px}.trust-row span{display:inline-flex;align-items:center;gap:6px}.trust-row i{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:var(--purple-100);color:var(--purple-700);font-style:normal;font-size:11px;font-weight:900}.upload-stage{width:min(1200px,100%);margin:0 auto}.upload-zone{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px 28px;text-align:center;cursor:pointer;background:#fff;border:1.5px dashed #cec3df;border-radius:20px;box-shadow:var(--shadow);transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;outline:none}.upload-zone:hover,.upload-zone:focus-visible,.upload-zone.is-dragging{border-color:var(--purple-500);background:#fdfcff;box-shadow:0 16px 42px #4926911c}.upload-zone:focus-visible{box-shadow:0 0 0 4px #6f4be829,0 16px 42px #4926911c}.upload-icon{width:62px;height:62px;display:grid;place-items:center;margin-bottom:17px;border-radius:18px;color:var(--purple-600);background:var(--purple-50);border:1px solid var(--purple-100)}.upload-zone strong{color:#25202d;font-size:20px;line-height:1.35}.upload-zone p{margin:8px 0 18px;color:#7d7685;font-size:14px}.choose-image-button{min-width:148px;min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding:0 22px;color:#fff;background:var(--purple-600);border-radius:11px;font-size:14px;font-weight:800;box-shadow:0 7px 16px #5d35cc33}.upload-zone small{margin-top:13px;color:#948e9c;font-size:12px}.tool-alert{margin:12px 0 0;padding:11px 13px;border-radius:10px;font-size:13px}.tool-alert.error{color:#994343;background:#fff6f6;border:1px solid #ffdcdc}.tool-alert.success{color:#25623a;background:#f2fbf5;border:1px solid #c9ead4}.workspace-shell{width:min(1600px,100%);margin:0 auto}.workspace-topbar{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px;padding:11px 15px;background:#fff;border:1px solid var(--border);border-radius:15px;box-shadow:0 8px 24px #41247e0a}.workspace-topbar>div:first-child{display:grid;gap:2px}.workspace-topbar strong{font-size:14px}.workspace-topbar span{color:var(--muted);font-size:12px}.topbar-actions{display:flex;gap:8px}.secondary-btn,.ghost-btn,.zip-btn,.download-btn{min-height:42px;border-radius:10px;cursor:pointer;font-weight:800;transition:.18s ease}.secondary-btn{padding:0 15px;color:var(--purple-700);background:var(--purple-50);border:1px solid var(--purple-200)}.secondary-btn:hover{border-color:var(--purple-400);background:#fff}.ghost-btn{padding:0 14px;color:#6f6876;background:#fff;border:1px solid #e7e2ea}.ghost-btn:hover{color:#3f3945;border-color:#ccc4d2}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:18px;align-items:start}.preview-column{min-width:0;display:grid;gap:14px}.preview-card,.settings-card,.results-panel{background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow)}.preview-card{overflow:hidden}.preview-head{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 16px;border-bottom:1px solid #eeeaf2}.preview-head>div{min-width:0;display:grid;gap:2px}.preview-head strong{max-width:760px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.preview-head>span{flex:none;color:#6d6674;font-size:12px;font-weight:700}.compare-stage{position:relative;height:520px;overflow:hidden;display:grid;place-items:center;background-color:#f2f0f5;background-image:linear-gradient(45deg,#e9e6ed 25%,transparent 25%),linear-gradient(-45deg,#e9e6ed 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e9e6ed 75%),linear-gradient(-45deg,transparent 75%,#e9e6ed 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.compare-media{position:absolute;top:0;right:0;bottom:0;left:0}.compare-media-incoming{z-index:1;animation:preview-swap-in .18s ease-out both}.compare-media-outgoing{z-index:0;animation:preview-swap-out .18s ease-out both;pointer-events:none}.compare-original,.compare-result-wrap,.compare-result{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}@keyframes preview-swap-in{0%{opacity:0}to{opacity:1}}@keyframes preview-swap-out{0%{opacity:1}to{opacity:0}}.compare-original,.compare-result{object-fit:contain;padding:22px}.compare-result-wrap{overflow:hidden}.compare-divider{position:absolute;top:0;bottom:0;width:2px;transform:translate(-1px);background:#fff;box-shadow:0 0 0 1px #2319312e,0 0 12px #140f1e2e;z-index:4;pointer-events:none}.compare-divider span{position:absolute;top:50%;left:50%;width:34px;height:34px;transform:translate(-50%,-50%);border-radius:50%;background:#fff;border:1px solid #d9d2e1;box-shadow:0 5px 16px #23193124}.compare-divider span:before,.compare-divider span:after{content:"";position:absolute;top:50%;width:0;height:0;transform:translateY(-50%);border-top:5px solid transparent;border-bottom:5px solid transparent}.compare-divider span:before{left:8px;border-right:6px solid var(--purple-600)}.compare-divider span:after{right:8px;border-left:6px solid var(--purple-600)}.compare-label{position:absolute;top:14px;z-index:5;padding:6px 9px;border-radius:8px;color:#fff;background:#1f1b25b8;font-size:11px;font-weight:800}.compare-label.original{left:14px}.compare-label.compressed{right:14px}.compare-stage-range{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}.compare-stage-range:disabled{cursor:wait}.compare-stage-range:focus-visible+.preview-overlay{outline:none}.compare-stage:focus-within{box-shadow:inset 0 0 0 3px #6f4be829}.preview-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:grid;place-items:center;color:#5d5667;background:#ffffffb8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);font-size:13px;font-weight:800}.compare-control{display:grid;grid-template-columns:115px 1fr;gap:14px;align-items:center;padding:13px 16px;border-top:1px solid #eeeaf2;color:#5e5866;font-size:12px;font-weight:800}.compare-control input,.purple-range{width:100%;accent-color:var(--purple-600)}.preview-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #eeeaf2}.preview-stats>div{min-width:0;padding:12px 14px;border-right:1px solid #eeeaf2}.preview-stats>div:last-child{border-right:0}.preview-stats span{display:block;color:#8a8391;font-size:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:800}.preview-stats strong{display:block;margin-top:3px;color:#2d2833;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-stats strong.positive{color:#337a52}.preview-stats strong.negative{color:#a54f4f}.image-queue{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.queue-item{position:relative;min-width:0;display:grid;grid-template-columns:58px minmax(0,1fr) 36px;gap:10px;align-items:center;padding:9px;color:inherit;text-align:left;background:#fff;border:1px solid var(--border);border-radius:13px;cursor:pointer;transition:.16s ease}.queue-item:hover{border-color:var(--purple-300);box-shadow:0 7px 18px #41247e0f}.queue-item.active{border-color:var(--purple-500);box-shadow:0 0 0 2px #6f4be814}.queue-item>img{width:58px;height:48px;object-fit:cover;border-radius:8px;background:#f0edf4}.queue-copy{min-width:0;display:grid;gap:2px}.queue-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.queue-copy small{color:#8a8490;font-size:10px}.remove-queue{width:34px;height:34px;display:grid;place-items:center;color:#938b9a;border-radius:8px}.remove-queue:hover,.remove-queue:focus-visible{color:#a44848;background:#fff3f3;outline:none}.settings-card{position:sticky;top:16px;padding:18px}.settings-heading{margin-bottom:15px}.settings-heading h2{margin:4px 0 5px;font-size:20px;letter-spacing:-.3px}.settings-heading p{margin:0;color:#77707e;font-size:12px;line-height:1.55}.mode-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:16px;padding:4px;background:#f3f0f7;border-radius:11px}.mode-tabs button{min-height:39px;color:#766f7d;background:transparent;border:0;border-radius:8px;cursor:pointer;font-size:12px;font-weight:800}.mode-tabs button.active{color:var(--purple-700);background:#fff;box-shadow:0 2px 8px #41247e17}.setting-block{margin-top:14px;padding-top:14px;border-top:1px solid #eeeaf2}.setting-block.compact{padding-top:12px}.field-label,.slider-label label{display:block;margin-bottom:7px;color:#4d4754;font-size:12px;font-weight:800}.number-with-unit{height:48px;display:grid;grid-template-columns:1fr 48px;overflow:hidden;border:1px solid #dcd6e3;border-radius:10px;background:#fff}.number-with-unit:focus-within{border-color:var(--purple-500);box-shadow:0 0 0 3px #6f4be817}.number-with-unit input{width:100%;min-width:0;padding:0 12px;border:0;outline:0;color:#2e2933;font-weight:800}.number-with-unit span{display:grid;place-items:center;color:#766f7d;background:#faf8fc;border-left:1px solid #e5e0e9;font-size:12px;font-weight:800}.preset-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.preset-row button,.format-grid button{min-height:36px;padding:0 10px;color:#6e6775;background:#fff;border:1px solid #e2dce7;border-radius:8px;cursor:pointer;font-size:11px;font-weight:800}.preset-row button:hover,.format-grid button:hover{border-color:var(--purple-300);color:var(--purple-700)}.preset-row button.active,.format-grid button.active{color:var(--purple-700);background:var(--purple-50);border-color:var(--purple-400)}.toggle-row{display:grid;grid-template-columns:20px 1fr;gap:9px;align-items:start;margin-top:12px;cursor:pointer}.toggle-row input{width:17px;height:17px;margin:2px 0 0;accent-color:var(--purple-600)}.toggle-row span{display:grid;gap:2px}.toggle-row b{color:#4d4754;font-size:12px}.toggle-row small{color:#8b8491;font-size:10.5px;line-height:1.45}.slider-label{display:flex;align-items:center;justify-content:space-between;gap:15px}.slider-label strong{color:var(--purple-700);font-size:12px}.purple-range{height:24px}.range-ends{display:flex;justify-content:space-between;color:#9a939f;font-size:10px}.format-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.setting-note{margin:9px 0 0;padding:9px 10px;color:#706778;background:var(--purple-50);border-radius:9px;font-size:10.5px;line-height:1.5}.primary-action{width:100%;min-height:50px;margin-top:17px;color:#fff;background:var(--purple-600);border:0;border-radius:11px;cursor:pointer;box-shadow:0 8px 18px #5d35cc38;font-size:14px;font-weight:800}.primary-action:hover:not(:disabled){background:var(--purple-700)}.primary-action:disabled{opacity:.65;cursor:wait}.privacy-note{display:flex;gap:6px;margin:10px 2px 0;color:#7d7683;font-size:10.5px;line-height:1.45}.privacy-note span{color:#47835c;font-weight:900}.results-panel{width:min(1200px,100%);margin:22px auto 0;padding:18px;scroll-margin-top:20px}.results-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:13px}.results-head h2{margin:3px 0 0;font-size:22px}.target-batch-summary{margin:5px 0 0;color:#746d7b;font-size:11px;line-height:1.45}.target-batch-summary.success{color:#37734d}.target-batch-summary.warning{color:#9b5e2f}.target-batch-summary b{font-weight:900}.zip-btn{display:inline-flex;align-items:center;gap:7px;padding:0 14px;color:var(--purple-700);background:var(--purple-50);border:1px solid var(--purple-200)}.result-list{display:grid;gap:8px}.result-row{min-height:76px;display:grid;grid-template-columns:62px minmax(0,1fr) auto;gap:12px;align-items:center;padding:9px;background:#fbfafd;border:1px solid #eeeaf2;border-radius:12px}.result-row>img{width:62px;height:56px;object-fit:cover;border-radius:8px;background:#eeeaf2}.result-copy{min-width:0;display:grid;gap:2px}.result-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.result-copy span{color:#5e5865;font-size:11px}.result-copy small{color:#918a97;font-size:10px}.download-btn{min-width:108px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;color:#fff;background:var(--purple-600);border:0}.download-btn:hover{background:var(--purple-700)}.error-row{grid-template-columns:1fr;color:#9d4545;background:#fff7f7;border-color:#ffdada}.result-row.target-missed{background:#fffaf4;border-color:#f2cfae;box-shadow:inset 3px 0 #c67831}.result-row.target-missed .result-copy small{color:#9a5d2e;font-weight:700}.landing-section{width:min(980px,100%);margin-left:auto;margin-right:auto}.how-to-section{margin-top:62px}.features-section,.explainer-section,.faq-section,.related-tools{margin-top:66px}.section-heading{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;margin:0 0 27px;text-align:left}.section-heading .section-label{display:inline-flex;align-items:center;justify-content:center;width:fit-content;margin:0;padding:5px 9px;color:var(--purple-700);background:var(--purple-50);border:1px solid var(--purple-100);border-radius:999px}.section-heading h2{max-width:760px;margin:9px 0 0;color:#201b27;font-size:29px;line-height:1.2;letter-spacing:-.7px;text-align:left}.section-heading .section-underline{display:block;flex:0 0 auto;width:42px;height:3px;margin:13px 0 0;border-radius:99px;background:var(--purple-600)}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.steps-grid article,.feature-grid article{position:relative;overflow:hidden;min-height:168px;padding:21px 19px;background:#fff;border:1px solid var(--border);border-radius:17px;box-shadow:0 8px 24px #26194b09;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.steps-grid article:hover,.feature-grid article:hover{transform:translateY(-3px);border-color:var(--purple-300);box-shadow:var(--shadow-hover)}.steps-grid article>span{width:40px;height:40px;display:grid;place-items:center;margin-bottom:15px;color:#fff;background:linear-gradient(135deg,var(--purple-600),var(--purple-500));border-radius:50%;font-size:12px;font-weight:900}.steps-grid h3,.feature-grid h3{margin:0 0 7px;color:#29232f;font-size:15px}.steps-grid p,.feature-grid p{margin:0;color:#716a78;font-size:15px;line-height:1.6}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.feature-grid article{min-height:176px;background:#faf8ff;border-color:#e6ddfb}.feature-grid article:nth-child(2n){background:#f8f6ff}.feature-grid article:nth-child(3n){background:#fcfaff}.feature-grid article:before{content:"";position:absolute;width:72px;height:72px;top:-27px;right:-24px;border-radius:50%;background:#eee9ff;opacity:.9;transition:transform .18s ease,background .18s ease}.feature-grid article:hover:before{transform:scale(1.08);background:#e5dcff}.explain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.explain-grid article{padding:18px;border-radius:15px;border:1px solid #e8e1f3;background:linear-gradient(180deg,#fff,#faf8ff)}.explain-grid strong{color:var(--purple-800);font-size:15px}.explain-grid p{margin:7px 0 0;color:#706978;font-size:15px;line-height:1.6}.explainer-note{margin:15px 0 0;padding:13px 15px;color:#615a68;background:#f8f6ff;border-left:3px solid var(--purple-600);border-radius:0 10px 10px 0;font-size:15px;line-height:1.6}.explainer-note a,.faq-list a{color:var(--purple-700);text-decoration:underline;text-underline-offset:2px}.faq-list{display:grid;gap:9px}.faq-list details{overflow:hidden;background:#fff;border:1px solid var(--border);border-radius:13px;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}.faq-list details:hover{border-color:var(--purple-300);background:#fcfaff}.faq-list details[open]{background:#f8f5ff;border-color:#ded3fb;box-shadow:inset 4px 0 #6f4be8}.faq-list summary{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 16px;cursor:pointer;list-style:none;color:#322c38;font-size:14px;font-weight:800}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--purple-600);font-size:19px;font-weight:500}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details>div{padding:0 16px 15px}.faq-list p{margin:0;color:#716a78;font-size:15px;line-height:1.65}.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.related-tool-card{position:relative;min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 16px 13px 20px;overflow:hidden;color:inherit!important;text-decoration:none;background:#fff;border:1px solid var(--border);border-radius:13px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.related-tool-card:before{content:"";position:absolute;top:13px;bottom:13px;left:0;width:4px;border-radius:0 4px 4px 0;background:var(--purple-400);transition:width .18s ease,background .18s ease}.related-tool-card:hover{transform:translateY(-2px);border-color:var(--purple-300);box-shadow:0 10px 24px #41247e12}.related-tool-card:hover:before{width:6px;background:var(--purple-600)}.related-tool-card span{display:grid;gap:2px}.related-tool-card strong{color:#322c38;font-size:14px}.related-tool-card small{color:#8a8391;font-size:11px}.related-tool-arrow{color:var(--purple-600);font-size:20px;transition:transform .18s ease}.related-tool-card:hover .related-tool-arrow{transform:translate(3px)}button:focus-visible,input:focus-visible,summary:focus-visible,a:focus-visible,.queue-item:focus-visible{outline:3px solid rgba(111,75,232,.24);outline-offset:2px}@media(max-width:959px){.local-desktop-nav{display:none}.local-mobile-menu{display:block}.fallback-footer-grid{grid-template-columns:1fr 1fr}.workspace-grid{grid-template-columns:1fr}.settings-card{position:static}.compare-stage{height:500px}}@media(max-width:700px){.image-queue{grid-template-columns:1fr}.preview-stats{grid-template-columns:repeat(2,1fr)}.preview-stats>div:nth-child(2){border-right:0}.preview-stats>div:nth-child(-n+2){border-bottom:1px solid #eeeaf2}.steps-grid,.feature-grid,.explain-grid,.related-grid{grid-template-columns:1fr}}@media(max-width:620px){.tool-page{padding:31px 14px 58px}.hero-copy{margin-bottom:22px}.hero-copy h1{max-width:340px;margin:9px auto 12px;font-size:clamp(32px,9.5vw,44px);line-height:1.06;letter-spacing:-1.25px}.hero-copy p{font-size:15px;line-height:1.6}.trust-row{width:fit-content;display:grid;justify-content:center;gap:8px;margin-top:16px;text-align:left}.upload-zone{min-height:286px;padding:28px 18px;border-radius:16px}.upload-zone strong{font-size:18px}.choose-image-button{width:100%;max-width:240px;min-height:50px}.workspace-topbar{align-items:flex-start;flex-direction:column}.topbar-actions{width:100%}.topbar-actions button{flex:1;min-height:44px}.workspace-grid{gap:12px}.preview-head{align-items:flex-start;flex-direction:column;gap:4px}.preview-head>span{white-space:normal}.compare-stage{height:370px}.compare-original,.compare-result{padding:12px}.compare-control{grid-template-columns:1fr;gap:6px}.settings-card{padding:16px;border-radius:16px}.mode-tabs button{min-height:44px}.format-grid{grid-template-columns:repeat(2,1fr)}.format-grid button{min-height:44px}.preset-row button{min-height:40px}.primary-action{min-height:52px}.results-panel{padding:14px}.results-head{align-items:stretch;flex-direction:column}.zip-btn{min-height:46px;justify-content:center}.result-row{grid-template-columns:52px minmax(0,1fr)}.result-row>img{width:52px;height:48px}.download-btn{grid-column:1 / -1;width:100%;min-height:46px}.how-to-section{margin-top:46px}.features-section,.explainer-section,.faq-section,.related-tools{margin-top:50px}.section-heading h2{font-size:26px}.section-heading{margin-bottom:21px}.steps-grid article,.feature-grid article{min-height:0}.steps-grid article:hover,.feature-grid article:hover,.related-tool-card:hover{transform:none}.related-tool-card:hover .related-tool-arrow{transform:none}.faq-list summary{min-height:58px;padding:14px}.fallback-footer-grid{max-width:90%;grid-template-columns:1fr;gap:28px}.local-logo-mark.local-logo-mark-large{width:260px;height:164px}.fallback-section-links{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){.compare-media{animation:none!important}html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.mode-tabs.two-mode-tabs{grid-template-columns:repeat(2,1fr)}.compression-principle .setting-note{margin-bottom:0}.format-lock-note{display:flex;gap:10px;align-items:flex-start;margin-top:16px;padding:12px 13px;border:1px solid #e8e1ef;border-radius:11px;background:#faf8fc;color:#6f4be8}.format-lock-note>span{display:grid;gap:3px;color:#49414f}.format-lock-note b{font-size:12px}.format-lock-note small{color:#7a7280;font-size:11px;line-height:1.45}
