.dragdrop-upload-widget{margin-bottom:1.5rem}.dragdrop-upload-widget>label{display:block;margin-bottom:.5rem;font-weight:600;color:#1e293b}.dragdrop-upload-widget>label .mandatory{color:#dc2626;margin-left:.15em}.dragdrop-zone{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:1rem;padding:1rem 1.5rem;border:2px dashed #94a3b8;border-radius:10px;background:#f8fafc;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s;min-height:80px;text-align:center;outline:none;-webkit-user-select:none;user-select:none}.dragdrop-zone:focus-visible{outline:3px solid #2563eb;outline-offset:3px}.dragdrop-zone:hover{border-color:#2563eb;background:#eff6ff}.dragdrop-zone.is-dragover{border-style:solid;border-color:#2563eb;background:#dbeafe;box-shadow:0 0 0 4px #bfdbfe}.dragdrop-zone.has-error{border-color:#dc2626;background:#fef2f2}.dragdrop-icon svg{width:28px;height:28px;flex-shrink:0;color:#64748b;transition:color .2s,transform .2s;pointer-events:none}.dragdrop-zone:hover .dragdrop-icon svg,.dragdrop-zone.is-dragover .dragdrop-icon svg{color:#2563eb;transform:translateY(-3px)}.dragdrop-hint{margin:0;font-size:.9375rem;color:#475569;line-height:1.45;pointer-events:none}.dragdrop-hint span{color:#2563eb;font-weight:600;text-decoration:underline;text-underline-offset:2px}.dragdrop-info{margin:0;font-size:.75rem;color:#94a3b8;letter-spacing:.02em;pointer-events:none;display:none}.dragdrop-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:1}.dragdrop-filelist{list-style:none;margin:.625rem 0 0;padding:0;display:flex;flex-direction:column;gap:.375rem}.dragdrop-filelist li{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:6px;background:#f1f5f9;font-size:.875rem;transition:background .15s}.dragdrop-filelist li.is-uploading{background:#eff6ff}.dragdrop-filelist li.is-success{background:#f0fdf4}.dragdrop-filelist li.is-error{background:#fef2f2}.dragdrop-filelist .file-icon{flex-shrink:0;width:18px;height:18px}.dragdrop-filelist li.is-uploading .file-icon{color:#2563eb}.dragdrop-filelist li.is-success .file-icon{color:#16a34a}.dragdrop-filelist li.is-error .file-icon{color:#dc2626}.dragdrop-filelist .file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#1e293b;font-weight:500;min-width:0}.dragdrop-filelist .file-error-msg{color:#dc2626;font-size:.8125rem;grid-column:2 / 4;margin-top:-.25rem}.dragdrop-filelist .file-size{color:#94a3b8;font-size:.75rem;white-space:nowrap}.dragdrop-filelist .file-progress{width:72px;height:3px;background:#e2e8f0;border-radius:2px;overflow:hidden}.dragdrop-filelist .file-progress-bar{height:100%;background:#2563eb;border-radius:2px;transition:width .2s ease}.dragdrop-filelist .file-remove{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:none;background:#fff0;color:#94a3b8;cursor:pointer;border-radius:4px;transition:color .15s,background .15s;flex-shrink:0}.dragdrop-filelist .file-remove svg{width:13px;height:13px}.dragdrop-filelist .file-remove:hover{color:#dc2626;background:#fee2e2}.dragdrop-zone-error{margin:.375rem 0 0;color:#dc2626;font-size:.875rem}.dragdrop-upload-widget>.error{margin:.375rem 0 0;color:#dc2626;font-size:.875rem}.dragdrop-upload-widget>.help{margin:.375rem 0 0;color:#64748b;font-size:.8125rem}@keyframes dragdrop-spin{to{transform:rotate(360deg)}}.dragdrop-spin{animation:dragdrop-spin .75s linear infinite}@media (prefers-color-scheme:dark){.dragdrop-upload-widget>label{color:#e2e8f0}.dragdrop-zone{background:#1e293b;border-color:#475569}.dragdrop-zone:hover,.dragdrop-zone.is-dragover{background:#1e3a5f;border-color:#3b82f6}.dragdrop-hint{color:#94a3b8}.dragdrop-icon svg{color:#94a3b8}.dragdrop-filelist li{background:#1e293b}.dragdrop-filelist li.is-uploading{background:#172554}.dragdrop-filelist li.is-success{background:#052e16}.dragdrop-filelist li.is-error{background:#450a0a}.dragdrop-filelist .file-name{color:#e2e8f0}}@media (max-width:480px){.dragdrop-zone{padding:1.5rem 1rem;min-height:120px}.dragdrop-icon svg{width:34px;height:34px}.dragdrop-hint{font-size:.875rem}.dragdrop-filelist li{grid-template-columns:auto 1fr auto}.dragdrop-filelist .file-progress{display:none}}