.home-resize-entry{display:flex;align-items:center;gap:16px;margin-top:24px;padding:18px 24px;background:#f5f3fa;border-radius:12px}.home-resize-icon{width:40px;height:40px;display:grid;place-items:center;background:#fff;border-radius:9px;color:#75638d}.home-resize-entry strong{display:block;font-size:13px}.home-resize-entry small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.home-resize-cta{display:flex;align-items:center;gap:18px;margin-left:auto;font-size:11px;font-weight:650}.home-resize-cta svg{width:16px;height:16px}
.resize-intro{margin-bottom:28px}.resize-intro h2{font-size:27px;letter-spacing:-1px}.resize-intro p{font-size:12px;color:var(--muted);margin-top:8px}.resize-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:36px;align-items:start}.resize-settings{display:flex;flex-direction:column;gap:22px}.resize-settings h3,.resize-settings legend{font-size:12px;font-weight:700;margin-bottom:12px}.resize-settings>label{font-size:11px}.resize-settings fieldset{margin:0;padding:0;border:0;min-width:0}.resize-settings [hidden]{display:none!important}.resize-upload{position:relative;display:flex;padding:20px 14px;border:1px dashed #d6d1df;border-radius:12px;text-align:center;cursor:pointer;background:#faf9fc;overflow:hidden;min-height:150px;justify-content:center}.resize-upload.dragover{border-color:#7662de;background:#f0ecff}.resize-upload:focus-visible{outline:2px solid #7662de;outline-offset:3px}.resize-upload>input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:1}.resize-source{display:flex;flex-direction:column;align-items:center;gap:9px;min-width:0}.resize-source>svg{width:24px;height:24px;color:#a39aae;margin-bottom:6px}.resize-source strong{font-size:11px;font-weight:650;overflow-wrap:anywhere}.resize-source small{font-size:10px;color:var(--muted)}.resize-source img{max-width:100%;height:120px;object-fit:contain;margin-bottom:6px}.resize-upload-error{font-size:11px;color:#ab3a49;margin-top:8px}.resize-upload-error:empty{display:none}.resize-settings select{font-size:12px;height:40px}.resize-all{font-size:11px;margin-bottom:12px;cursor:pointer}.resize-all input,.resize-format input{accent-color:#18191c}.resize-formats>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.resize-format{position:relative;cursor:pointer}.resize-format input{position:absolute;opacity:0;width:1px;height:1px;min-height:0}.resize-format>span{display:flex;align-items:center;flex-direction:column;gap:5px;border:1px solid var(--line);border-radius:8px;padding:12px 8px;background:#fff}.resize-format strong{font-size:13px}.resize-format small{font-size:9px;color:var(--muted)}.resize-format input:checked+span{border-color:#18191c;background:#f6f5f7}.resize-format input:focus-visible+span{outline:2px solid #7662de;outline-offset:2px}.resize-rule{font-size:10px;color:var(--muted);line-height:1.7;margin-top:-10px}.resize-rule a{display:block;text-decoration:underline;text-underline-offset:3px;margin-top:5px}.resize-mode{display:grid;gap:8px}.resize-mode>label{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:9px;padding:13px;font-weight:400;cursor:pointer}.resize-mode input{width:15px;height:15px;min-height:0;margin:2px 0 0;accent-color:#18191c}.resize-mode label:has(input:checked){border-color:#18191c}.resize-mode strong{font-size:11px;display:block}.resize-mode small{font-size:10px;color:var(--muted);display:block;margin-top:5px;line-height:1.5}.resize-settings input[type=color]{width:100%;height:38px;cursor:pointer}.resize-settings input[type=range]{min-height:24px;accent-color:#18191c;padding:0}.resize-settings #resize-position{display:grid;gap:16px}.resize-results{min-width:0;background:#fafafb;border-radius:16px;padding:24px;min-height:520px}.resize-result-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.resize-result-heading h3{font-size:16px}.resize-result-heading p{font-size:11px;color:var(--muted);margin-top:6px}.resize-result-heading .btn{font-size:11px;flex-shrink:0;padding-right:24px}.resize-result-heading .btn svg{width:15px;height:15px}.resize-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.resize-preview{min-width:0}.resize-preview-art{height:260px;display:flex;align-items:center;justify-content:center;background:#eeedf0;border-radius:10px;padding:16px}.resize-preview-art canvas{display:block;max-width:100%;max-height:100%;width:auto;height:auto;box-shadow:0 2px 8px #0001;object-fit:contain}.resize-preview-caption{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:14px}.resize-preview h4{font-size:12px;margin:0}.resize-preview-caption p{font-size:10px;color:var(--muted);margin-top:5px}.resize-preview-caption .btn{font-size:10px;padding:0 12px;min-height:34px}.resize-file-status,.resize-upscale{font-size:10px;line-height:1.6;margin-top:8px;color:var(--muted)}.resize-error{color:#a9414e}.resize-upscale{color:#93733d}.resize-local-note{font-size:10px;line-height:1.7;color:var(--muted);margin-top:22px}.resize-empty{min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.resize-empty h3{font-size:18px;margin-top:28px;letter-spacing:-.5px}.resize-empty p{max-width:270px;color:var(--muted);font-size:12px;margin-top:10px}.resize-shapes{display:flex;gap:12px;align-items:center}.resize-shapes span{display:block;border:1px solid #c8c1d8;border-radius:6px;background:#f3f0f8;width:62px;height:62px}.resize-shapes span:nth-child(2){width:53px;height:86px}.resize-shapes span:nth-child(3){width:88px;height:48px}
.sidebar>.nav{min-height:0;overflow-y:auto;scrollbar-width:thin}
@media(max-width:1150px){.resize-layout{grid-template-columns:250px minmax(0,1fr);gap:24px}.resize-results{padding:20px}.resize-preview-grid{grid-template-columns:1fr}.resize-result-heading{align-items:flex-start;flex-direction:column}}
@media(max-width:850px){.resize-layout{grid-template-columns:1fr}.resize-settings{display:grid;grid-template-columns:1fr 1fr;gap:20px}.resize-settings .resize-field,.resize-settings .resize-formats,.resize-rule,.resize-mode{grid-column:1/-1}.resize-result-heading{flex-direction:row}.resize-preview-grid{grid-template-columns:1fr 1fr}.resize-formats>div{grid-template-columns:repeat(4,minmax(0,1fr))}.home-resize-entry{padding:16px;gap:12px}.home-resize-cta{font-size:0;gap:0}.home-resize-cta svg{width:20px;height:20px}.resize-preview-art{height:200px}}
@media(max-width:650px){.resize-intro h2{font-size:23px}.resize-preview-grid{grid-template-columns:1fr}.resize-results{padding:16px}.resize-result-heading{flex-wrap:wrap}.resize-result-heading .btn{width:100%}.resize-formats>div{grid-template-columns:1fr 1fr}.resize-rule{margin-top:0}.resize-empty{padding:20px;min-height:280px}.resize-preview-art{height:270px}.home-resize-entry small{font-size:10px}.home-resize-entry strong{font-size:12px}.home-resize-icon{width:34px;height:34px;flex-shrink:0}}

.home-resize-entry{padding-right:var(--action-arrow-inset)}
.resize-methods{display:flex;gap:24px;border-bottom:1px solid var(--line);margin-bottom:28px}.resize-methods button{padding:12px 0;border-bottom:2px solid transparent;font-size:13px;color:var(--muted);transition:color .15s,border-color .15s}.resize-methods button[aria-pressed=true]{border-color:#18191c;color:#18191c;font-weight:650}.resize-ai-fields{display:grid;gap:22px;min-width:0;margin:0;padding:0;border:0}.resize-ai-fields:disabled{opacity:.65}.resize-ai-fields label{display:grid;gap:8px;font-size:12px}.resize-ai-login{display:grid;gap:18px;max-width:360px;padding:20px 0}.resize-ai-login p{font-size:12px;color:var(--muted);line-height:1.6}.resize-ai-projects{display:flex;align-items:end;gap:20px;margin-bottom:24px}.resize-ai-projects label{display:grid;gap:8px;min-width:220px;font-size:12px}.resize-ai-projects [data-ai-saved]{margin:auto 0;font-size:11px;color:var(--muted);flex:1}.resize-ai-sizes{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.resize-ai-sizes button{display:flex;align-items:center;gap:12px;background:#eeedf1;border-radius:6px;padding:8px 10px;font-size:12px}.resize-ai-sizes button:hover{background:#e4e1e8}.resize-ai-sizes span{color:var(--muted)}.resize-ai-custom{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) 38px;align-items:end;gap:8px;margin-bottom:18px}.resize-ai-custom>span{padding-bottom:12px;color:var(--muted)}.resize-ai-custom input{width:100%;min-width:0}.resize-ai-custom .btn{padding:0;min-width:0;min-height:40px}.resize-ai-actions{display:grid;gap:10px}.resize-ai-actions .btn{width:100%}.resize-ai-outputs{display:grid;gap:28px;margin-top:24px}.resize-ai-result{min-width:0;padding-bottom:24px;border-bottom:1px solid var(--line)}.resize-ai-result h4{font-size:15px}.resize-ai-result p{font-size:11px;color:var(--muted);margin-top:6px;overflow-wrap:anywhere}.resize-ai-pass{color:#276c44;font-size:11px}.resize-ai-comparison{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0}.resize-ai-comparison figure{margin:0;min-width:0}.resize-ai-comparison img{width:100%;height:230px;object-fit:contain;background:#f0eff2;border-radius:8px}.resize-ai-comparison figcaption{font-size:11px;color:var(--muted);padding-top:8px}.resize-ai-issues{padding:14px 0 0 18px;font-size:12px;color:#a9414e;line-height:1.7}.resize-ai-login input,.resize-ai-projects select{width:100%}@media(max-width:850px){.resize-ai-fields{grid-column:1/-1}.resize-ai-projects{flex-wrap:wrap}.resize-ai-projects label{flex:1}.resize-ai-projects [data-ai-saved]{flex-basis:100%;order:3}}@media(max-width:650px){.resize-methods{gap:18px}.resize-methods button{font-size:12px}.resize-ai-comparison{gap:10px}.resize-ai-comparison img{height:170px}.resize-ai-projects label{min-width:160px}}@media(prefers-reduced-motion:reduce){.resize-methods button{transition:none}}

.resize-source-list{display:grid;gap:8px;margin-top:12px}.resize-source-list>div{display:flex;align-items:center;gap:9px;min-width:0}.resize-source-list img{width:38px;height:42px;object-fit:contain;border-radius:5px}.resize-source-list span{flex:1;min-width:0}.resize-source-list strong{display:block;font-size:10px;overflow-wrap:anywhere}.resize-source-list small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.resize-preview h4{overflow-wrap:anywhere}