.file-dropzone{border-radius:var(--radius-sm);border:var(--civic-border-width)dashed var(--civic-border);background:var(--civic-input-bg);padding:var(--civic-space-6xl)var(--civic-space-3xl);gap:var(--gap-sm);cursor:pointer;transition:border-color var(--civic-duration-xs)var(--civic-ease-default),background var(--civic-duration-xs)var(--civic-ease-default),box-shadow var(--civic-duration-xs)var(--civic-ease-default),transform var(--civic-duration-xs)var(--civic-ease-default);flex-direction:column;display:flex;position:relative}.file-dropzone-label{color:var(--civic-text);font-weight:var(--font-weight-medium)}.file-dropzone--active{border-color:var(--civic-primary);background:var(--civic-primary-soft);box-shadow:0 0 0 var(--civic-space-hairline)var(--civic-primary-glow-border);transform:translateY(var(--civic-translate-lift-xs))}.file-input{inset:var(--civic-space-none);opacity:0;cursor:pointer;position:absolute}.file-input::file-selector-button{display:none}.file-input::-webkit-file-upload-button{visibility:hidden}.video-upload-preview{border-radius:var(--radius-sm);border:var(--civic-border-width)solid var(--civic-border);background:var(--civic-input-bg);width:100%;max-width:20rem;margin-inline:auto;overflow:hidden}.video-upload-preview-player{background:var(--civic-surface-2);width:100%;max-height:min(12rem,80vh);display:block}