.media-modal{position:fixed;z-index:1200;inset:0;display:grid;place-items:center;padding:20px;background:rgba(0,5,12,.86);backdrop-filter:blur(14px)}.media-dialog{width:min(1100px,100%);max-height:calc(100vh - 40px);overflow:auto;border:1px solid #2b6595;border-radius:16px;background:#061526;box-shadow:0 35px 100px #000}.media-dialog>header{position:sticky;z-index:2;top:0;display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #1c4264;background:rgba(6,21,38,.95)}.media-dialog h2{margin:2px 0;font-size:20px}.media-dialog>header button{border:1px solid #285985;border-radius:8px;background:#0a2745;color:#fff;padding:9px 12px}.media-body{padding:18px}.media-stage{position:relative;display:grid;place-items:center;min-height:260px;border:1px solid #183f60;border-radius:12px;background:#000;overflow:hidden}.media-stage video{display:block;width:100%;max-height:62vh;background:#000}.media-loading,.media-error{padding:50px 24px;text-align:center;color:#b7c9da}.media-error{color:#ff9bad}.clip-editor{margin-top:16px;padding:16px;border:1px solid #214e73;border-radius:12px;background:rgba(4,15,28,.8)}.clip-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:15px}.clip-steps span{padding:9px;text-align:center;border:1px solid #214e73;border-radius:8px;color:#91a5ba}.clip-steps .active{border-color:#1686ff;color:#fff;background:#0a3159}.clip-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.clip-grid label{font-size:14px}.clip-grid input,.clip-grid select,.clip-grid textarea{width:100%;padding:10px;border:1px solid #285985;border-radius:8px;background:#020b16;color:#fff}.clip-note{grid-column:1/-1}.time-capture{display:grid;grid-template-columns:1fr auto;gap:7px}.time-capture button,.clip-editor-actions button{border:1px solid #285985;border-radius:8px;background:#0a2745;color:#fff;padding:9px 12px}.clip-editor-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:14px}.clip-save-status{margin-right:auto;color:#4de1aa}.media-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}.media-tab{border:1px solid #285985;border-radius:999px;background:#061526;color:#b7c9da;padding:8px 13px}.media-tab.active{border-color:#1686ff;background:#0a3159;color:#fff}.media-section-title{margin:22px 0 4px;color:#f4f8fd}.library-row .type-badge{display:inline-block;margin-right:7px;padding:2px 7px;border-radius:999px;background:#0b2d4d;color:#48b6ff;font-size:11px;text-transform:capitalize}@media(max-width:700px){.media-modal{padding:0}.media-dialog{height:100vh;max-height:none;border-radius:0}.media-body{padding:12px}.clip-grid{grid-template-columns:1fr}.clip-note{grid-column:auto}.clip-editor-actions{align-items:stretch;flex-direction:column}.clip-save-status{margin:0}.media-stage video{max-height:45vh}}
