.file-field{margin-bottom:28px}.file-label{display:block;margin-bottom:8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.file-drop-zone{position:relative;min-height:230px;border:2px dashed #c9bcae;background:#faf8f4;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:28px!important;margin:0!important;text-align:center;cursor:pointer;transition:border-color .2s,background .2s,transform .2s;text-transform:none!important;letter-spacing:0!important}.file-drop-zone:hover,.file-drop-zone:focus-visible,.file-drop-zone.is-dragging{border-color:var(--red);background:#fff4ef;outline:0}.file-drop-zone.is-dragging{transform:scale(1.01)}.file-drop-zone input[type=file]{position:absolute;width:1px!important;height:1px;opacity:0;pointer-events:none}.drop-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:var(--ink);font:700 27px var(--display);margin-bottom:5px}.drop-title{font:600 22px var(--display);text-transform:uppercase}.drop-subtitle{font-size:13px;color:#756c64}.drop-subtitle strong{color:var(--red)}.drop-formats{font-size:10px;color:var(--muted);margin-top:5px}.file-drop-zone.has-file>.drop-icon,.file-drop-zone.has-file>.drop-title,.file-drop-zone.has-file>.drop-subtitle,.file-drop-zone.has-file>.drop-formats{display:none}.file-preview{width:100%;display:grid;grid-template-columns:76px 1fr auto;align-items:center;gap:16px;text-align:left}.file-preview[hidden]{display:none}.file-preview img,.file-type-icon{width:76px;height:60px;object-fit:cover;background:var(--ink)}.file-type-icon{display:grid;place-items:center;color:#fff;font-size:18px}.file-type-icon[hidden]{display:none}.file-details{min-width:0}.file-details strong{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-details small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.file-preview button{width:36px;height:36px;border:1px solid var(--line);background:#fff;color:var(--red);font-size:22px;line-height:1}.file-preview button:hover{border-color:var(--red)}@media(max-width:600px){.file-drop-zone{min-height:190px;padding:20px!important}.file-preview{grid-template-columns:58px 1fr auto}.file-preview img,.file-type-icon{width:58px;height:52px}}