.aif{--aif-orange:#f37021;--aif-orange-soft:#fff7ed;--aif-line:#e7e5e4;--aif-muted:#78716c;--aif-ink:#1c1917;border:1px solid var(--aif-line);box-sizing:border-box;background:#fff;border-radius:14px;flex-direction:column;gap:10px;width:100%;padding:14px;display:flex}.aif-label{color:var(--aif-ink);margin:0;font-size:13px;font-weight:800}.aif-row{grid-template-columns:minmax(0,1fr) minmax(220px,1.15fr);align-items:start;gap:14px;display:grid}.aif.is-stacked .aif-row{grid-template-columns:1fr}.aif.is-stacked .aif-preview-empty.aif-preview--banner,.aif.is-stacked .aif-preview.aif-preview--banner{max-height:min(280px,40vw)}@media (max-width:720px){.aif-row{grid-template-columns:1fr}}.aif-guide{background:var(--aif-orange-soft);color:#9a3412;border:1px dashed #fdba74;border-radius:10px;gap:4px;margin:0;padding:10px 12px;font-size:12px;font-weight:500;line-height:1.45;display:grid}.aif-guide strong{color:#7c2d12;font-weight:800}.aif-preview-wrap{flex-direction:column;gap:6px;min-width:0;display:flex}.aif-preview-label{color:var(--aif-muted);text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:11px;font-weight:700}.aif-preview{aspect-ratio:3/2;object-fit:cover;border:1px solid var(--aif-line);background:#f5f5f4;border-radius:12px;width:100%;max-height:180px;display:block}.aif-preview.is-wide{aspect-ratio:16/10;max-height:200px}.aif-preview.aif-preview--banner{object-fit:contain;background:#f5f5f4 repeating-conic-gradient(#eee 0% 25%,#fafafa 0% 50%) 50%/16px 16px;min-height:72px;max-height:none}.aif-preview-empty{aspect-ratio:3/2;border:1.5px dashed var(--aif-line);width:100%;max-height:180px;color:var(--aif-muted);text-align:center;box-sizing:border-box;background:#fafaf9;border-radius:12px;place-items:center;padding:12px;font-size:12px;font-weight:600;display:grid}.aif-preview-empty.aif-preview--banner{min-height:72px;max-height:none}.aif-crop-overlay{z-index:100000;box-sizing:border-box;background:#1c1917b8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.aif-crop-modal{background:#fff;border-radius:16px;flex-direction:column;gap:12px;width:min(920px,100%);padding:14px;display:flex;box-shadow:0 20px 50px #00000047}.aif-crop-head{flex-direction:column;gap:4px;display:flex}.aif-crop-head strong{color:var(--aif-ink);align-items:center;gap:8px;font-size:15px;display:inline-flex}.aif-crop-head span{color:var(--aif-muted);font-size:12px}.aif-crop-stage{background:#1c1917;border-radius:12px;width:100%;height:min(52vh,420px);position:relative;overflow:hidden}.aif-crop-zoom{color:var(--aif-muted);align-items:center;gap:12px;font-size:12px;font-weight:700;display:flex}.aif-crop-zoom input{flex:1}.aif-crop-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.aif-input{border:1.5px solid var(--aif-line);width:100%;height:42px;color:var(--aif-ink);box-sizing:border-box;background:#fff;border-radius:10px;outline:none;padding:0 12px;font-family:inherit;font-size:13px;font-weight:500}.aif-input:focus{border-color:var(--aif-orange);box-shadow:0 0 0 3px #f370211f}.aif-actions{flex-wrap:wrap;gap:8px;display:flex}.aif-btn{cursor:pointer;box-sizing:border-box;white-space:nowrap;color:#57534e;border:none;border:1.5px solid var(--aif-line);background:#fff;border-radius:9px;justify-content:center;align-items:center;gap:6px;height:34px;padding:0 12px;font-family:inherit;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.aif-btn:hover:not(:disabled){background:#fafaf9}.aif-btn:disabled{opacity:.6;cursor:not-allowed}.aif-btn.is-outline{color:#c2410c;border-color:#f3702173}.aif-btn.is-outline:hover:not(:disabled){background:var(--aif-orange-soft)}.aif-progress{background:#e7e5e4;border-radius:99px;height:6px;overflow:hidden}.aif-progress-bar{background:#ea580c;height:100%;transition:width .2s}.aif-alert{border-radius:10px;margin:0;padding:10px 12px;font-size:12px;font-weight:600}.aif-alert.is-warn{color:#9a3412;background:#fff7ed;border:1px solid #fdba74}.aif-alert.is-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.cat-logo-field .aif-preview-wrap{max-width:260px}.cat-logo-field .aif-preview{object-fit:cover!important;border-radius:50%!important;width:120px!important;max-width:none!important;height:120px!important;overflow:hidden!important}.cat-logo-field .aif-preview-empty{border-radius:50%!important;width:120px!important;height:120px!important}
