.card--resize-preview{grid-area:1/1/4/3}.card--resize-upload{grid-area:1/3}.card--resize-settings{grid-area:2/3}.card--export{grid-area:3/3}.resize-controls{flex-direction:column;gap:16px;padding:16px 20px 20px;display:flex}.resize-presets{gap:8px;display:flex}.btn-preset{border-radius:var(--r-xs);color:var(--text-secondary);transition:all var(--t-fast) var(--ease);background:#ffffff0a;border:1px solid #ffffff1a;flex:1;padding:8px;font-size:.75rem;font-weight:600}.btn-preset:hover{color:var(--text-primary);background:#ffffff14}.btn-preset.active{color:var(--text-primary);background:#6366f126;border-color:#6366f166}.resize-inputs{align-items:flex-end;gap:12px;display:flex}.input-col{flex-direction:column;flex:1;gap:6px;display:flex}.input-col label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-size:.65rem;font-weight:600}.input-col input{border-radius:var(--r-xs);width:100%;color:var(--text-primary);font-family:var(--font);transition:border-color var(--t-fast) var(--ease);background:#ffffff0a;border:1px solid #ffffff1a;outline:none;padding:10px 12px;font-size:1rem;font-weight:600}.input-col input:focus{border-color:#6366f166}.link-icon{color:var(--text-tertiary);cursor:pointer;transition:color var(--t-fast) var(--ease);margin-bottom:12px}.link-icon.linked{color:var(--accent-indigo)}@media (width<=1024px){main.bento{grid-template-rows:auto!important;grid-template-columns:1fr!important;height:auto!important}.card{grid-area:auto/1!important}}