.resizer-tool-page{--resize-accent:#ff1453;--resize-text:var(--lg-text,#111118);--resize-muted:var(--lg-muted,rgba(17,17,24,.62));--resize-surface:var(--lg-bg-2,#fff);--resize-bg:var(--lg-bg,#f7f7fa);padding-top:clamp(7rem,12vw,11rem)}.resizer-tool-page [hidden]{display:none!important}
.resizer-tool-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(18rem,.65fr);gap:clamp(2rem,7vw,8rem);align-items:end;padding-bottom:clamp(3rem,7vw,6rem)}.resizer-tool-hero h1{max-width:10ch;margin:.25em 0 0;font-size:clamp(4rem,8.1vw,8rem);line-height:.82;letter-spacing:-.075em}.resizer-tool-hero h1 em{color:var(--resize-accent);font-style:normal}.resizer-tool-hero__copy{padding-bottom:.5rem;color:var(--resize-muted);font-size:clamp(1rem,1.45vw,1.25rem);line-height:1.55}.resizer-tool-hero__copy span{display:flex;align-items:center;gap:.65rem;margin-top:1.5rem;color:var(--resize-text);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.resizer-tool-hero__copy i{width:.55rem;height:.55rem;border-radius:50%;background:#1fd087;box-shadow:0 0 0 .35rem rgba(31,208,135,.16)}
.resizer-app{display:grid;grid-template-columns:minmax(22rem,.72fr) minmax(0,1.28fr);overflow:hidden;border:1px solid var(--lg-line,rgba(17,17,24,.13));border-radius:2rem;background:color-mix(in srgb,var(--resize-surface) 92%,transparent);box-shadow:0 2rem 6rem rgba(22,19,29,.09)}.resizer-controls,.resizer-output{min-width:0;padding:clamp(1.25rem,2.5vw,2rem)}.resizer-controls{border-right:1px solid var(--lg-line,rgba(17,17,24,.13))}.resizer-output{background:radial-gradient(circle at 88% 8%,rgba(255,20,83,.08),transparent 27%),var(--resize-bg)}
.resizer-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.resizer-head p,.resizer-head span{margin:0;font-size:.6rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.resizer-head p{color:var(--resize-accent)}.resizer-head span{color:var(--resize-muted)}.resizer-head--presets{margin-top:1.5rem}
.resizer-drop{display:flex;min-height:13rem;padding:1.3rem;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px dashed color-mix(in srgb,var(--resize-text) 27%,transparent);border-radius:1.2rem;background:color-mix(in srgb,var(--resize-surface) 94%,var(--resize-accent) 6%);cursor:pointer;transition:.22s}.resizer-drop:hover,.resizer-drop.is-dragging{border-color:var(--resize-accent);background:color-mix(in srgb,var(--resize-surface) 86%,var(--resize-accent) 14%);transform:translateY(-2px)}.resizer-drop input{position:absolute;width:1px;height:1px;opacity:0}.resizer-drop>span{display:grid;place-items:center;width:3.3rem;height:3.3rem;border:1px solid var(--lg-line,rgba(17,17,24,.13));border-radius:1rem;background:var(--resize-surface);color:var(--resize-accent);font-size:1.25rem}.resizer-drop strong{margin-top:.8rem;font-size:1rem}.resizer-drop small{margin-top:.2rem;color:var(--resize-muted);font-size:.65rem}.resizer-drop b{margin-top:.85rem;padding:.55rem .9rem;border-radius:999px;background:var(--resize-text);color:var(--resize-surface);font-size:.65rem}.resizer-source-preview{position:relative;overflow:hidden;border-radius:1.1rem;background:var(--resize-bg)}.resizer-source-preview img{display:block;width:100%;height:13rem;object-fit:contain}.resizer-source-preview button{position:absolute;right:.65rem;top:.65rem;display:grid;place-items:center;width:2rem;height:2rem;border:0;border-radius:50%;background:rgba(17,17,24,.74);color:#fff;font-size:1.1rem;cursor:pointer}
.resizer-settings{margin-top:1.5rem}.resizer-range{display:block;margin-top:1rem}.resizer-range>span{display:flex;justify-content:space-between;color:var(--resize-text);font-size:.68rem;font-weight:800}.resizer-range output{color:var(--resize-accent)}.resizer-range input{width:100%;margin-top:.55rem;accent-color:var(--resize-accent)}.resizer-format{display:flex;flex-direction:column;gap:.45rem;margin-top:1rem;color:var(--resize-muted);font-size:.59rem;font-weight:900;text-transform:uppercase}.resizer-format select{padding:.75rem;border:1px solid var(--lg-line,rgba(17,17,24,.13));border-radius:.75rem;background:var(--resize-bg);color:var(--resize-text);font:inherit;text-transform:none}
.resizer-presets{display:grid;gap:.45rem}.resizer-presets label{display:flex;align-items:center;gap:.65rem;padding:.7rem .8rem;border:1px solid var(--lg-line,rgba(17,17,24,.13));border-radius:.8rem;background:var(--resize-surface);cursor:pointer}.resizer-presets input{width:1rem;height:1rem;accent-color:var(--resize-accent)}.resizer-presets span{display:flex;min-width:0;flex-direction:column}.resizer-presets b{font-size:.69rem}.resizer-presets small{margin-top:.12rem;color:var(--resize-muted);font-size:.57rem}.resizer-generate{display:flex;width:100%;align-items:center;justify-content:space-between;margin-top:1.1rem;padding:.9rem 1rem;border:1px solid var(--resize-accent);border-radius:999px;background:var(--resize-accent);color:#fff;box-shadow:0 .7rem 1.8rem rgba(255,20,83,.24);font-size:.7rem;font-weight:900;cursor:pointer}.resizer-generate:disabled{border-color:var(--lg-line,rgba(17,17,24,.13));background:color-mix(in srgb,var(--resize-text) 9%,var(--resize-surface));color:color-mix(in srgb,var(--resize-text) 60%,transparent);box-shadow:none;cursor:not-allowed}.resizer-generate.is-loading{opacity:.7}.resizer-error{margin:.75rem 0 0;padding:.7rem;border-radius:.7rem;background:rgba(255,20,83,.09);color:#d71541;font-size:.67rem}
.resizer-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.resizer-empty{grid-column:1/-1;display:grid;place-items:center;min-height:28rem;text-align:center;color:var(--resize-muted)}.resizer-empty span{display:grid;place-items:center;width:4.5rem;height:4.5rem;border:1px solid var(--lg-line,rgba(17,17,24,.13));border-radius:1.2rem;background:var(--resize-surface);font-size:1.4rem}.resizer-empty p{font-size:.75rem;line-height:1.5}.resizer-result-card{overflow:hidden;border:1px solid var(--lg-line,rgba(17,17,24,.13));border-radius:1rem;background:var(--resize-surface)}.resizer-result-frame{position:relative;display:grid;place-items:center;min-height:16rem;overflow:hidden;background-image:linear-gradient(45deg,rgba(17,17,24,.035) 25%,transparent 25%),linear-gradient(-45deg,rgba(17,17,24,.035) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(17,17,24,.035) 75%),linear-gradient(-45deg,transparent 75%,rgba(17,17,24,.035) 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0}.resizer-result-frame img{display:block;width:100%;height:16rem;object-fit:contain;padding:.75rem}.resizer-result-card--vertical .resizer-result-frame img{height:20rem}.resizer-result-frame span{position:absolute;top:1rem;left:50%;width:74%;height:78%;border:1px dashed rgba(255,20,83,.76);border-radius:.5rem;color:rgba(255,20,83,.82);font-size:.5rem;font-weight:900;letter-spacing:.1em;text-align:center;pointer-events:none}.resizer-result-card--vertical .resizer-result-frame span{width:78%;height:58%}.resizer-result-card--wide .resizer-result-frame span{width:82%;height:72%}.resizer-result-frame span:before{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:1px dashed rgba(255,20,83,.38)}.resizer-result-frame span:after{content:"";position:absolute;top:50%;left:0;right:0;border-top:1px dashed rgba(255,20,83,.38)}.resizer-result-meta{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.75rem;border-top:1px solid var(--lg-line,rgba(17,17,24,.13))}.resizer-result-meta strong,.resizer-result-meta small{display:block}.resizer-result-meta strong{font-size:.67rem}.resizer-result-meta small{margin-top:.18rem;color:var(--resize-muted);font-size:.53rem}.resizer-result-meta a{flex:0 0 auto;padding:.52rem .65rem;border-radius:999px;background:var(--resize-text);color:var(--resize-surface);font-size:.58rem;font-weight:900;text-decoration:none}.resizer-output-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.75rem;padding:.85rem 1rem;border:1px solid var(--lg-line,rgba(17,17,24,.13));border-radius:.9rem;background:var(--resize-surface)}.resizer-output-bar p{margin:0;color:var(--resize-muted);font-size:.62rem}.resizer-output-bar p strong{color:var(--resize-text)}.resizer-output-bar button{padding:.65rem .8rem;border:0;border-radius:999px;background:var(--resize-text);color:var(--resize-surface);font-size:.59rem;font-weight:900;cursor:pointer}.resizer-output-bar button span{margin-left:.8rem;color:var(--resize-accent)}.resizer-safe-note{display:flex;gap:.8rem;margin-top:.75rem;padding:.8rem;border:1px solid rgba(255,20,83,.22);border-radius:.85rem;background:rgba(255,20,83,.06)}.resizer-safe-note span{color:var(--resize-accent);font-size:.54rem;font-weight:900;letter-spacing:.1em}.resizer-safe-note p{margin:0;color:var(--resize-muted);font-size:.58rem;line-height:1.5}
.resizer-notes{display:grid;grid-template-columns:repeat(3,1fr);margin-top:clamp(4rem,8vw,8rem);border-block:1px solid var(--lg-line,rgba(17,17,24,.13))}.resizer-notes article{padding:clamp(1.5rem,3vw,2.5rem)}.resizer-notes article+article{border-left:1px solid var(--lg-line,rgba(17,17,24,.13))}.resizer-notes span{color:var(--resize-accent);font-size:.64rem;font-weight:900}.resizer-notes h2{margin:2rem 0 .8rem;font-size:clamp(1.3rem,2vw,1.8rem);letter-spacing:-.04em}.resizer-notes p{margin:0;color:var(--resize-muted);font-size:.88rem;line-height:1.65}.resizer-cta{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-block:clamp(4rem,8vw,8rem);padding:clamp(2rem,5vw,5rem);border-radius:2rem;background:radial-gradient(circle at 78% 18%,rgba(255,255,255,.22),transparent 25%),linear-gradient(120deg,#101018,#2b1020 46%,#ff1453);color:#fff;box-shadow:0 2rem 5rem rgba(28,20,32,.18)}.resizer-cta h2{max-width:15ch;margin:.45rem 0 0;color:#fff;font-size:clamp(2rem,4.4vw,4.5rem);line-height:.95;letter-spacing:-.06em}.resizer-cta .kicker{color:rgba(255,255,255,.72)}.resizer-cta .lg-button{flex:0 0 auto;border-color:#fff;background:#fff;color:#111118}.tool-index-card--resizer{background:radial-gradient(circle at 84% 16%,rgba(255,20,83,.16),transparent 28%),radial-gradient(circle at 70% 80%,rgba(0,181,226,.12),transparent 34%),var(--surface)}.tool-index-card--resizer .tool-index-card__number{background:linear-gradient(135deg,#ff1453,#00a3e0)}
@media(max-width:1000px){.resizer-results{grid-template-columns:1fr}.resizer-result-frame{min-height:14rem}.resizer-result-frame img{height:14rem}.resizer-result-card--vertical .resizer-result-frame img{height:19rem}}
@media(max-width:900px){.resizer-tool-hero{grid-template-columns:1fr}.resizer-app{grid-template-columns:1fr}.resizer-controls{border-right:0;border-bottom:1px solid var(--lg-line,rgba(17,17,24,.13))}.resizer-notes{grid-template-columns:1fr}.resizer-notes article+article{border-left:0;border-top:1px solid var(--lg-line,rgba(17,17,24,.13))}.resizer-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.resizer-tool-page{padding-top:6.8rem}.resizer-tool-hero h1{font-size:clamp(3.35rem,17vw,5.25rem)}.resizer-app,.resizer-cta{width:calc(100% - 1.25rem);border-radius:1.35rem}.resizer-controls,.resizer-output{padding:1rem}.resizer-output-bar{align-items:stretch;flex-direction:column}.resizer-output-bar button{width:100%}.resizer-result-meta{align-items:stretch;flex-direction:column}.resizer-result-meta a{text-align:center}}
@media(prefers-reduced-motion:reduce){.resizer-drop{transition:none}}
.resizer-result-frame span{transform:translateX(-50%)}