.resize-file-info{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--theme-alpha-04);border:1px solid var(--theme-alpha-15);border-radius:var(--radius-md);display:flex}.resize-file-info__text{flex-direction:column;flex:1;gap:2px;display:flex;overflow:hidden}.resize-file-info__name{color:var(--color-ink-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.9375rem;font-weight:500;overflow:hidden}.resize-file-info__size{color:var(--color-ink-faint);font-size:.8125rem}.resize-options-panel{gap:var(--space-4);flex-direction:column;display:flex}.resize-layout{gap:var(--space-6);grid-template-columns:360px 1fr;display:grid}@media (width<=768px){.resize-layout{grid-template-columns:1fr}}.resize-controls{background:var(--color-canvas-soft);border:1px solid var(--color-border-hairline);border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.resize-overline-text{text-transform:uppercase;letter-spacing:.05em;color:var(--color-ink-muted);margin:0;font-size:.8125rem;font-weight:600}.resize-tabs{border-radius:var(--radius-md);background:#0000000a;align-items:center;padding:4px;display:flex}.resize-tab{border-radius:var(--radius-sm);color:var(--color-ink-secondary);cursor:pointer;transition:all var(--duration-fast);background:0 0;border:none;flex:1;padding:8px 12px;font-size:.8125rem;font-weight:600}.resize-tab:hover{color:var(--color-ink-primary)}.resize-tab--active{color:var(--color-ink-primary);background:#fff;box-shadow:0 1px 3px #0000001a}.resize-fields{align-items:center;gap:var(--space-3);display:flex}.resize-field{gap:var(--space-1);flex-direction:column;flex:1;display:flex}.resize-label{color:var(--color-ink-secondary);font-size:.75rem;font-weight:600}.resize-input-wrap{border:1.5px solid var(--color-border-hairline);border-radius:var(--radius-sm);background:var(--color-canvas-base);align-items:center;display:flex;overflow:hidden}.resize-input-wrap:focus-within{border-color:var(--color-brand-primary)}.resize-input{width:100%;min-width:0;color:var(--color-ink-primary);text-align:right;background:0 0;border:none;outline:none;flex:1;padding:8px;font-size:.875rem}.resize-unit{color:var(--color-ink-muted);border-left:1px solid var(--color-border-hairline);background:#00000008;padding:8px;font-size:.8125rem;font-weight:600}.resize-lock-btn{border-radius:var(--radius-sm);color:var(--color-ink-secondary);cursor:pointer;transition:all var(--duration-fast);background:#0000000a;border:none;justify-content:center;align-self:flex-end;align-items:center;padding:10px;display:flex}.resize-lock-btn:hover{color:var(--color-ink-primary);background:#00000014}.resize-lock-btn--active{color:var(--color-brand-primary);background:var(--theme-alpha-08)}.resize-preview-area{flex-direction:column;flex:1;display:flex}.resize-preview-card{gap:var(--space-2);padding:var(--space-4);border:1.5px solid var(--color-border-hairline);border-radius:var(--radius-lg);background:var(--color-canvas-soft);flex-direction:column;flex:1;display:flex}.resize-preview-label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-ink-muted);font-size:.8125rem;font-weight:600}.resize-preview-img-wrap{border:1px solid var(--color-border-hairline);border-radius:var(--radius-md);background:repeating-conic-gradient(#e5e5e5 0% 25%,#fff 0% 50%) 0 0/12px 12px;flex:1;justify-content:center;align-items:center;min-height:200px;display:flex;overflow:hidden}.resize-preview-canvas{object-fit:contain;max-width:100%;max-height:400px}.resize-preview-meta{margin-top:var(--space-2);flex-direction:column;align-items:center;gap:2px;display:flex}.resize-estimate-size{color:var(--color-brand-primary);font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:800}.resize-actions{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.resize-export-wrap{border:1px solid var(--color-border-hairline);border-radius:var(--radius-md);padding:0 var(--space-2);background:#fff;align-items:center;height:48px;display:flex}.resize-export-select{color:var(--color-ink-primary);padding:0 var(--space-2);cursor:pointer;background:0 0;border:none;outline:none;font-size:.875rem;font-weight:600}.resize-result{align-items:center;gap:var(--space-5);padding:var(--space-5) var(--space-6);background:var(--color-success-bg);border-radius:var(--radius-lg);animation:fade-in-up var(--duration-slow) var(--ease-out);border:1px solid #0f7b3f33;flex-wrap:wrap;display:flex}.resize-result__icon{border-radius:var(--radius-pill);background:var(--color-accent-green);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.resize-result__meta{flex:1;min-width:120px}.resize-result__label{color:var(--color-accent-green);font-size:1rem;font-weight:600}.resize-result__size{color:var(--color-ink-muted);font-variant-numeric:tabular-nums;margin-top:2px;font-size:.875rem}