@layer wertigo.components{.file-dropzone__input{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed}:where(.file-dropzone){width:100%}.file-dropzone--stretch{flex:auto;align-self:stretch;min-height:260px;display:flex}.file-dropzone--stretch .file-dropzone__zone{flex:auto}.file-dropzone__mini,.file-dropzone__zone{width:100%;color:inherit;cursor:pointer;transition:border-color .18s,background-color .18s,color .18s}.file-dropzone__zone{pointer-events:var(--file-dropzone-zone-pointer-events,inherit);border:1px dashed var(--ds-line-strong);border-radius:var(--ds-radius-lg);background:var(--ds-surface);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:260px;padding:24px;display:flex}.file-dropzone__zone--floating{z-index:2;width:min(420px,100% - 32px);min-height:190px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.file-dropzone__zone:hover:not(.file-dropzone__zone--locked){background:var(--ds-brand-soft);border-color:#ea555566}.file-dropzone__zone--active{border-color:var(--ds-brand);background:var(--ds-danger-soft)}.file-dropzone__zone--floating.file-dropzone__zone--active{transform:translate(-50%,-50%)}.file-dropzone__mini:disabled,.file-dropzone__zone--locked{cursor:not-allowed;opacity:.64}.file-dropzone__actions,.file-dropzone__camera,.file-dropzone__copy,.file-dropzone__mini-action,.file-dropzone__mini-copy,.file-dropzone__mini-title,.file-dropzone__picker,.file-dropzone__title{align-items:center;display:inline-flex}.file-dropzone__copy{flex-direction:column;gap:8px}.file-dropzone__actions{flex-wrap:wrap;justify-content:center;gap:8px}.file-dropzone__title{font-size:var(--ds-text-lg);font-weight:var(--ds-weight-bold);color:var(--ds-ink);justify-content:center;gap:8px;line-height:1.25}.file-dropzone__title-icon{width:22px;height:22px;color:var(--ds-brand);flex-shrink:0}.file-dropzone__caption{color:var(--ds-muted);font-size:var(--ds-text-md);line-height:1.45}.file-dropzone__picker{background:var(--ds-ink);color:var(--ds-on-brand);border:1px solid #11182714;padding:0 18px}.file-dropzone__camera,.file-dropzone__picker{border-radius:var(--ds-radius-lg);min-height:42px;font:inherit;font-size:var(--ds-text-md);font-weight:var(--ds-weight-bold);cursor:pointer;justify-content:center;gap:8px}.file-dropzone__camera{background:var(--ds-surface);color:var(--ds-ink);border:1px solid #1118273d;padding:0 16px;display:none}.file-dropzone__camera:disabled,.file-dropzone__picker:disabled{cursor:not-allowed}.file-dropzone__camera-icon{color:var(--ds-ink)}.file-dropzone__camera-icon,.file-dropzone__picker-icon{width:18px;height:18px}.file-dropzone__mini{border:1px dashed var(--ds-line-strong);border-radius:var(--ds-radius-lg);background:var(--ds-surface);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:118px;padding:12px;display:flex}.file-dropzone__mini:hover:not(:disabled){background:var(--ds-brand-soft);border-color:#ea555566}.file-dropzone__mini--active{border-color:var(--ds-brand);background:var(--ds-danger-soft)}.file-dropzone__mini-copy{flex-direction:column;gap:6px}.file-dropzone__mini-title{color:var(--ds-ink);font-size:var(--ds-text-lg);font-weight:var(--ds-weight-bold);justify-content:center;gap:7px;line-height:1.25}.file-dropzone__mini-title-icon{width:20px;height:20px;color:var(--ds-brand);flex-shrink:0}.file-dropzone__mini-caption{color:var(--ds-muted);font-size:var(--ds-text-md);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.45;display:-webkit-box;overflow:hidden}.file-dropzone__mini-action{border-radius:var(--ds-radius-md);background:var(--ds-ink);min-height:44px;color:var(--ds-on-brand);font-size:var(--ds-text-md);font-weight:var(--ds-weight-bold);gap:8px;padding:0 16px}.file-dropzone__mini-icon{flex-shrink:0;width:18px;height:18px}@media (max-width:720px){.file-dropzone__actions{width:min(100%,260px);display:grid}.file-dropzone__camera{display:flex}}}