.filedrop{display:flex;flex-direction:column;gap:10px}.filedrop .filedrop-zone{border:1.5px dashed var(--b);border-radius:11px;padding:22px;text-align:center;color:var(--t3);font-size:12.5px;background:var(--bg2);cursor:pointer;transition:var(--tr);display:block}.filedrop .filedrop-zone svg{width:26px;height:26px;margin-bottom:8px;color:var(--t4);transition:var(--tr)}.filedrop .filedrop-zone .filedrop-hint{display:block;margin-top:4px;font-size:11px;color:var(--t4)}.filedrop .filedrop-zone *{pointer-events:none}.filedrop .filedrop-zone:hover:not(.is-disabled){border-color:var(--p);background:var(--plr);color:var(--pd)}.filedrop .filedrop-zone:hover:not(.is-disabled) svg{color:var(--pd)}.filedrop .filedrop-zone.is-dragging{border-color:var(--p);background:var(--plr);color:var(--pd);box-shadow:0 0 0 3px var(--plr)}.filedrop .filedrop-zone.is-dragging svg{color:var(--pd);transform:translateY(-2px)}.filedrop .filedrop-zone:focus-visible{outline:none;border-color:var(--p);box-shadow:0 0 0 3px var(--plr)}.filedrop .filedrop-zone.is-disabled{cursor:not-allowed;opacity:.6}.filedrop .filedrop-list{display:flex;flex-direction:column;gap:6px}.filedrop .filedrop-item{display:flex;align-items:center;gap:9px;padding:9px 12px;background:var(--bg2);border:1px solid var(--bl);border-radius:9px;font-size:12.5px;color:var(--t1)}.filedrop .filedrop-item svg:first-child{flex-shrink:0;color:var(--pd)}.filedrop .filedrop-item .filedrop-item-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.filedrop .filedrop-item .filedrop-item-size{flex-shrink:0;font-size:11.5px;color:var(--t4);font-variant-numeric:tabular-nums}.filedrop .filedrop-item button{width:24px;height:24px;border:none;background:var(--bg);border-radius:6px;color:var(--t3);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--tr)}.filedrop .filedrop-item button:hover{background:var(--erl);color:var(--erd)}