/* SENSIK Studio Workflow Fix — additive overrides only; existing approved CSS remains intact. */
#studio-workspace .edit-trimmer-card {
  min-width:0!important; padding:14px!important; border:1px solid rgba(116,190,206,.22)!important;
  border-radius:17px!important; background:linear-gradient(145deg,rgba(16,30,45,.96),rgba(7,15,25,.99))!important;
  box-shadow:0 14px 32px rgba(0,0,0,.17),inset 0 1px 0 rgba(255,255,255,.025)!important;
}
#studio-workspace .et-header { display:flex!important; align-items:center!important; gap:10px!important; min-width:0; margin:0 0 12px!important; }
#studio-workspace .et-play-btn { display:grid!important; place-items:center!important; flex:0 0 38px!important; width:38px!important; height:38px!important; padding:0!important; border:1px solid rgba(83,244,218,.3)!important; border-radius:50%!important; color:#052724!important; background:linear-gradient(135deg,#60f0da,#29c8c1)!important; box-shadow:0 0 20px rgba(73,245,213,.12)!important; }
#studio-workspace .et-file-meta-wrap { flex:1 1 auto; min-width:0; display:flex; flex-direction:column; gap:4px; }
#studio-workspace .et-filename { min-width:0; overflow:hidden; color:#e6f7ff!important; font-size:12px!important; font-weight:850!important; text-overflow:ellipsis; white-space:nowrap; }
#studio-workspace .et-file-meta { color:#7f9aa9; font-size:10px; font-weight:650; }
#studio-workspace .et-times { display:flex!important; flex-direction:column!important; align-items:flex-end!important; gap:4px!important; flex:0 0 auto; white-space:nowrap; }
#studio-workspace .et-time-cur { color:#a9bfd0!important; font-size:10px!important; font-weight:750!important; font-variant-numeric:tabular-nums; }
#studio-workspace .et-time-mask { color:#62ebd5!important; font-size:10px!important; font-weight:850!important; font-variant-numeric:tabular-nums; }
#studio-workspace .et-close-btn { display:grid!important; place-items:center!important; flex:0 0 30px!important; width:30px!important; height:30px!important; padding:0!important; border:1px solid rgba(238,131,162,.23)!important; border-radius:9px!important; color:#e5a6bd!important; background:rgba(238,131,162,.06)!important; }
#studio-workspace .et-waveform-wrap { position:relative!important; height:82px!important; margin:0 0 7px!important; overflow:hidden!important; border:1px solid rgba(139,166,196,.16)!important; border-radius:11px!important; background:linear-gradient(180deg,#0c1926,#080f1a)!important; cursor:crosshair!important; touch-action:pan-y; outline:none; }
#studio-workspace .et-waveform-wrap:focus-visible { border-color:rgba(73,245,213,.65)!important; box-shadow:0 0 0 3px rgba(73,245,213,.09)!important; }
#studio-workspace .et-wave-bars { position:absolute!important; inset:0!important; display:flex!important; align-items:center!important; justify-content:space-around!important; gap:2px!important; padding:0 7px!important; pointer-events:none!important; z-index:0!important; }
#studio-workspace .et-wave-bars>span { flex:1 1 2px!important; min-width:1px!important; max-width:5px!important; border-radius:3px!important; background:linear-gradient(180deg,rgba(116,149,255,.9),rgba(69,87,161,.45))!important; box-shadow:0 0 5px rgba(95,125,255,.09); }
#studio-workspace .et-wave-play-progress { position:absolute; top:0; bottom:0; left:0; width:0; z-index:1; background:linear-gradient(90deg,rgba(56,223,200,.13),rgba(80,155,255,.12)); border-right:1px solid rgba(111,239,220,.8); pointer-events:none; }
#studio-workspace .et-wave-dim-left,#studio-workspace .et-wave-dim-right { position:absolute!important; top:0!important; bottom:0!important; z-index:2!important; background:rgba(3,8,15,.64)!important; pointer-events:none!important; }
#studio-workspace .et-wave-dim-left { left:0!important; width:0; }
#studio-workspace .et-wave-dim-right { right:0!important; width:0; }
#studio-workspace .et-wave-selection { position:absolute!important; top:0!important; bottom:0!important; left:0; width:100%; z-index:3!important; border-left:2px solid #5ef0d9!important; border-right:2px solid #5ef0d9!important; background:linear-gradient(90deg,rgba(45,210,194,.08),rgba(88,135,255,.13))!important; box-shadow:inset 0 0 15px rgba(71,233,214,.07),0 0 9px rgba(73,245,213,.11)!important; pointer-events:none!important; }
#studio-workspace .et-wave-current-line { position:absolute; top:0; bottom:0; left:0; width:2px; z-index:4; background:#f7fffd; box-shadow:0 0 8px rgba(92,244,220,.85); pointer-events:none; opacity:.92; }
#studio-workspace .et-wave-legend { display:flex; flex-wrap:wrap; justify-content:space-between; gap:6px 12px; margin:0 2px 10px; color:#8298ad; font-size:9px; }
#studio-workspace .et-wave-legend span { display:inline-flex; align-items:center; gap:5px; }
#studio-workspace .et-legend-dot { width:7px; height:7px; border-radius:50%; display:inline-block; background:#fff; }
#studio-workspace .et-legend-dot.is-progress { background:#64f1da; box-shadow:0 0 7px rgba(100,241,218,.4); }
#studio-workspace .et-legend-dot.is-selection { background:#7c91ff; }
#studio-workspace .et-range-header,#studio-workspace .et-range-footer { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:7px 12px; color:#8299ae; font-size:10px; }
#studio-workspace .et-range-header { margin:0 1px 3px; }
#studio-workspace .et-range-header strong,#studio-workspace .et-range-footer strong { color:#e7fbf7; font-variant-numeric:tabular-nums; }
#studio-workspace .et-dual-slider-wrap { position:relative!important; height:28px!important; margin:0 4px 4px!important; }
#studio-workspace .et-slider-track-bg { position:absolute!important; top:11px!important; left:0!important; right:0!important; height:5px!important; border-radius:999px!important; background:rgba(122,148,179,.23)!important; }
#studio-workspace .et-slider-fill-bar { position:absolute!important; top:11px!important; left:0; width:100%; height:5px!important; border-radius:999px!important; background:linear-gradient(90deg,#35d3c4,#8298ff)!important; z-index:1!important; pointer-events:none!important; }
#studio-workspace .et-grip-line { position:absolute; top:-5px; width:3px; height:15px; border-radius:3px; background:#edfffc; box-shadow:0 0 0 3px rgba(73,245,213,.17),0 0 9px rgba(73,245,213,.24); }
#studio-workspace .et-grip-line.left { left:-1px; }
#studio-workspace .et-grip-line.right { right:-1px; }
#studio-workspace input.et-range-input { position:absolute!important; inset:0!important; z-index:3!important; width:100%!important; height:28px!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; pointer-events:none!important; appearance:none!important; -webkit-appearance:none!important; }
#studio-workspace input.et-range-input::-webkit-slider-runnable-track { height:5px; background:transparent; }
#studio-workspace input.et-range-input::-webkit-slider-thumb { width:16px; height:16px; margin-top:-5.5px; border:2px solid #eafffc; border-radius:50%; background:#35d3c4; box-shadow:0 0 0 4px rgba(53,211,196,.15),0 0 10px rgba(53,211,196,.25); cursor:ew-resize; -webkit-appearance:none; appearance:none; pointer-events:auto; }
#studio-workspace input.et-range-input::-moz-range-track { height:5px; background:transparent; }
#studio-workspace input.et-range-input::-moz-range-thumb { width:12px; height:12px; border:2px solid #eafffc; border-radius:50%; background:#35d3c4; box-shadow:0 0 0 4px rgba(53,211,196,.15); cursor:ew-resize; pointer-events:auto; }
#studio-workspace .et-range-footer { padding-top:4px; border-top:1px solid rgba(139,166,196,.1); }
#studio-workspace .et-range-hint { color:#637e8e; font-size:9px; }

/* Generated V1/V2 status cards. This host is inside the scrollable playlist; pager remains fixed below it. */
#studio-workspace .music-generation-progress { display:flex; flex-direction:column; gap:9px; padding:12px 12px 4px; }
#studio-workspace .music-generation-progress[hidden] { display:none!important; }
#studio-workspace .mgen-task { padding:11px; border:1px solid rgba(94,230,210,.18); border-radius:16px; background:linear-gradient(135deg,rgba(15,33,39,.97),rgba(9,17,28,.98)); box-shadow:inset 0 1px 0 rgba(255,255,255,.025); }
#studio-workspace .mgen-task-head { display:flex; align-items:center; justify-content:space-between; gap:10px; margin:0 0 9px; color:#e8f8ff; font-size:11px; font-weight:850; }
#studio-workspace .mgen-task-caption { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#91a9bb; font-size:10px; font-weight:650; }
#studio-workspace .mgen-task-status { flex:0 0 auto; padding:5px 7px; border:1px solid rgba(91,230,210,.18); border-radius:99px; background:rgba(91,230,210,.065); color:#75e7d7; font-size:9px; font-weight:900; }
#studio-workspace .mgen-variant { display:grid; grid-template-columns:58px minmax(0,1fr); align-items:center; gap:11px; min-width:0; padding:8px 0; }
#studio-workspace .mgen-variant+.mgen-variant { border-top:1px solid rgba(151,177,204,.1); }
#studio-workspace .mgen-cover { position:relative; display:block; width:58px; height:58px; overflow:hidden; border:1px solid rgba(129,182,206,.24); border-radius:12px; background:#0b1823; box-shadow:0 7px 18px rgba(0,0,0,.2); }
#studio-workspace .mgen-cover img { display:block; width:100%; height:100%; object-fit:cover; }
#studio-workspace .mgen-play { position:absolute; inset:0; display:grid; place-items:center; width:100%; height:100%; padding:0; border:0; border-radius:0; color:#eafffc; background:linear-gradient(180deg,rgba(2,8,14,.05),rgba(2,8,14,.38)); font-size:20px; }
#studio-workspace .mgen-play:not(:disabled):hover { background:rgba(47,212,191,.25); }
#studio-workspace .mgen-play:disabled { cursor:wait; opacity:.9; }
#studio-workspace .mgen-variant-main { min-width:0; }
#studio-workspace .mgen-variant-title { display:flex; align-items:center; justify-content:space-between; gap:8px; margin:0 0 5px; color:#e9f8ff; font-size:11px; font-weight:850; }
#studio-workspace .mgen-variant-message { margin:0 0 7px; color:#8ba6b9; font-size:10px; }
#studio-workspace .mgen-progress-track { height:5px; overflow:hidden; border:1px solid rgba(120,159,185,.11); border-radius:999px; background:rgba(2,7,14,.7); }
#studio-workspace .mgen-progress-track span { display:block; width:38%; height:100%; border-radius:999px; background:linear-gradient(90deg,#4de9d0,#70a9ff); box-shadow:0 0 12px rgba(73,233,208,.25); }
#studio-workspace .mgen-task.is-pending .mgen-progress-track span,#studio-workspace .mgen-task.is-processing .mgen-progress-track span { animation:mgenIndeterminate 1.5s ease-in-out infinite; }
#studio-workspace .mgen-task.is-success .mgen-progress-track span { width:100%; background:linear-gradient(90deg,#4de9d0,#6caaff); animation:none; }
#studio-workspace .mgen-task.is-failed .mgen-progress-track span { width:100%; background:linear-gradient(90deg,#f47ca7,#ce4d79); animation:none; }
@keyframes mgenIndeterminate { 0% { transform:translateX(-120%); width:28%; } 50% { width:54%; } 100% { transform:translateX(360%); width:30%; } }

/* Library: bounded panel with independently scrollable tracks and a persistent pagination footer. */
@media (min-width: 1024px) {
  #studio-workspace .music-panel { display:flex!important; flex-direction:column!important; height:min(840px,calc(100vh - 175px))!important; min-height:600px!important; max-height:calc(100vh - 150px)!important; overflow:hidden!important; }
  #studio-workspace .music-panel .music-header { flex:0 0 auto!important; }
  #studio-workspace .music-panel .hero-player-area { flex:0 0 auto!important; min-height:330px; max-height:390px; overflow:hidden; }
  #studio-workspace .music-panel .music-feed { display:block!important; flex:1 1 auto!important; height:auto!important; min-height:0!important; max-height:none!important; overflow-x:hidden!important; overflow-y:auto!important; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:rgba(68,208,192,.4) rgba(8,16,25,.4); }
  #studio-workspace .music-panel .music-pagination { display:flex; flex:0 0 auto!important; min-height:54px; }
  #studio-workspace .music-panel .music-pagination:empty { display:none!important; }
}
@media (max-width: 1023px) {
  #studio-workspace .music-panel { display:flex!important; flex-direction:column!important; height:min(780px,calc(100vh - 150px))!important; min-height:520px!important; max-height:780px!important; overflow:hidden!important; }
  #studio-workspace .music-panel .music-header { flex:0 0 auto!important; }
  #studio-workspace .music-panel .hero-player-area { flex:0 0 auto!important; max-height:340px; overflow:hidden; }
  #studio-workspace .music-panel .music-feed { display:block!important; flex:1 1 auto!important; height:auto!important; min-height:0!important; overflow-x:hidden!important; overflow-y:auto!important; overscroll-behavior:contain; }
  #studio-workspace .music-panel .music-pagination { flex:0 0 auto!important; }
}
#studio-workspace .music-panel .li-thumb-play { position:relative!important; overflow:hidden!important; }
#studio-workspace .music-panel .li-thumb-play img { display:block!important; width:100%!important; height:100%!important; object-fit:cover!important; }
#studio-workspace .music-panel .li-thumb-play .play-overlay { position:absolute!important; inset:0!important; display:grid!important; place-items:center!important; opacity:1!important; background:linear-gradient(180deg,rgba(3,9,16,.02),rgba(3,9,16,.42))!important; color:#eafffc!important; pointer-events:none; }
#studio-workspace .music-panel .li-thumb-play .play-overlay i { display:grid; place-items:center; width:29px; height:29px; border:1px solid rgba(222,255,250,.48); border-radius:50%; color:#052724; background:linear-gradient(135deg,#60f0da,#29c8c1); font-size:11px; box-shadow:0 5px 16px rgba(0,0,0,.28),0 0 16px rgba(73,245,213,.16); }
@media(max-width:560px) {
  #studio-workspace .et-header { flex-wrap:wrap!important; }
  #studio-workspace .et-times { margin-left:auto; }
  #studio-workspace .et-range-hint { width:100%; }
  #studio-workspace .music-generation-progress { padding:9px 8px 3px; }
  #studio-workspace .mgen-variant { grid-template-columns:52px minmax(0,1fr); gap:9px; }
  #studio-workspace .mgen-cover { width:52px; height:52px; }
}