.source-clip-modal{position:fixed;inset:0;z-index:2147483646;display:flex;align-items:center;justify-content:center;padding:20px;background:#02040bcc;backdrop-filter:blur(12px)}
.source-clip-modal.hidden,.source-clip-panel .hidden{display:none!important}
.source-clip-panel{width:min(1180px,100%);max-height:calc(100dvh - 24px);overflow:auto;padding:24px;border:1px solid #ffffff24;border-radius:24px;background:#11131bd9;box-shadow:0 30px 90px #000a;color:#fff}
.source-clip-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.source-clip-head h2{margin:0 0 5px;font-size:25px}.source-clip-head p{margin:0;color:#aeb2c3}
.source-clip-label{display:block;margin:0 0 7px;color:#c7cad5}.source-clip-panel select{width:100%;margin-bottom:16px}
.source-clip-video-wrap{position:relative;border-radius:16px;background:#050608;overflow:hidden}.source-clip-video-wrap:fullscreen{display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;border-radius:0;background:#000}.source-clip-video-wrap:fullscreen #sourceClipVideo{width:100vw;height:100vh;max-height:100vh;object-fit:contain}
#sourceClipVideo{display:block;width:100%;height:min(70dvh,800px);background:#050608;object-fit:contain;image-rendering:auto}
.source-clip-quality{position:absolute;top:10px;right:10px;padding:5px 9px;border:1px solid #ffffff26;border-radius:999px;background:#05070bcc;color:#fff;font-size:12px;pointer-events:none;backdrop-filter:blur(6px)}
.source-clip-time-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.source-clip-time-grid label{display:grid;gap:7px;color:#c7cad5}.source-clip-time-grid input{width:100%;padding:12px 14px;border:1px solid #ffffff20;border-radius:12px;background:#090b12cc;color:#fff;font:inherit}
.source-clip-time-grid input[type=number]{appearance:textfield;-moz-appearance:textfield}.source-clip-time-grid input[type=number]::-webkit-inner-spin-button,.source-clip-time-grid input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.source-clip-range-group{display:grid;gap:10px;margin:16px 0}.source-clip-range-group>div{display:grid;grid-template-columns:60px 1fr;align-items:center;gap:12px;color:#b9bdca}.source-clip-range-group input{width:100%;accent-color:#786cff}
.source-clip-markers,.source-clip-actions{display:flex;flex-wrap:wrap;gap:10px}.source-clip-actions{justify-content:flex-end;margin-top:18px}.source-clip-actions button{min-width:128px}
.source-clip-summary{display:flex;justify-content:space-between;gap:10px;margin-top:15px;color:#aeb2c3}.source-clip-summary strong{color:#fff}.source-clip-status{min-height:24px;margin-top:12px;color:#ffcf73}.source-clip-empty{padding:28px;border:1px dashed #ffffff22;border-radius:14px;color:#aeb2c3;text-align:center}
.source-clip-open{cursor:pointer}
@media(max-width:640px){.source-clip-modal{align-items:flex-end;padding:0}.source-clip-panel{max-height:96dvh;padding:18px;border-radius:22px 22px 0 0}.source-clip-head h2{font-size:21px}.source-clip-time-grid{grid-template-columns:1fr 1fr}.source-clip-markers button{flex:1 1 42%}.source-clip-summary{display:grid}.source-clip-actions{position:sticky;bottom:-18px;margin:16px -18px -18px;padding:12px 18px calc(12px + env(safe-area-inset-bottom));background:#11131bf2}.source-clip-actions button{flex:1}#sourceClipVideo{height:min(54dvh,620px)}.source-clip-quality{top:7px;right:7px;font-size:11px}}