*, *::before, *::after { box-sizing: border-box; }
.musiveo-importer-wrap{position:relative;background:#141414!important;color:#fff!important;padding:0;margin:0}
.musiveo-importer-wrap .musiveo-importer-card{position:relative;padding:20px;background:#1a1a1a!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:12px!important;color:#fff!important}
.musiveo-importer-wrap .mi-header{margin-bottom:16px}
.musiveo-importer-wrap .mi-header h2{margin:0 0 4px;font-size:18px;font-weight:600;color:#fff!important}
.musiveo-importer-wrap .mi-header p{margin:0;font-size:13px;color:rgba(255,255,255,.5)!important}
.musiveo-importer-wrap .mi-two-col{display:flex;gap:16px;align-items:stretch}
.musiveo-importer-wrap .mi-col-left{flex:1;min-width:0;display:flex;flex-direction:column}
.musiveo-importer-wrap .mi-col-right{flex:1;min-width:0;display:flex;flex-direction:column}
.musiveo-importer-wrap .mi-platforms{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap;justify-content:center}
.musiveo-importer-wrap .mi-platform-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:2px solid rgba(255,255,255,.12)!important;border-radius:8px;background:rgba(255,255,255,.05)!important;color:rgba(255,255,255,.3)!important;cursor:default;transition:all .25s}
.musiveo-importer-wrap .mi-platform-icon svg{width:18px!important;height:18px!important;fill:currentColor!important}
.musiveo-importer-wrap .mi-platform-icon[data-platform="shorts"] svg{width:14px!important;height:18px!important}
.musiveo-importer-wrap .mi-platform-icon.active{border-color:var(--pc)!important;background:rgba(255,255,255,.08)!important;color:var(--pc)!important}
.musiveo-importer-wrap .mi-platform-icon.active svg path:first-child{fill:var(--pc)!important}
.musiveo-importer-wrap .mi-platform-tooltip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);padding:4px 8px;background:#111!important;color:#fff!important;font-size:11px;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s;border:1px solid rgba(255,255,255,.1)!important;z-index:10}
.musiveo-importer-wrap .mi-platform-icon:hover .mi-platform-tooltip{opacity:1}
.musiveo-importer-wrap .mi-input-group{position:relative!important;display:block!important;margin-bottom:14px}
.musiveo-importer-wrap .mi-url-input{width:100%!important;padding:10px 40px 10px 14px!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:8px!important;font-size:14px;color:#fff!important;transition:all .25s;box-sizing:border-box!important;text-align:center!important}
.musiveo-importer-wrap .mi-url-input::placeholder{color:rgba(255,255,255,.3)!important;text-align:center!important}
.musiveo-importer-wrap .mi-url-input:focus{outline:none!important;border-color:rgba(255,255,255,.3)!important;box-shadow:0 0 0 3px rgba(255,255,255,.06)!important}
.musiveo-importer-wrap .mi-input-icon{position:absolute!important;right:12px!important;top:50%!important;transform:translateY(-50%)!important;width:16px!important;height:16px!important;color:rgba(255,255,255,.25)!important;pointer-events:none!important;z-index:2}
.musiveo-importer-wrap .mi-input-icon svg{width:16px!important;height:16px!important;stroke:currentColor!important;fill:none!important}
.musiveo-importer-wrap .mi-input-spinner{position:absolute!important;right:36px!important;top:50%!important;transform:translateY(-50%)!important;width:16px!important;height:16px!important;border:2px solid rgba(255,255,255,.1);border-top-color:rgba(255,255,255,.5);border-radius:50%;animation:mi-spin .6s linear infinite;display:none}
.musiveo-importer-wrap .mi-input-spinner.active{display:block}
@keyframes mi-spin{to{transform:translateY(-50%) rotate(360deg)}}
.musiveo-importer-wrap .mi-dropzone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px;border:2px dashed rgba(255,255,255,.12)!important;border-radius:10px;background:rgba(255,255,255,.02)!important;cursor:pointer;transition:all .25s;flex:1;min-height:180px;text-align:center}
.musiveo-importer-wrap .mi-dropzone:hover{border-color:rgba(255,255,255,.25)!important}
.musiveo-importer-wrap .mi-dropzone.dragover{border-color:rgba(255,255,255,.4)!important;background:rgba(255,255,255,.05)!important}
.musiveo-importer-wrap .mi-dropzone-icon{margin-bottom:12px;color:rgba(255,255,255,.2)!important}
.musiveo-importer-wrap .mi-dropzone-icon svg{width:32px!important;height:32px!important;stroke:currentColor!important;fill:none!important}
.musiveo-importer-wrap .mi-dropzone-text{font-size:14px;color:rgba(255,255,255,.7)!important;font-weight:500;margin-bottom:4px}
.musiveo-importer-wrap .mi-dropzone-sub{font-size:12px;color:rgba(255,255,255,.35)!important;margin-bottom:12px}
.musiveo-importer-wrap .mi-dropzone-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 20px;background:rgba(255,255,255,.1)!important;color:#fff!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:8px!important;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;margin-bottom:14px}
.musiveo-importer-wrap .mi-dropzone-btn:hover{background:rgba(255,255,255,.18)!important;border-color:rgba(255,255,255,.25)!important}
.musiveo-importer-wrap .mi-dropzone-terms{font-size:10px;color:rgba(255,255,255,.25)!important;line-height:1.5;max-width:260px}
.musiveo-importer-wrap .mi-dropzone.dragover .mi-dropzone-icon,.musiveo-importer-wrap .mi-dropzone.dragover .mi-dropzone-text,.musiveo-importer-wrap .mi-dropzone.dragover .mi-dropzone-sub{color:rgba(255,255,255,.6)!important}
.musiveo-importer-wrap .mi-dropzone input[type=file]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:5}
.musiveo-importer-wrap .mi-status{display:none;font-size:12px;padding:8px 12px;border-radius:8px;margin-bottom:12px}
.musiveo-importer-wrap .mi-status.active{display:block}
.musiveo-importer-wrap .mi-status--error{background:rgba(239,68,68,.12)!important;color:#fca5a5!important;border:1px solid rgba(239,68,68,.2)!important}
.musiveo-importer-wrap .mi-status--success{background:rgba(34,197,94,.12)!important;color:#86efac!important;border:1px solid rgba(34,197,94,.2)!important}
.musiveo-importer-wrap .mi-imported-list{margin-top:12px}
.musiveo-importer-wrap .mi-imported-item{display:flex;gap:10px;align-items:center;padding:10px;border:1px solid rgba(255,255,255,.06)!important;border-radius:8px;margin-bottom:6px;background:rgba(255,255,255,.03)!important;transition:border-color .2s;text-align:left}
.musiveo-importer-wrap .mi-imported-item:hover{border-color:rgba(255,255,255,.2)!important}
.musiveo-importer-wrap .mi-imported-item img{width:60px;height:40px;object-fit:cover;border-radius:6px;flex-shrink:0}
.musiveo-importer-wrap .mi-imported-item-info{flex:1;min-width:0}
.musiveo-importer-wrap .mi-imported-item-title{font-size:13px;font-weight:500;color:#fff!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.musiveo-importer-wrap .mi-imported-item-meta{font-size:11px;color:rgba(255,255,255,.4)!important;margin-top:2px}

#mi-import-modal.mi-modal{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;z-index:2147483647!important;display:none;overflow-y:auto;-webkit-overflow-scrolling:touch}
#mi-import-modal.mi-modal.mi-modal-open{display:block}
#mi-import-modal .mi-modal-backdrop{position:fixed!important;inset:0!important;background:rgba(0,0,0,.75)!important}
#mi-import-modal .mi-modal-dialog{position:relative;width:100%;height:100%;display:flex;align-items:stretch;justify-content:stretch;padding:0}
#mi-import-modal .mi-modal-content{width:100%;height:100%;background:#1a1a1a!important;border:none!important;border-radius:0!important;box-shadow:none!important;color:#fff!important;display:flex;flex-direction:column;opacity:0;transform:translateY(-20px);transition:opacity .3s ease-out,transform .3s ease-out}
#mi-import-modal.mi-modal-open .mi-modal-content{opacity:1;transform:translateY(0)}
#mi-import-modal .mi-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid rgba(255,255,255,.06)!important;flex-shrink:0}
#mi-import-modal .mi-modal-title{margin:0;font-size:18px;font-weight:600;color:#fff!important}
#mi-import-modal .mi-modal-close{width:32px;height:32px;border:none!important;background:rgba(255,255,255,.06)!important;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;color:rgba(255,255,255,.5)!important;transition:all .2s;font-size:20px;line-height:1}
#mi-import-modal .mi-modal-close:hover{background:rgba(255,255,255,.12)!important;color:#fff!important}
#mi-import-modal .mi-modal-body{padding:20px 24px;overflow-y:auto;flex:1}
#mi-import-modal .mi-form-loading{text-align:center;padding:60px;color:rgba(255,255,255,.4)!important}
#mi-import-modal .mi-spinner{width:28px;height:28px;border:3px solid rgba(255,255,255,.1);border-top-color:rgba(255,255,255,.5);border-radius:50%;animation:mi-spin-lg .6s linear infinite;margin:0 auto 12px}
@keyframes mi-spin-lg{to{transform:rotate(360deg)}}
#mi-import-modal .mi-form-top{display:flex!important;gap:20px!important;align-items:flex-start!important;margin-bottom:16px!important}
#mi-import-modal .mi-form-thumb-col{width:160px!important;flex-shrink:0!important}
#mi-import-modal .mi-form-thumb-col label{display:block!important;font-size:12px!important;font-weight:500!important;color:rgba(255,255,255,.5)!important;margin-bottom:6px!important}
#mi-import-modal .mi-form-fields-col{flex:1!important;min-width:0!important}
#mi-import-modal .mi-form-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px 14px!important}
#mi-import-modal .mi-form-field{margin-bottom:0!important}
#mi-import-modal .mi-form-field--full{grid-column:1/-1!important}
#mi-import-modal .mi-form-field--status{grid-column:1/-1!important;display:flex!important;align-items:center!important;gap:12px!important}
#mi-import-modal .mi-form-field--status label{margin-bottom:0!important;white-space:nowrap!important}
#mi-import-modal .mi-form-col-left label,#mi-import-modal .mi-form-field label{display:block!important;font-size:12px!important;font-weight:500!important;color:rgba(255,255,255,.5)!important;margin-bottom:5px!important}
#mi-import-modal .mi-required{color:#f87171!important}
#mi-import-modal .mi-thumb-area{display:flex!important;flex-direction:column!important;gap:8px!important}
#mi-import-modal .mi-thumb-preview{width:100%!important;aspect-ratio:16/10!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:8px!important;overflow:hidden!important;background:rgba(255,255,255,.04)!important;display:flex!important;align-items:center!important;justify-content:center!important;color:rgba(255,255,255,.2)!important}
#mi-import-modal .mi-thumb-preview img{width:100%!important;height:100%!important;object-fit:cover!important}
#mi-import-modal .mi-thumb-preview svg{width:28px!important;height:28px!important;stroke:currentColor!important;fill:none!important}
#mi-import-modal .mi-thumb-file{display:none!important}
#mi-import-modal .mi-thumb-btn{margin-top:0!important}
#mi-import-modal .mi-form-input{width:100%!important;padding:7px 10px!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:6px!important;font-size:13px!important;color:#fff!important;transition:all .2s!important;box-sizing:border-box!important}
#mi-import-modal .mi-form-input::placeholder{color:rgba(255,255,255,.25)!important}
#mi-import-modal .mi-form-input:focus{outline:none!important;border-color:rgba(255,255,255,.3)!important;box-shadow:0 0 0 3px rgba(255,255,255,.06)!important}
#mi-import-modal .mi-form-input[required]{border-color:rgba(255,255,255,.2)!important}
#mi-import-modal select.mi-form-input{appearance:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.4)' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 10px center!important;padding-right:30px!important}
#mi-import-modal select.mi-form-input option{background:#222!important;color:#fff!important}
#mi-import-modal textarea.mi-form-input{min-height:60px!important;resize:vertical!important}
#mi-import-modal small{color:rgba(255,255,255,.3)!important;font-weight:400!important}
#mi-import-modal .mi-form-radios{display:flex!important;gap:14px!important}
#mi-import-modal .mi-form-radio{display:inline-flex!important;align-items:center!important;gap:5px!important;font-size:13px!important;color:rgba(255,255,255,.6)!important;cursor:pointer!important}
#mi-import-modal .mi-form-radio input[type=radio]{accent-color:#fff!important}
#mi-import-modal .mi-form-checkbox{display:flex!important;align-items:center!important;gap:8px!important;font-size:13px!important;font-weight:400!important;color:rgba(255,255,255,.7)!important;cursor:pointer!important;margin-top:6px!important}
#mi-import-modal .mi-short-checkbox{width:16px!important;height:16px!important;flex-shrink:0!important;accent-color:#6366f1!important;cursor:pointer!important}
#mi-import-modal .mi-short-checkbox:disabled{opacity:.6!important;cursor:not-allowed!important}
#mi-import-modal .mi-form-notice{font-size:12px!important;padding:0!important;margin:0!important}
#mi-import-modal .mi-form-notice--error{color:#fca5a5!important}
#mi-import-modal .mi-form-notice--success{color:#86efac!important}
#mi-import-modal .mi-form-notice--duplicate{display:flex!important;align-items:flex-start!important;gap:10px!important;padding:12px 14px!important;margin:0 0 4px!important;font-size:13px!important;line-height:1.45!important;background:rgba(99,102,241,.12)!important;border:1px solid rgba(99,102,241,.35)!important;border-radius:10px!important;color:#c7d2fe!important}
#mi-import-modal .mi-form-notice--duplicate .mi-dup-icon{flex-shrink:0!important;width:20px!important;height:20px!important;color:#a5b4fc!important;margin-top:1px}
#mi-import-modal .mi-form-notice--duplicate .mi-dup-icon svg{width:20px!important;height:20px!important;stroke:currentColor!important;fill:none!important}
#mi-import-modal .mi-form-notice--duplicate strong{color:#e0e7ff!important}
#mi-import-modal .mi-form-notice--duplicate p{margin:4px 0 0!important;color:rgba(199,210,254,.85)!important}
#mi-import-modal .mi-form-notice--duplicate a.mi-dup-link{display:inline-block!important;margin-top:10px!important;padding:6px 12px!important;border-radius:8px!important;background:rgba(99,102,241,.35)!important;color:#fff!important;font-weight:500!important;text-decoration:none!important;transition:background .2s!important}
#mi-import-modal .mi-form-notice--duplicate a.mi-dup-link:hover{background:rgba(99,102,241,.55)!important}
#mi-import-modal .mi-modal-footer{display:flex!important;gap:8px!important;justify-content:flex-end!important;padding:12px 24px!important;border-top:1px solid rgba(255,255,255,.06)!important;flex-shrink:0!important}
#mi-import-modal .mi-btn{padding:8px 18px!important;border-radius:8px!important;font-size:13px!important;font-weight:500!important;cursor:pointer!important;border:none!important;transition:all .2s!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
#mi-import-modal .mi-btn-primary{background:#fff!important;color:#111!important}
#mi-import-modal .mi-btn-primary:hover{background:rgba(255,255,255,.85)!important}
#mi-import-modal .mi-btn-primary:disabled{opacity:.35!important;cursor:not-allowed!important;pointer-events:none!important}
#mi-import-modal .mi-btn-secondary{background:rgba(255,255,255,.08)!important;color:rgba(255,255,255,.6)!important;border:1px solid rgba(255,255,255,.1)!important}
#mi-import-modal .mi-btn-secondary:hover{background:rgba(255,255,255,.12)!important;color:#fff!important}
@media(max-width:768px){.musiveo-importer-wrap .mi-two-col{flex-direction:column}.musiveo-importer-wrap .mi-col-left,.musiveo-importer-wrap .mi-col-right{width:100%}#mi-import-modal .mi-form-top{flex-direction:column!important}#mi-import-modal .mi-form-thumb-col{width:100%!important}#mi-import-modal .mi-form-grid{grid-template-columns:1fr!important}#mi-import-modal .mi-form-field--status{flex-direction:column!important;align-items:flex-start!important}}

/* Toasts — match Audio/Video Optimizer style */
.mi-toast{position:fixed!important;left:50%!important;top:16px!important;transform:translateX(-50%)!important;background:rgba(44,44,44,.95)!important;color:#fff!important;padding:12px 14px!important;border-radius:10px!important;z-index:2147483647!important;box-shadow:0 8px 20px rgba(0,0,0,.25)!important;display:flex!important;align-items:center!important;gap:10px!important;font:500 14px/1.4 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif!important;opacity:0;transition:opacity .25s ease!important;max-width:90vw;pointer-events:none}
.mi-toast.mi-visible{opacity:1!important}
.mi-toast .mi-spinner{display:inline-block;width:16px!important;height:16px!important;border:2px solid rgba(255,255,255,.25)!important;border-top-color:#fff!important;border-radius:50%!important;animation:mi-rot .8s linear infinite;flex-shrink:0}
@keyframes mi-rot{to{transform:rotate(360deg)}}

/* Upload progress bar */
.mi-progress{position:fixed!important;left:16px!important;right:16px!important;bottom:64px!important;height:10px!important;border-radius:10px!important;background:rgba(255,255,255,.08)!important;overflow:hidden!important;z-index:2147483646!important;box-shadow:0 8px 20px rgba(0,0,0,.15)!important}
.mi-progress>div{height:100%;width:0;background:linear-gradient(90deg,#5b8cff,#7c5bff)!important;transition:width .2s ease!important}

/* Full-screen upload overlay with loading animation */
.mi-upload-overlay{position:fixed!important;inset:0!important;background:rgba(0,0,0,.6)!important;z-index:2147483646!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:18px!important;opacity:0!important;transition:opacity .25s ease!important;pointer-events:auto}
.mi-upload-overlay.mi-visible{opacity:1!important}
.mi-upload-overlay .mi-overlay-spinner{width:54px!important;height:54px!important;border:4px solid rgba(255,255,255,.15)!important;border-top-color:#fff!important;border-radius:50%!important;animation:mi-rot .8s linear infinite}
.mi-upload-overlay .mi-overlay-text{color:#fff!important;font:500 15px/1.4 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif!important;letter-spacing:.3px}

/* Max upload size label */
.musiveo-importer-wrap .mi-dropzone-max{margin-top:8px;font-size:12px;color:rgba(255,255,255,.45);font-weight:500}

/* Read-only Stream URL field (URL imports) */
#mi-import-modal [name="stream"]:read-only{opacity:.65!important;cursor:not-allowed!important;background:rgba(255,255,255,.03)!important;color:rgba(255,255,255,.7)!important}

#mi-import-modal .mi-stream-field.hidden{display:none !important;}