.media-manager-drawer{background:#fff;bottom:0;box-shadow:0 4px 20px rgba(0,0,0,.1);display:flex;flex-direction:column;height:100vh;overflow:hidden;position:fixed;right:-110%;top:0;transition:all .3s cubic-bezier(.43,.83,.54,1.02);width:600px;z-index:1506}.media-manager-drawer.show{right:0}.media-manager-drawer-mask{background:rgba(0,0,0,.25);cursor:pointer;display:none;inset:0;position:fixed;z-index:1505}.media-manager-drawer.show~.media-manager-drawer-mask{display:block}.rtl .media-manager-drawer{left:-110%;right:auto}.rtl .media-manager-drawer.show{left:0;right:auto}@media (max-width:768px){.media-manager-drawer{width:100vw}}.mm-drawer-header{align-items:center;display:flex;justify-content:space-between;padding:12px 16px}.mm-drawer-header,.mm-drawer-tabs{border-bottom:1px solid #e9ecef;flex-shrink:0}.mm-drawer-tabs .nav-tabs{border-bottom:0;padding:0 16px}.mm-drawer-tabs .mm-tab-link{border:0;border-bottom:2px solid transparent;border-radius:0;color:#6c757d;font-size:13px;padding:8px 12px}.mm-drawer-tabs .mm-tab-link.active{background:transparent;border-bottom-color:var(--primary,#3b82f6);color:var(--primary,#3b82f6)}.mm-drawer-body{flex:1;overflow-y:auto;padding:16px}.mm-tab-pane{display:none}.mm-tab-pane.active{display:block}.mm-upload-zone{margin-bottom:12px}.mm-upload-area{align-items:center;border:2px dashed #dee2e6;border-radius:8px;color:#6c757d;cursor:pointer;display:flex;flex-direction:column;gap:6px;justify-content:center;padding:16px;transition:border-color .2s,background .2s}.mm-upload-area.drag-over,.mm-upload-area:hover{background:rgba(59,130,246,.04);border-color:var(--primary,#3b82f6)}.mm-upload-area i{font-size:24px}.mm-upload-progress .progress{border-radius:3px;height:6px}.mm-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:12px}.mm-toolbar-actions{align-items:center;display:flex;gap:6px}.mm-search-box{width:140px}.mm-search-box .form-control{font-size:12px}.mm-breadcrumb{align-items:center;display:flex;flex-shrink:0;font-size:13px;gap:2px;overflow-x:auto;white-space:nowrap}.mm-breadcrumb-item{border-radius:4px;color:var(--primary,#3b82f6);cursor:pointer;padding:2px 4px}.mm-breadcrumb-item:hover{background:rgba(59,130,246,.08)}.mm-breadcrumb-separator{color:#adb5bd;margin:0 2px}.mm-breadcrumb-item:last-child{color:#333;cursor:default;font-weight:500}.mm-file-browser{min-height:200px;position:relative}.mm-file-grid{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.mm-file-grid.list-view{gap:2px}.mm-file-grid.list-view,.mm-item{display:flex;flex-direction:column}.mm-item{align-items:center;border:2px solid transparent;border-radius:8px;cursor:pointer;padding:10px 6px;text-align:center;transition:background .15s}.mm-item:hover{background:#f8f9fa}.mm-item.selected{background:rgba(59,130,246,.06);border-color:var(--primary,#3b82f6)}.mm-item-icon{align-items:center;display:flex;height:52px;justify-content:center;margin-bottom:6px;width:52px}.mm-item-icon i{font-size:32px}.mm-item-icon .mm-item-thumb{border-radius:4px;height:52px;-o-object-fit:cover;object-fit:cover;width:52px}.mm-item-folder .mm-item-icon i{color:#f59e0b}.mm-item-name{color:#333;font-size:11px;line-height:1.3;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mm-item-size{color:#999;font-size:10px}.list-view .mm-item{align-items:center;flex-direction:row;gap:10px;padding:6px 10px;text-align:left}.list-view .mm-item-icon{flex-shrink:0;height:28px;margin-bottom:0;width:28px}.list-view .mm-item-icon i{font-size:20px}.list-view .mm-item-icon .mm-item-thumb{height:28px;width:28px}.list-view .mm-item-name{flex:1;font-size:13px}.list-view .mm-item-size{flex-shrink:0;font-size:12px}.mm-empty,.mm-loading{align-items:center;color:#adb5bd;display:flex;flex-direction:column;justify-content:center;padding:40px 20px}.mm-empty i{font-size:48px;margin-bottom:8px}.mm-selection-bar{align-items:center;background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;flex-shrink:0;justify-content:space-between;padding:10px 16px}.mm-selection-info{align-items:center;display:flex;flex:1;gap:10px;overflow:hidden}.mm-selection-thumb{border-radius:4px;flex-shrink:0;height:36px;-o-object-fit:cover;object-fit:cover;width:36px}.mm-selection-details{overflow:hidden}.mm-selection-name{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mm-selection-meta{font-size:11px}.mm-selection-actions{display:flex;flex-shrink:0;gap:4px;margin-left:8px}.mm-trigger{align-items:flex-start;gap:10px}.mm-preview-box,.mm-trigger{display:flex;flex-direction:column}.mm-preview-box{gap:4px;width:250px}.mm-preview-thumb{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;height:250px;overflow:hidden;position:relative;width:250px}.mm-clear-btn,.mm-preview-thumb{align-items:center;display:flex;justify-content:center}.mm-clear-btn{background:rgba(0,0,0,.5);border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:12px;height:20px;opacity:0;padding:0;position:absolute;right:8px;top:8px;transition:opacity .15s;width:20px;z-index:2}.mm-preview-thumb:hover .mm-clear-btn{opacity:1}.mm-clear-btn:hover{background:rgba(220,53,69,.85)}.mm-preview-thumb-img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.mm-preview-thumb-icon{align-items:center;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:16px;text-align:center}.mm-dropzone{border-style:solid;cursor:pointer;transition:border-color .2s,background .2s}.mm-dropzone.drag-over{background:rgba(59,130,246,.04);border-color:var(--primary,#3b82f6);border-style:dashed}.mm-dropzone.drag-over .mm-preview-thumb-empty,.mm-dropzone.drag-over .mm-preview-thumb-icon,.mm-dropzone.drag-over .mm-preview-thumb-img{opacity:.3}.mm-dropzone.drag-over .mm-dropzone-overlay{display:flex!important}.mm-dropzone-overlay{align-items:center;color:var(--primary,#3b82f6);display:flex;flex-direction:column;font-size:13px;font-weight:500;gap:6px;inset:0;justify-content:center;pointer-events:none;position:absolute;z-index:3}.mm-dropzone-overlay i{font-size:36px}.mm-dropzone-progress{bottom:12px;left:12px;position:absolute;right:12px;text-align:center;z-index:3}.mm-dropzone-progress .progress{border-radius:3px;height:6px;margin-bottom:4px}.mm-dropzone-status{color:#6c757d;font-size:12px}.mm-preview-thumb-empty{align-items:center;color:#ced4da;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.mm-preview-thumb-empty i{font-size:48px;span{font-size:12px}}.mm-preview-thumb-icon i{color:#6c757d;font-size:48px}.mm-preview-thumb-filename{color:#333;font-size:12px;max-width:210px}.mm-preview-path,.mm-preview-thumb-filename{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mm-preview-path{display:block;font-size:11px;max-width:250px}.mm-bunny-collection-list .mm-bunny-collection{border:1px solid #e9ecef;border-radius:6px;margin-bottom:6px;overflow:hidden}.mm-bunny-collection-header{align-items:center;background:#f8f9fa;cursor:pointer;display:flex;justify-content:space-between;padding:8px 12px}.mm-bunny-collection-header:hover{background:#e9ecef}.mm-bunny-collection-videos{display:none;padding:4px 8px}.mm-bunny-collection.expanded .mm-bunny-collection-videos{display:block}.mm-bunny-video-item{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:8px;padding:6px 8px}.mm-bunny-video-item:hover{background:#f8f9fa}.mm-bunny-video-item.selected{background:rgba(59,130,246,.08)}.mm-bunny-video-status{border-radius:10px;flex-shrink:0;font-size:11px;padding:2px 6px}.mm-bunny-video-status.ready{background:#d1fae5;color:#065f46}.mm-bunny-video-status.processing{background:#fef3c7;color:#92400e}.mm-url-preview-card{align-items:center;border:1px solid #e9ecef;border-radius:6px;display:flex;gap:10px;margin-bottom:12px;padding:10px}.mm-url-preview-thumb{border-radius:4px;height:45px;-o-object-fit:cover;object-fit:cover;width:80px}.mm-usage-warning{background:#fff3cd;border:1px solid #ffc107;border-radius:6px;margin-bottom:12px;padding:12px}.mm-usage-warning ul{margin:8px 0;padding-left:20px}.mm-usage-warning-actions{display:flex;gap:8px;justify-content:flex-end}.mm-new-folder-form{display:flex;gap:6px;margin-bottom:12px}.mm-new-folder-form .form-control{font-size:13px}
