@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";
:root{--ink:#172033;--muted:#697386;--line:#e8ebf1;--soft:#f6f8fb;--blue:#2563eb;--blue-dark:#174fc1;--violet:#7857ed;--shadow:0 18px 50px #1a2a4e14}*{box-sizing:border-box}html{background:#f7f9fc}body{color:var(--ink);background:radial-gradient(circle at 50% -10%,#fff 0,#f7f9fc 42%,#f4f6fa 100%);min-height:100vh;margin:0;font-family:DM Sans,Arial,sans-serif}button,input{font:inherit}button{color:inherit}.app-shell{min-height:100vh}.site-header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;background:#ffffffd1;border-bottom:1px solid #e2e6eed9;grid-template-columns:1fr auto 1fr;align-items:center;height:70px;padding:0 clamp(22px,5vw,82px);display:grid;position:sticky;top:0}.brand{color:var(--ink);align-items:center;gap:11px;font:800 19px Manrope,sans-serif;text-decoration:none;display:flex}.brand-mark{background:url(/icon-192.png) 50%/contain no-repeat;flex:none;width:28px;height:28px;display:inline-block}.main-tabs{align-self:stretch;gap:28px;display:flex}.main-tabs button{color:#7c8494;cursor:pointer;background:0 0;border:0;padding:0 5px;font-weight:600;position:relative}.main-tabs button.active{color:var(--ink)}.main-tabs button.active:after{content:"";background:var(--blue);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:0;left:0;right:0}.new-badge{color:#6d4bd8;vertical-align:2px;background:#ede9fe;border-radius:9px;margin-left:3px;padding:3px 5px;font-size:8px}.ai-badge{color:#fff;vertical-align:2px;background:linear-gradient(135deg,#7c3aed,#2563eb);border-radius:9px;margin-left:3px;padding:3px 5px;font-size:8px}.privacy-pill{color:#566174;background:#f5f7fa;border:1px solid #e8ebf0;border-radius:20px;justify-self:end;padding:8px 12px;font-size:12px}.privacy-pill span{color:#35b67b;margin-right:5px;font-size:9px}.tool-page{width:min(1180px,100% - 40px);margin:0 auto;padding:52px 0 60px}.hero{text-align:center;max-width:720px;margin:0 auto 32px}.hero .eyebrow{color:var(--blue);letter-spacing:2.2px;margin:0 0 14px;font:700 11px Manrope}.hero h1{letter-spacing:-2px;color:#0000;background:linear-gradient(120deg,#111827 20%,#4f64ad);-webkit-background-clip:text;background-clip:text;margin:0 0 12px;font:800 clamp(34px,4vw,48px)/1.1 Manrope}.hero>p:last-child{color:var(--muted);margin:0;font-size:15px;line-height:1.65}.converter-card{border:1px solid var(--line);width:min(780px,100%);box-shadow:var(--shadow);background:#fff;border-radius:22px;margin:0 auto;padding:22px}.conversion-switch{background:#f2f4f8;border-radius:13px;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:14px;padding:5px;display:grid}.conversion-switch button{cursor:pointer;color:#7b8494;text-align:center;background:0 0;border:1px solid #0000;border-radius:9px;padding:10px 12px;transition:all .18s}.conversion-switch button:hover{color:#42516b}.conversion-switch button.active{color:var(--ink);background:#fff;border-color:#e0e6f0;box-shadow:0 3px 10px #1e2d4b12}.conversion-switch b,.conversion-switch span{display:block}.conversion-switch b{font-size:12px}.conversion-switch span{color:#9aa2af;margin-top:2px;font-size:9px}.drop-zone{cursor:pointer;background:linear-gradient(145deg,#fafcff,#f8faff);border:1.5px dashed #cbd3e1;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:330px;transition:all .2s;display:flex}.drop-zone:hover,.source-drop:hover{background:#f7faff;border-color:#7da2f5;transform:translateY(-1px)}.drop-zone.small{flex-direction:row;gap:12px;min-height:118px}.drop-zone.small span{display:none}.upload-icon{width:52px;height:52px;color:var(--blue);background:#edf3ff;border-radius:15px;place-items:center;margin-bottom:5px;display:grid}.drop-zone strong,.source-drop strong{font:700 15px Manrope}.drop-zone span,.source-drop span{color:#8992a3;text-align:center;font-size:12px;line-height:1.6}.quality-row{grid-template-columns:130px 1fr auto;align-items:center;gap:14px;padding:22px 4px 16px;display:grid}.quality-row label{font-size:13px;font-weight:600}.quality-row label b{color:var(--blue)}.quality-row>span{color:#939aaa;font-size:11px}input[type=range]{accent-color:var(--blue);width:100%}.file-list{border-top:1px solid var(--line)}.file-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 4px;display:flex}.file-row img{object-fit:cover;background:#f3f4f6;border-radius:9px;width:42px;height:42px}.file-info{flex-direction:column;flex:1;min-width:0;display:flex}.file-info strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.file-info span{color:#969dac;margin-top:3px;font-size:11px}.status{color:#778092;background:#f3f5f8;border-radius:10px;padding:4px 8px;font-size:10px}.status.done{color:#279763;background:#eaf9f1}.status.working{color:var(--blue)}.icon-button,.remove-button{cursor:pointer;color:#627089;background:0 0;border:0;padding:6px}.icon-button:hover{color:var(--blue)}.remove-button{color:#a1a7b2;font-size:20px}.edit-button{color:#3565cc;cursor:pointer;white-space:nowrap;background:#f4f7ff;border:1px solid #dbe5fb;border-radius:8px;padding:6px 9px;font-size:10px;font-weight:700}.edit-button:hover{background:#eaf1ff;border-color:#b9cef8}.primary-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2f6eef,#2158cd);border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:13px 20px;font-weight:700;display:flex;box-shadow:0 8px 18px #2563eb30}.primary-button:hover{background:var(--blue-dark)}.primary-button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.primary-button.full{width:100%;margin-top:18px}.trust-row{color:#747e90;justify-content:center;gap:34px;margin-top:20px;font-size:11px;display:flex}.trust-row span:first-child{color:#5f6c83}.icons-page{width:min(1400px,100% - 38px);padding-top:38px}.icons-page .hero{margin-bottom:26px}.icons-page .hero h1{font-size:38px}.platform-tabs{border:1px solid var(--line);background:#fff;border-radius:14px;width:max-content;max-width:100%;margin:0 auto 20px;padding:5px;display:flex;box-shadow:0 5px 20px #1e325a0d}.platform-tabs button{cursor:pointer;text-align:left;color:#777f8e;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;width:170px;padding:9px 14px;display:flex}.platform-tabs button.active{color:var(--ink);background:#eff4ff;box-shadow:inset 0 0 0 1px #dfe9ff}.platform-tabs button b,.platform-tabs button small{display:block}.platform-tabs button b{font-size:13px}.platform-tabs button small{color:#9299a6;margin-top:1px;font-size:9px}.platform-symbol{color:#fff;background:#2563eb;border-radius:9px;place-items:center;width:29px;height:29px;font-size:15px;display:grid}.platform-symbol.ios{background:#202633}.platform-symbol.android{background:#38a75e}.icon-workspace{border:1px solid var(--line);min-height:590px;box-shadow:var(--shadow);background:#fff;border-radius:18px;grid-template-columns:minmax(235px,.82fr) minmax(360px,1.5fr) minmax(260px,.92fr);display:grid;overflow:hidden}.panel{min-width:0;padding:22px}.panel+.panel{border-left:1px solid var(--line)}.panel-title{align-items:center;gap:10px;margin-bottom:18px;display:flex}.panel-title>span{width:24px;height:24px;color:var(--blue);background:#edf3ff;border-radius:8px;place-items:center;font-size:11px;font-weight:700;display:grid}.panel-title h2{margin:0;font:700 14px Manrope}.panel-title p{color:#9aa2b0;margin:2px 0 0;font-size:10px}.source-drop{cursor:pointer;background:#fbfcfe;border:1.5px dashed #cbd3e1;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:6px;height:185px;transition:all .2s;display:flex}.source-drop .upload-icon{width:45px;height:45px}.source-loaded{flex-direction:column;align-items:center;padding:4px 0 14px;display:flex}.source-loaded>img{object-fit:contain;border:1px solid var(--line);background-image:linear-gradient(45deg,#eef0f4 25%,#0000 25%),linear-gradient(-45deg,#eef0f4 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#eef0f4 75%),linear-gradient(-45deg,#0000 75%,#eef0f4 75%);background-position:0 0,0 7px,7px -7px,-7px 0;background-size:14px 14px;border-radius:16px;width:128px;height:128px}.source-loaded strong{white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-top:9px;font-size:12px;overflow:hidden}.source-loaded>span{color:#929aa8;margin:3px 0 8px;font-size:10px}.warning{color:#a66921;text-align:center;background:#fff7e8;border-radius:7px;padding:6px 8px;font-size:9px}.secondary-button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;padding:7px 11px;font-size:10px}.controls{border-top:1px solid var(--line);padding-top:15px}.controls>label,.position-grid label{color:#697386;justify-content:space-between;margin:12px 0 7px;font-size:10px;display:flex}.controls label b,.position-grid b{color:#333d50}.segmented{background:#f2f4f8;border-radius:9px;grid-template-columns:1fr 1fr;padding:3px;display:grid}.segmented button{cursor:pointer;color:#7d8593;background:0 0;border:0;border-radius:7px;padding:7px;font-size:10px}.segmented button.active{color:var(--ink);background:#fff;box-shadow:0 2px 7px #1e2d4b14}.position-grid{grid-template-columns:35px 1fr;align-items:center;gap:1px 8px;display:grid}.position-grid label{margin:3px 0}.position-grid input{height:20px}.background-row{gap:6px;display:flex}.background-row input[type=color]{border:1px solid var(--line);background:#fff;border-radius:7px;width:33px;height:31px;padding:3px}.background-row input:not([type=color]){border:1px solid var(--line);border-radius:7px;width:100%;min-width:0;padding:0 8px;font-size:10px}.background-row button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:7px;font-size:9px}.background-row button.active{color:var(--blue);background:#f2f6ff;border-color:#a9c3fa}.preview-panel{background:#fbfcfe;flex-direction:column;display:flex}.preview-stage{border:1px solid #e4e7ed;border-radius:15px;place-items:center;min-height:305px;display:grid;overflow:hidden}.checkerboard{background-color:#fff;background-image:linear-gradient(45deg,#f0f2f5 25%,#0000 25%),linear-gradient(-45deg,#f0f2f5 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#f0f2f5 75%),linear-gradient(-45deg,#0000 75%,#f0f2f5 75%);background-position:0 0,0 11px,11px -11px,-11px 0;background-size:22px 22px}.main-preview{filter:drop-shadow(0 15px 18px #1d29432e);width:200px;height:200px}.main-preview img{width:100%;height:100%;display:block}.main-preview.ios,.main-preview.android{border-radius:44px;overflow:hidden}.main-preview.android{border-radius:50%}.empty-preview{color:#a7adba;text-align:center;font-size:12px;line-height:1.6}.context-previews{grid-template-columns:1.3fr .8fr .8fr;gap:10px;margin-top:12px;display:grid}.context-card{border:1px solid var(--line);background:#fff;border-radius:10px;min-height:82px;position:relative;overflow:hidden}.context-card.browser{color:#b4bac5;padding:10px;font-size:7px}.context-card.browser img,.context-card.browser i{vertical-align:middle;background:#e8ebf1;border-radius:4px;width:17px;height:17px;margin:22px 6px 0 2px;display:inline-block}.context-card.browser b{color:#555f70;font-size:8px}.context-card.phone{flex-direction:column;align-items:center;padding:7px;display:flex}.context-card.phone.dark{color:#fff;background:#222735}.context-card.phone.light{background:#eef1f5}.context-card.phone small{align-self:flex-start;font-size:5px}.context-card.phone img,.context-card.phone i{background:#dfe3e9;border-radius:8px;width:30px;height:30px;margin:7px 0 3px}.context-card.phone img.android{border-radius:50%}.context-card.phone b{font-size:6px}.info-note{color:#64718a;background:#eef4ff;border-radius:8px;margin:12px 0 0;padding:8px 10px;font-size:9px;line-height:1.45}.output-panel{flex-direction:column;max-height:640px;display:flex}.select-actions{justify-content:flex-end;gap:8px;margin-top:-42px;margin-bottom:16px;display:flex}.select-actions button{color:var(--blue);cursor:pointer;background:0 0;border:0;padding:3px;font-size:9px}.output-list{border-top:1px solid var(--line);flex:1;overflow:auto}.output-item{cursor:pointer;border-bottom:1px solid #f0f1f4;align-items:center;gap:9px;padding:8px 2px;display:flex}.output-item input{accent-color:var(--blue)}.output-thumb{background:#f0f2f5;border-radius:7px;place-items:center;width:29px;height:29px;display:grid;overflow:hidden}.output-thumb img{object-fit:cover;width:100%;height:100%}.output-item>span:last-child{flex-direction:column;display:flex}.output-item b{font-size:10px}.output-item small{color:#969daa;margin-top:2px;font-size:8px}.generate{padding:11px;font-size:11px;margin-top:13px!important}.download-hint{text-align:center;color:#a0a6b1;margin:7px 0 0;font-size:8px}footer{text-align:center;color:#a0a7b4;padding:8px 20px 28px;font-size:10px}.upscale-page{width:min(1240px,100% - 38px);padding-top:38px}.upscale-page .hero{margin-bottom:25px}.upscale-page .hero h1{font-size:39px}.upscale-layout{grid-template-columns:340px minmax(0,1fr);align-items:stretch;gap:16px;display:grid}.panel-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:18px;overflow:hidden}.upscale-settings{padding:20px}.ai-panel-heading{align-items:center;gap:10px;margin-bottom:17px;display:flex}.ai-panel-heading>span{letter-spacing:1px;color:var(--violet);background:#f0ecff;border-radius:8px;padding:7px;font:700 9px Manrope}.ai-panel-heading h2{margin:0;font:700 14px Manrope}.ai-panel-heading p{color:#9aa1ae;margin:2px 0 0;font-size:9px}.ai-upload{cursor:pointer;background:#fafbfe;border:1.5px dashed #cad3e2;border-radius:13px;place-items:center;height:142px;transition:all .2s;display:grid;overflow:hidden}.ai-upload:hover{background:#faf8ff;border-color:#947af1}.ai-upload>img{object-fit:contain;background-image:linear-gradient(45deg,#f0f1f4 25%,#0000 25%),linear-gradient(-45deg,#f0f1f4 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#f0f1f4 75%),linear-gradient(-45deg,#0000 75%,#f0f1f4 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;width:100%;height:100%}.ai-upload-empty{color:#7255d9;flex-direction:column;align-items:center;display:flex}.ai-upload-empty svg{margin-bottom:5px}.ai-upload-empty strong{color:var(--ink);font-size:12px}.ai-upload-empty span{color:#9ba2ae;margin-top:4px;font-size:9px}.ai-file-meta{flex-direction:column;padding:9px 45px 2px 2px;display:flex;position:relative}.ai-file-meta strong{white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.ai-file-meta span{color:#969eac;margin-top:2px;font-size:8px}.ai-file-meta button{color:var(--blue);cursor:pointer;background:0 0;border:0;font-size:9px;position:absolute;top:8px;right:0}.setting-label{color:#596477;margin:16px 0 8px;font-size:10px;font-weight:700;display:block}.model-cards{grid-template-columns:1fr 1fr;gap:7px;display:grid}.model-cards button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:10px;grid-template-columns:23px 1fr;padding:10px;display:grid}.model-cards button>span{color:#7a60dc;grid-row:1/3;place-items:center;width:19px;height:19px;font-size:13px;display:grid}.model-cards button b{font-size:10px}.model-cards button small{color:#999fac;margin-top:2px;font-size:7px}.model-cards button.active{background:#f7f4ff;border-color:#a996ee;box-shadow:inset 0 0 0 1px #d8cdfb}.ai-option-row,.toggle-row{border:1px solid var(--line);border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:7px;padding:10px 11px;display:flex}.ai-option-row b,.toggle-row b{font-size:9px;display:block}.ai-option-row small,.toggle-row small{color:#9aa1ae;margin-top:2px;font-size:7px;display:block}.scale-chip{color:#6747d5;background:#ede8ff;border-radius:7px;padding:5px 8px;font:800 13px Manrope}.toggle-row{cursor:pointer;position:relative}.toggle-row input{opacity:0;position:absolute}.toggle-row i{background:#d9dde5;border-radius:10px;width:32px;height:18px;transition:all .2s;position:relative}.toggle-row i:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:all .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #9299a7}.toggle-row input:checked+i{background:#7254dc}.toggle-row input:checked+i:after{transform:translate(14px)}.format-row{justify-content:space-between;align-items:center;margin-top:13px;display:flex}.format-row>label{font-size:9px;font-weight:700}.format-row>div{background:#f1f3f6;border-radius:8px;padding:3px}.format-row button{cursor:pointer;color:#7b8493;background:0 0;border:0;border-radius:6px;padding:6px 10px;font-size:8px}.format-row button.active{color:var(--ink);background:#fff;box-shadow:0 2px 6px #1e2d4614}.webp-quality{margin-top:11px}.webp-quality label{color:#7a8393;justify-content:space-between;font-size:8px;display:flex}.webp-quality b{color:var(--blue)}.ai-start{background:linear-gradient(135deg,#754ee4,#315eea);margin-top:17px!important}.cancel-ai-button{color:#b54a4a;cursor:pointer;background:#fff5f5;border:1px solid #efb9b9;border-radius:10px;width:100%;margin-top:17px;padding:11px;font-size:10px;font-weight:700}.upscale-result{flex-direction:column;min-height:600px;padding:20px;display:flex}.upscale-result .ai-panel-heading{position:relative}.engine-badge{color:#697386;background:#f3f5f8;border-radius:14px;margin-left:auto;padding:6px 9px;font-size:8px}.engine-badge i{background:#42b982;border-radius:50%;width:6px;height:6px;margin-right:4px;display:inline-block}.ai-empty-stage{border:1px solid var(--line);background:linear-gradient(145deg,#fbfcff,#f8f9fd);border-radius:14px;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:470px;display:flex}.ai-empty-stage>div{color:#6b50d6;background:linear-gradient(135deg,#eee8ff,#e5edff);border-radius:18px;place-items:center;width:58px;height:58px;margin-bottom:12px;display:grid}.ai-empty-stage strong{font:700 13px Manrope}.ai-empty-stage>span{color:#9ba2ae;margin-top:5px;font-size:9px}.ai-waiting-stage{border:1px solid var(--line);background:#f4f5f8;border-radius:14px;flex:1;place-items:center;min-height:470px;display:grid;position:relative;overflow:hidden}.ai-waiting-stage>img{object-fit:contain;filter:brightness(.72);width:100%;height:100%;max-height:500px}.processing-overlay,.ready-overlay,.error-overlay{color:#fff;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);text-align:center;background:#1117268c;flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex;position:absolute;inset:0}.ai-orbit{color:#fff;background:linear-gradient(135deg,#865ce9,#3271ee);border-radius:50%;place-items:center;width:58px;height:58px;margin-bottom:18px;animation:1.8s ease-in-out infinite ai-pulse;display:grid;box-shadow:0 0 0 10px #7a5de029}.processing-overlay strong{font-size:12px}.processing-overlay>span{margin-top:7px;font:700 11px Manrope}.processing-overlay small{color:#d1d6e2;margin-top:11px;font-size:8px}.ai-progress{background:#ffffff38;border-radius:4px;width:min(300px,70%);height:5px;margin-top:14px;overflow:hidden}.ai-progress i{background:linear-gradient(90deg,#8f77ed,#73a5ff);border-radius:4px;height:100%;transition:width .25s;display:block}.ready-overlay{background:linear-gradient(#0000 35%,#0f1522c7);justify-content:flex-end;padding-bottom:32px}.ready-overlay strong{font-size:11px}.ready-overlay span{color:#d4d8e1;margin-top:5px;font-size:8px}.error-overlay strong{color:#ffcdcd}.error-overlay span{margin:7px 0 13px;font-size:9px}.error-overlay button{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff80;border-radius:8px;padding:7px 13px;font-size:9px}.compare-area{flex-direction:column;flex:1;display:flex}.compare-frame{border:1px solid var(--line);background:#eef0f4;border-radius:14px;flex:1;min-height:450px;position:relative;overflow:hidden}.compare-frame>img,.result-clip,.result-clip img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.result-clip{z-index:2;background:inherit}.compare-line{z-index:3;background:#fff;width:2px;position:absolute;top:0;bottom:0;box-shadow:0 0 8px #0006}.compare-line i{color:#4b5567;background:#fff;border-radius:50%;place-items:center;width:32px;height:32px;font-style:normal;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 3px 12px #0003}.compare-frame>input{opacity:0;z-index:4;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.before-label,.after-label{z-index:3;color:#fff;background:#141b28b8;border-radius:6px;padding:5px 8px;font-size:8px;position:absolute;top:12px}.before-label{left:12px}.after-label{background:#5b43bed9;right:12px}.result-stats{align-items:center;gap:16px;padding-top:13px;display:flex}.result-stats div{flex-direction:column;display:flex}.result-stats span{color:#9aa1ae;font-size:8px}.result-stats b{margin-top:2px;font-size:11px}.result-stats>i{color:#a6adba;font-style:normal}.result-stats button{margin-left:auto;padding:9px 13px;font-size:9px}.ai-trust-strip{color:#8a93a3;justify-content:center;gap:28px;padding-top:13px;font-size:8px;display:flex}.ai-credit{text-align:center;color:#9ba2af;margin:14px 0 0;font-size:8px}.ai-credit a{color:#6e58c9}.upscale-result+*{min-width:0}@keyframes ai-pulse{50%{transform:scale(1.06);box-shadow:0 0 0 16px #7a5de014}}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0e16279e;place-items:center;padding:24px;animation:.16s ease-out fade-in;display:grid;position:fixed;inset:0}.crop-modal{background:#fff;border-radius:20px;width:min(940px,100%);max-height:calc(100vh - 48px);animation:.2s ease-out modal-in;overflow:auto;box-shadow:0 30px 90px #050e224d}.crop-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:20px 24px 17px;display:flex}.crop-header p{color:var(--blue);letter-spacing:1.6px;margin:0 0 4px;font:700 9px Manrope}.crop-header h2{margin:0;font:800 20px Manrope}.crop-header>button{color:#737c8c;cursor:pointer;background:#f3f5f8;border:0;border-radius:50%;width:32px;height:32px;font-size:22px}.crop-body{grid-template-columns:minmax(0,1fr) 260px;min-height:480px;display:grid}.interactive-crop-wrap{border:1px solid var(--line);touch-action:none;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:430px;margin:24px;padding:24px;display:flex;overflow:hidden}.interactive-crop-wrap>p{color:#687386;text-align:center;margin:0;font-size:10px}.crop-image-surface{-webkit-user-select:none;user-select:none;touch-action:none;max-width:100%;max-height:370px;position:relative;overflow:visible;box-shadow:0 12px 35px #14203740}.crop-image-surface.landscape{width:100%;height:auto}.crop-image-surface.portrait{width:auto;height:370px}.crop-image-surface>img{object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.crop-shade{z-index:1;pointer-events:none;background:#090f1ba3;position:absolute}.crop-shade-top{width:100%;top:0;left:0}.crop-shade-bottom{bottom:0;left:0;right:0}.crop-shade-left{left:0}.crop-shade-right{right:0}.crop-selection{z-index:2;cursor:grab;touch-action:none;border:2px solid #fffffffa;position:absolute;box-shadow:0 0 0 1px #18294959,0 2px 14px #00000029}.crop-selection.dragging{cursor:grabbing}.crop-grid-v,.crop-grid-h{pointer-events:none;background:#ffffff9e;display:block;position:absolute}.crop-grid-v{width:1px;top:0;bottom:0}.crop-grid-h{height:1px;left:0;right:0}.crop-grid-v.one{left:33.333%}.crop-grid-v.two{left:66.666%}.crop-grid-h.one{top:33.333%}.crop-grid-h.two{top:66.666%}.crop-handle{z-index:3;touch-action:none;background:#fff;border:2px solid #2563eb;border-radius:50%;width:18px;height:18px;margin:0;padding:0;position:absolute;box-shadow:0 2px 7px #12203747}.crop-handle.nw{cursor:nwse-resize;top:0;left:0;transform:translate(-50%,-50%)}.crop-handle.ne{cursor:nesw-resize;top:0;right:0;transform:translate(50%,-50%)}.crop-handle.sw{cursor:nesw-resize;bottom:0;left:0;transform:translate(-50%,50%)}.crop-handle.se{cursor:nwse-resize;bottom:0;right:0;transform:translate(50%,50%)}.crop-size-badge{color:#fff;white-space:nowrap;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0d1626c2;border-radius:6px;padding:4px 7px;font-size:8px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.crop-dimension-card{border:1px solid var(--line);background:#f8f9fc;border-radius:9px;flex-direction:column;gap:3px;padding:11px 12px;display:flex}.crop-dimension-card b{font:700 12px Manrope}.crop-dimension-card span{color:#979eab;font-size:8px}.crop-controls{border-left:1px solid var(--line);padding:22px}.crop-controls section{border-bottom:1px solid #eff1f4;margin-bottom:17px;padding-bottom:18px}.crop-controls label{justify-content:space-between;margin-bottom:10px;font-size:11px;font-weight:600;display:flex}.crop-controls label b{color:var(--blue)}.crop-controls input{width:100%}.aspect-buttons{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.aspect-buttons button,.rotate-buttons button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;padding:8px 4px;font-size:10px}.aspect-buttons button.active{color:var(--blue);background:#eef4ff;border-color:#b9cef8;font-weight:700}.rotate-buttons{grid-template-columns:1fr 1fr;gap:6px;display:grid}.rotate-buttons button:hover{color:var(--blue);border-color:#b9cef8}.reset-button{color:#7d8696;cursor:pointer;background:0 0;border:0;width:100%;font-size:10px;text-decoration:underline}.crop-footer{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;padding:15px 24px;display:flex}.crop-footer .secondary-button,.crop-footer .primary-button{min-width:92px;padding:10px 15px}@keyframes fade-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(8px)scale(.985)}}@media (max-width:980px){.icon-workspace{grid-template-columns:1fr 1.4fr}.output-panel{border-top:1px solid var(--line);grid-column:1/-1;max-height:none;border-left:0!important}.output-list{grid-template-columns:repeat(3,1fr);max-height:260px;display:grid}.select-actions{margin-left:auto}.site-header{grid-template-columns:1fr auto}.privacy-pill{display:none}.main-tabs{justify-self:end}.upscale-layout{grid-template-columns:300px minmax(0,1fr)}.main-tabs{gap:14px}}@media (max-width:680px){.site-header{height:auto;min-height:62px;padding:0 16px}.brand span:last-child{display:none}.main-tabs button{font-size:12px}.tool-page,.icons-page{width:calc(100% - 24px);padding-top:34px}.hero h1,.icons-page .hero h1{letter-spacing:-1.4px;font-size:31px}.hero>p:last-child{font-size:13px}.platform-tabs{width:100%}.platform-tabs button{justify-content:center;width:33.333%;padding:8px}.platform-tabs button>span:last-child small,.platform-symbol{display:none}.icon-workspace{display:block}.panel+.panel{border-left:0;border-top:1px solid var(--line)}.preview-stage{min-height:270px}.output-panel{max-height:none}.output-list{grid-template-columns:1fr 1fr;max-height:330px}.quality-row{grid-template-columns:1fr auto}.quality-row input{grid-area:2/1/auto/-1}.quality-row>span{display:none}.drop-zone{min-height:260px}.drop-zone.small{flex-direction:column;min-height:125px}.trust-row{flex-wrap:wrap;gap:12px}.converter-card{padding:14px}.file-row{flex-wrap:wrap}.file-info{min-width:150px}.status{order:3}.edit-button{margin-left:auto}.modal-backdrop{padding:10px}.crop-modal{max-height:calc(100vh - 20px)}.crop-body{display:block}.interactive-crop-wrap{min-height:300px;margin:14px;padding:24px 20px}.crop-image-surface{max-height:270px}.crop-image-surface.portrait{height:270px}.crop-controls{border-left:0;border-top:1px solid var(--line)}.crop-header{padding:16px 18px}.crop-footer{z-index:5;background:#fff;position:sticky;bottom:0}.main-tabs{gap:3px}.main-tabs button{padding:0 3px;font-size:10px}.new-badge,.ai-badge{display:none}.upscale-page{width:calc(100% - 24px)}.upscale-layout{display:block}.upscale-result{min-height:500px;margin-top:12px}.ai-empty-stage,.ai-waiting-stage{min-height:380px}.compare-frame{min-height:370px}.result-stats{flex-wrap:wrap;gap:8px}.result-stats button{width:100%;margin-left:0}.ai-trust-strip{flex-wrap:wrap;gap:10px}}