.resize-page{max-width:1344px;margin-inline:auto;padding:56px 24px 80px}.resize-page .hero-section{text-align:center}.resize-page .hero-section .section-title{letter-spacing:-1.8px;font-size:clamp(32px,3.4vw,48px);font-weight:650;line-height:1.15}.resize-page .hero-section .section-description{max-width:690px;color:var(--muted-foreground);margin:18px auto 0;font-size:16px;line-height:1.7}.resize-trust{color:var(--muted-foreground);flex-wrap:wrap;justify-content:center;gap:24px;margin:22px 0 36px;font-size:12px;display:flex}.resize-trust li{align-items:center;gap:6px;display:flex}.resize-trust svg{width:14px;height:14px}.image-workspace{border:1px solid var(--border);background:var(--card);box-shadow:0 4px 20px color-mix(in srgb, var(--foreground) 3%, transparent);border-radius:16px;grid-template-columns:minmax(0,1fr) 400px;scroll-margin-top:90px;display:grid}.image-workspace.is-dragging{outline:3px dashed var(--ring);outline-offset:5px;background:var(--accent)}.image-workspace-main{flex-direction:column;min-width:0;padding:24px;display:flex}.image-preview-toolbar{justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;display:flex}.image-preview-toolbar>div:first-child{align-items:center;gap:12px;display:flex}.image-preview-toolbar p,.image-settings-title p{font-size:15px;font-weight:600}.image-preview-toolbar span{color:var(--muted-foreground);font-size:11px}.image-preview-toolbar [data-slot=toggle-group-item]{font-size:11px}.image-preview-canvas{background-color:var(--muted);background-image:conic-gradient(var(--background) 25%, transparent 0 50%, var(--background) 0 75%, transparent 0);background-size:16px 16px;border-radius:8px;justify-content:center;align-items:center;height:480px;padding:16px;display:flex;overflow:hidden;container-type:size}.image-preview-canvas img{object-fit:fill;max-width:100%;max-height:100%;display:block;box-shadow:0 3px 14px #00000015}.image-dimension-summary{color:var(--muted-foreground);justify-content:center;align-items:center;gap:18px;padding:16px 0;font-size:11px;display:flex}.image-dimension-summary strong{color:var(--foreground);margin-left:5px;font-weight:500}.image-dimension-summary svg{flex-shrink:0;width:14px;height:14px}.image-filmstrip{gap:12px;min-width:0;padding:5px 2px 10px;display:flex;overflow-x:auto}.image-filmstrip-item{flex-shrink:0;width:86px;position:relative}.image-thumbnail{border:1px solid var(--border);cursor:pointer;border-radius:7px;width:86px;height:60px;padding:3px}.image-thumbnail.is-selected{border:2px solid var(--foreground);padding:2px}.image-thumbnail img{object-fit:cover;border-radius:3px;width:100%;height:100%}.image-filmstrip-item>p{text-overflow:ellipsis;white-space:nowrap;color:var(--muted-foreground);padding-top:5px;font-size:10px;overflow:hidden}.image-filmstrip-item .image-remove{border:1px solid var(--border);border-radius:50%;width:20px;height:20px;position:absolute;top:-4px;right:-4px}.image-filmstrip-item .image-remove svg{width:11px;height:11px}.image-filmstrip-add{flex-shrink:0}.image-filmstrip-add .image-add{border-style:dashed;flex-direction:column;gap:4px;height:60px;font-size:11px}.image-selection-footer{color:var(--muted-foreground);justify-content:space-between;align-items:center;gap:8px;font-size:10px;display:flex}.image-selection-footer button{font-size:11px}.image-local-note{color:var(--muted-foreground);justify-content:center;align-items:center;gap:6px;margin-top:auto;padding-top:22px;font-size:11px;display:flex}.image-local-note svg{flex-shrink:0;width:14px;height:14px}.image-empty{background:color-mix(in srgb, var(--muted) 40%, transparent);border:1px dashed var(--border);border-radius:10px;min-height:455px}.image-file-hint{color:var(--muted-foreground);font-size:11px;line-height:1.8}.image-settings{border-left:1px solid var(--border);flex-direction:column;gap:20px;min-width:0;padding:20px 24px;display:flex}.image-settings-title{justify-content:space-between;align-items:center;display:flex}.image-settings-fields{min-width:0}.image-settings-fields:disabled{opacity:.55}.image-settings [data-slot=field-group]{gap:18px}.image-settings [data-slot=field-label]{font-size:12px}.image-settings [data-slot=field-description],.image-help{color:var(--muted-foreground);font-size:11px;line-height:1.6}.image-settings [data-slot=select-trigger],.image-settings [data-slot=input-group]{height:38px;font-size:12px}.image-settings [data-slot=input-group-input]{min-width:0;font-size:13px}.image-mode-toggle{background:var(--muted);border:1px solid var(--border);width:100%;padding:3px}.image-mode-toggle [data-slot=toggle-group-item]{flex:1;height:31px;font-size:12px}.image-mode-toggle [data-pressed]{background:var(--background);color:var(--foreground);box-shadow:0 1px 3px #0000000c}.image-dimension-fields{grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr);align-items:end;gap:8px;display:grid}.image-ratio-icon{width:14px;height:14px;margin-bottom:12px}.image-ratio-icon.is-unlocked{opacity:.25}.image-output-row{background:var(--muted);border-radius:6px;justify-content:space-between;gap:8px;padding:11px;font-size:11px;display:flex}.image-output-row span{color:var(--muted-foreground)}.image-output-row strong{font-weight:500}.image-disclosure{cursor:pointer;justify-content:space-between;align-items:center;width:100%;padding-block:2px;font-size:12px;display:flex}.image-disclosure svg{width:14px;height:14px}.image-more-options [data-slot=collapsible-content]>div{margin-top:14px}.image-download-actions{margin-top:auto}.image-download-actions>p{text-align:center;color:var(--muted-foreground);margin-top:10px;font-size:10px}.image-validation{color:var(--destructive);overflow-wrap:anywhere;font-size:12px}.image-workspace-feedback{border-top:1px solid var(--border);grid-column:1/-1;gap:12px;padding:16px 24px;display:grid}.image-task{align-items:center;gap:20px;display:flex}.image-task>div{flex:1}.image-task p{margin-bottom:10px;font-size:12px}.image-result{color:var(--muted-foreground);justify-content:space-between;align-items:center;gap:16px;font-size:12px;display:flex}.image-result:has(p:empty):not(:has(a)){display:none}.image-alert-dismiss{position:absolute;top:8px;right:8px}.image-workspace-feedback [data-slot=alert]{overflow-wrap:anywhere;padding-right:45px}.resize-page>section:not(.hero-section):not(.image-workspace){margin-top:80px}.resize-page h2{letter-spacing:-.8px;font-size:28px;font-weight:600;line-height:1.25}.resize-section-description{color:var(--muted-foreground);margin:12px auto 0;font-size:14px;line-height:1.7}.resize-steps{text-align:center}.resize-steps ol{text-align:left;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:34px;display:grid}.resize-steps li{gap:14px;display:flex}.resize-step-icon{border:1px solid var(--border);border-radius:9px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.resize-step-icon svg{width:17px;height:17px}.resize-steps h3{margin:7px 0 8px;font-size:14px;font-weight:600}.resize-steps li p{color:var(--muted-foreground);font-size:12px;line-height:1.8}.resize-proportions{background:var(--muted);border:1px solid var(--border);text-align:left;border-radius:12px;padding:42px 48px}.resize-proportions-intro{max-width:850px;margin-bottom:12px}.resize-example{grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding-block:32px;display:grid}.resize-example+.resize-example{border-top:1px solid var(--border)}.resize-example-copy h3{letter-spacing:-.4px;font-size:20px;font-weight:600;line-height:1.4}.resize-example-copy>p{color:var(--muted-foreground);margin-top:12px;font-size:14px;line-height:1.85}.resize-example-copy>.resize-example-setting{color:var(--foreground);font-size:12px;font-weight:500}.resize-example-note{border-top:1px solid var(--border);color:var(--muted-foreground);padding-top:20px;font-size:12px;line-height:1.8}.resize-comparison{align-items:center;gap:16px;max-width:820px;margin:0;display:grid}.resize-comparison figure{min-width:0}.resize-comparison figure img{border-radius:7px;width:100%;height:auto}.resize-comparison>svg{color:var(--muted-foreground);width:26px;margin-bottom:45px}.resize-comparison figcaption{overflow-wrap:anywhere;color:var(--muted-foreground);margin-top:12px;font-size:11px}.resize-comparison figcaption strong{color:var(--foreground);margin-top:5px;font-weight:500;display:block}.resize-features{grid-template-columns:1fr 1fr;gap:64px;padding:0 24px;display:grid}.resize-features>div>svg{width:24px;height:24px;margin-bottom:18px}.resize-features h3{letter-spacing:-.5px;font-size:21px;font-weight:600}.resize-features p{color:var(--muted-foreground);margin-top:12px;font-size:14px;line-height:1.9}.resize-features span{background:var(--muted);border-radius:5px;margin-top:18px;padding:6px 10px;font-size:11px;display:inline-block}.resize-size-note{border-block:1px solid var(--border);align-items:center;gap:40px;padding:30px 24px;display:flex}.resize-size-note h2{letter-spacing:-.4px;margin-top:12px;font-size:21px}.resize-unit{font-family:var(--font-geist-mono), monospace;color:var(--muted-foreground);font-size:13px}.resize-size-note p{max-width:760px;color:var(--muted-foreground);margin-top:10px;font-size:13px;line-height:1.8}.resize-size-note>a{white-space:nowrap;align-items:center;gap:8px;font-size:12px;display:flex}.resize-size-note>a svg{width:14px;height:14px}.resize-page .faq-section{max-width:820px;margin-inline:auto}.resize-page .faq-intro{text-align:center}.resize-page .faq-intro>p{color:var(--muted-foreground);margin-top:12px;font-size:14px}.resize-page .faq-list{margin-top:28px}.resize-page .faq-list [data-slot=accordion-trigger]{padding-block:19px;font-size:13px}.resize-page .faq-list [data-slot=accordion-content]{font-size:13px;line-height:1.8}.resize-noscript{text-align:center;padding-top:16px}.tools-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:24px;width:100%;max-width:1200px;margin-inline:auto;padding:30px 24px;display:flex}.tools-footer .site-brand{font-size:16px}.tools-footer .brand-mark{width:24px;height:24px}.tools-footer p{color:var(--muted-foreground);font-size:11px}.tools-footer>div>p{margin-top:10px}.tools-footer nav{gap:24px;font-size:12px;display:flex}@media (max-width:960px){.image-workspace{grid-template-columns:minmax(0,1fr) 300px}.image-workspace-main,.image-settings{padding:18px}.image-preview-canvas{height:310px}.image-preview-toolbar>div:first-child{display:block}.image-dimension-summary{gap:8px}.image-dimension-summary strong{margin:4px 0 0;display:block}.resize-steps ol{gap:20px}.resize-features{gap:32px;padding-inline:0}}@media (max-width:700px){.resize-page{padding:36px 16px 48px}.resize-page .hero-section .section-title{letter-spacing:-1px}.resize-page .hero-section .section-description{font-size:14px}.resize-trust{gap:14px;margin-bottom:26px;font-size:10px}.image-workspace{grid-template-columns:1fr}.image-settings{border-left:0;border-top:1px solid var(--border);padding:20px}.image-preview-canvas{height:260px;padding:10px}.image-empty{min-height:355px;padding:24px 16px}.image-local-note{padding-top:12px;font-size:10px}.image-workspace:not(:has(.image-preview-canvas)) .image-settings-fields{display:none}.image-result{flex-direction:column;align-items:flex-start}.image-workspace-feedback{padding:16px}.resize-page>section:not(.hero-section):not(.image-workspace){margin-top:48px}.resize-page h2{font-size:24px}.resize-steps ol{grid-template-columns:1fr;gap:24px;margin-top:24px}.resize-proportions{padding:28px 20px}.resize-example{grid-template-columns:1fr;gap:24px;padding-block:28px}.resize-example-copy h3{font-size:18px}.resize-example-copy>p{font-size:13px}.resize-comparison{gap:12px}.resize-comparison>svg{width:18px}.resize-comparison figcaption{font-size:9px}.resize-features{grid-template-columns:1fr;gap:32px}.resize-size-note{flex-direction:column;align-items:flex-start;gap:20px;padding-inline:0}.resize-size-note h2{font-size:21px}.resize-section-description{font-size:13px}.tools-footer{flex-wrap:wrap;padding:24px 20px}.tools-footer>p{width:100%}}@media (prefers-reduced-motion:reduce){.image-workspace *,.resize-page .faq-list *{transition:none!important;animation:none!important}}