.fa-upload-zone.fa-upload-zone{display:flex;flex-direction:column;align-items:stretch;gap:8px;min-width:0;max-width:100%;height:auto;padding:14px;border:2px dashed var(--fa-border,#b8c0ca);border-radius:10px;background:var(--fa-surface,#fff);color:var(--fa-text,#17212b);text-align:start;white-space:normal;transition:border-color .15s,background-color .15s}
.fa-upload-zone.fa-upload-zone:focus-within{outline:2px solid var(--accent2,#b78600);outline-offset:2px}
.fa-upload-zone.fa-upload-over{border-color:#ad7b00;background:#fff5cf;color:#17212b;outline:2px solid #ad7b00;outline-offset:2px}
.fa-upload-zone:has(input:disabled){opacity:.6;cursor:not-allowed}
.fa-upload-zone .fa-upload-hint{display:block;font-size:.875rem;font-weight:500;line-height:1.5}
.fa-upload-zone .fa-upload-status{display:block;font-size:.8125rem;line-height:1.5;overflow-wrap:anywhere;font-weight:400}
.fa-upload-zone .fa-upload-status:empty{display:none}
.fa-upload-zone .fa-upload-error{color:#b42318}
.fa-upload-zone input[type=file]{min-width:0;max-width:100%;width:100%;box-sizing:border-box}
.fa-upload-zone.image-upload-label input[type=file]{position:static;inset:auto;height:auto;opacity:1;padding:6px;margin:0}
.fa-upload-zone[hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){.fa-upload-zone.fa-upload-zone{transition:none}}

html:is([data-cms-theme=dark],[data-site-theme=dark]) .fa-upload-zone:not(.fa-upload-over) .fa-upload-error{color:#ffb4ab}