.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),0 0 0 var(--civic-focus-ring-width)var(--civic-focus-ring);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}form{gap:var(--gap-xl);flex-direction:column;display:flex}.form-group{gap:var(--gap-xs);flex-direction:column;display:flex}.form-group label{font-weight:var(--font-weight-medium);color:var(--civic-muted);display:block}label{color:var(--civic-muted);display:block}input,textarea{width:100%;padding:var(--civic-space-4xl)var(--civic-space-xl);border-radius:var(--radius-sm);border:var(--civic-border-width)solid var(--civic-border);background:var(--civic-input-bg);color:var(--civic-text);transition:border-color var(--civic-duration-xs)var(--civic-ease-default),box-shadow var(--civic-duration-xs)var(--civic-ease-default),background var(--civic-duration-xs)var(--civic-ease-default)}input:focus,textarea:focus{outline:none}input:focus-visible,textarea:focus-visible{border-color:var(--civic-primary);box-shadow:0 0 0 var(--civic-focus-ring-width)var(--civic-focus-ring)}.file-dropzone:focus-within{border-color:var(--civic-primary-glow-border);box-shadow:0 0 0 var(--civic-focus-ring-width)var(--civic-focus-ring)}