.file-drop{width:100%;display:flex;align-items:center;gap:14px;text-align:left;padding:20px;margin:20px 0;border:1px dashed #c4a7ff66;border-radius:16px;background:#17141c80;color:var(--ink,#f5f1ed);transition:background .2s,border-color .2s;cursor:pointer}
.file-drop svg{width:28px;height:28px;flex:0 0 auto;fill:none;stroke:#d4c0ef;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.file-drop span{display:grid;gap:5px;min-width:0}.file-drop strong{font-size:15px;font-weight:500}.file-drop small{font-size:12px;color:#b5aabb}
.file-drop:hover,.file-drop.is-over{border-color:#dbc1ff;background:#30233980}.file-drop:focus-visible{outline:2px solid #dbc1ff;outline-offset:4px}.file-drop:disabled{opacity:.5;cursor:wait}
[data-drop-reference].is-over{outline:2px dashed #dbc1ff;outline-offset:5px;background:#30233980}
.file-drop-feedback{position:fixed;inset:14px;z-index:45;pointer-events:none;border:1px solid #d4b6fa99;border-radius:20px;box-shadow:inset 0 0 50px #b78ee814;display:flex;align-items:flex-end;justify-content:center;padding:24px}
.file-drop-feedback[hidden]{display:none}.file-drop-feedback p{margin:0;max-width:440px;padding:16px 24px;border:1px solid #c4a7ff66;border-radius:14px;background:#18131ff5;box-shadow:0 12px 50px #0008;color:#f4edf8;font-size:16px;text-align:center}
.file-drop-feedback[data-allowed=false]{border-color:#958a9b66}.file-drop-feedback[data-allowed=false] p{color:#c3b8c9}
@media(max-width:700px){.file-drop{padding:18px;gap:12px}.file-drop strong{font-size:14px}.file-drop-feedback{inset:8px;padding:16px}.file-drop-feedback p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.file-drop{transition:none}}