.media-upload-card{display:grid;gap:14px;padding:18px;border:1px solid rgba(157,157,157,.18);border-radius:18px;background:rgba(18,18,18,.94);box-shadow:0 18px 40px rgba(0,0,0,.16)}
.media-upload-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.media-upload-head>div{display:grid;gap:3px}.media-upload-head span{font-size:10px;letter-spacing:0;color:#939393;font-weight:800}.media-upload-head strong{font-size:18px;color:#f8f8f8}.media-upload-head small{max-width:680px;color:#a3a3a3;line-height:1.45}.media-upload-route{flex:0 0 auto;border:1px solid rgba(203,203,203,.25);border-radius:999px;padding:7px 10px;font-size:10px!important;letter-spacing:0!important;color:#dbdbdb!important;background:rgba(169,169,169,.08)}.media-upload-route[data-route="lan"]{color:#89f1b2!important;border-color:rgba(83,226,137,.3);background:rgba(58,201,112,.09)}
.media-drop-zone{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:16px;min-height:112px;padding:18px;border:1px dashed rgba(163,163,163,.32);border-radius:16px;background:rgba(21,21,21,.72);cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}.media-drop-zone:hover,.media-drop-zone.dragging{border-color:rgba(204,204,204,.65);background:rgba(39,39,39,.86)}.media-drop-zone.dragging{transform:translateY(-1px)}.media-drop-zone[aria-disabled="true"]{opacity:.48;cursor:not-allowed}.media-drop-icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:rgba(119,119,119,.08);border:1px solid rgba(190,190,190,.22)}.media-drop-icon svg{width:25px;height:25px;fill:#dbdbdb}.media-drop-copy{display:grid;gap:5px;min-width:0}.media-drop-copy strong{font-size:15px;color:#f6f6f6}.media-drop-copy small{color:#9b9b9b;line-height:1.45}.media-drop-copy b{color:#c7c7c7;font-weight:700}.media-upload-pick{white-space:nowrap;border:1px solid rgba(173,173,173,.24);border-radius:11px;background:rgba(137,137,137,.1);color:#eaeaea;padding:10px 13px;font-weight:750;cursor:pointer}.media-upload-pick:hover{background:rgba(137,137,137,.17)}.media-upload-pick:disabled{opacity:.45;cursor:not-allowed}
.media-upload-queue{display:grid;gap:9px;padding-top:2px}.media-upload-queue-head{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#a2a2a2;font-size:11px}.media-upload-queue-head strong{color:#e4e4e4}.media-upload-queue-list{display:grid;gap:7px}.media-upload-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,34%);align-items:center;gap:12px;padding:10px 12px;border:1px solid rgba(152,152,152,.13);border-radius:12px;background:rgba(16,16,16,.58)}.media-upload-file{display:grid;gap:3px;min-width:0}.media-upload-file strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e8e8e8;font-size:12px}.media-upload-file small{color:#949494;font-size:10px}.media-upload-progress{height:7px;overflow:hidden;border-radius:99px;background:rgba(129,129,129,.14)}.media-upload-progress i{display:block;height:100%;border-radius:inherit;background:#c8c8c8;transition:width .15s linear}.media-upload-row.done .media-upload-progress i{background:#82e6a8}.media-upload-row.error{border-color:rgba(246,102,102,.18)}.media-upload-row.error .media-upload-progress i{background:#e56262}
.media-upload-lan{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:13px;background:rgba(13,13,13,.52);border:1px solid rgba(145,145,145,.12)}.media-upload-lan-copy{display:grid;gap:3px;min-width:0;flex:1}.media-upload-lan-copy strong{font-size:12px;color:#e7e7e7}.media-upload-lan-copy small{color:#969696;line-height:1.4}.media-upload-lan-copy code{color:#dbdbdb}.media-upload-lan button{border:0;border-radius:9px;padding:8px 10px;background:rgba(148,148,148,.1);color:#e3e3e3;cursor:pointer;font-size:11px;font-weight:750}.media-upload-card.disabled .media-drop-zone{opacity:.48}
@media(max-width:720px){.media-upload-card{padding:14px}.media-upload-head{align-items:flex-start}.media-upload-route{max-width:128px;text-align:center}.media-drop-zone{grid-template-columns:42px 1fr;min-height:132px}.media-drop-icon{width:42px;height:42px}.media-upload-pick{grid-column:1/-1;width:100%}.media-upload-row{grid-template-columns:1fr}.media-upload-lan{align-items:flex-start;flex-direction:column}.media-upload-lan button{width:100%}}