/* Premiere 26 reference: compact grey panel, blue track targets/playhead,
   video tracks descending toward the A/V divider, separate waveform tracks. */
.premiere-demo { border:1px solid #3d4147; border-radius:7px; background:#232323; }
.premiere-demo .demo-top { padding:19px 23px; background:#1b201d; }
.premiere-demo .demo-caption { font-size:8px; }
.pr-panel { background:#202020; color:#b7b7b7; font-family:"Segoe UI",sans-serif; }
.pr-tabs { height:33px; padding:0 14px; border-bottom:1px solid #101010; display:flex; }
.pr-tab { display:inline-flex; align-items:center; gap:9px; border-bottom:2px solid #c4c4c4; padding:0 2px; font-size:10px; color:#ddd; }
.pr-tab i { width:8px; height:8px; background:#758237; }
.pr-menu { color:#969696; margin-left:8px; }
.pr-toolbar { min-height:42px; display:flex; align-items:center; gap:19px; padding:0 16px; border-bottom:1px solid #151515; }
.pr-timecode { color:#59a9ff; font:600 12px var(--mono); }
.pr-tools { display:flex; gap:7px; align-items:center; }
.pr-tools b { font-weight:400; color:#b5b5b5; font-size:16px; width:21px; text-align:center; }
.pr-tools svg { display:block; width:16px; height:16px; margin:2px auto; }
.pr-tools b:nth-child(2),.pr-tools b:nth-child(3) { color:#60adff; background:#34383d; border-radius:2px; }
.pr-editor { display:flex; position:relative; }
.pr-headers { width:195px; flex-shrink:0; border-right:1px solid #535353; background:#262626; }
.pr-header-spacer { height:44px; border-bottom:1px solid #3d3d3d; }
.pr-track-head { height:29px; display:flex; align-items:center; gap:7px; padding:0 7px 0 4px; border-bottom:1px solid #3b3b3b; font-size:9px; }
.pr-track-head.audio-divider { border-top:5px solid #464646; height:34px; }
.pr-patch { flex-shrink:0; width:17px; height:23px; display:flex; align-items:center; justify-content:center; font-size:9px; color:#ddd; }
.pr-patch:not(:empty) { background:#2562a0; }
.pr-lock { display:flex; width:11px; color:#8f8f8f; }
.pr-target { background:#2966a6; color:#d9e6ff; height:23px; width:23px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.pr-track-name { font-size:8px; width:49px; color:#b8b8b8; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pr-track-controls { display:flex; align-items:center; gap:7px; flex:1; }
.pr-track-controls b { font-size:8px; font-weight:400; }
.pr-track-head svg { width:11px; height:13px; flex-shrink:0; }
.pr-scroll { min-width:0; flex:1; overflow-x:auto; overflow-y:hidden; scrollbar-width:thin; scrollbar-color:#747474 #232323; }
.pr-content { width:100%; min-width:100%; position:relative; }
.pr-ruler { position:relative; height:27px; margin-right:1px; overflow:hidden; background:repeating-linear-gradient(90deg,#717171 0 1px,transparent 1px 12px) left bottom / 100% 5px no-repeat; }
.pr-ruler span { position:absolute; top:7px; font:8px var(--mono); color:#b1b1b1; padding-left:4px; white-space:nowrap; }
.pr-block-markers { height:17px; position:relative; border-bottom:1px solid #575039; background:#202020; overflow:hidden; }
.pr-marker { position:absolute; font:7px var(--mono); color:#b8c28d; padding-left:5px; white-space:nowrap; }
.pr-marker:before { content:""; display:inline-block; width:4px; height:8px; background:#83935b; margin-right:3px; vertical-align:middle; }
.pr-marker.unmatched-marker { color:#d6b486; }
.unmatched-marker:before { background:#bc9356; }
.pr-board { position:relative; background:#202020; }
.pr-lane { position:absolute; width:100%; height:29px; border-bottom:1px solid #373737; background:repeating-linear-gradient(90deg,transparent 0 calc(12.5% - 1px),#ffffff03 calc(12.5% - 1px) 12.5%); pointer-events:none; }
.pr-lane.pr-first-audio { border-top:5px solid #464646; margin-top:-5px; height:34px; }
.pr-clips { position:absolute; inset:0; z-index:1; }
.pr-clip { position:absolute; height:27px; background:var(--clip-color); border:1px solid #171717; border-radius:2px; overflow:hidden; color:#102735; min-width:1px; transition:left 1.2s cubic-bezier(.22,1,.36,1),top 1.2s cubic-bezier(.22,1,.36,1),width 1.2s cubic-bezier(.22,1,.36,1); transition-delay:var(--stagger); }
.pr-clip-name { display:block; overflow:hidden; white-space:nowrap; font-size:8px; line-height:11px; padding:0 2px; color:#111c25; }
.pr-audio .pr-clip-name { font-size:7px; line-height:10px; }
.pr-audio svg { width:100%; height:16px; display:block; color:#173225; opacity:.85; }
.pr-fx { position:absolute; right:2px; bottom:2px; font:italic 7px Georgia,serif; color:#162533; background:#ffffff22; padding:0 1px; }
.pr-playhead { position:absolute; left:0; top:-44px; bottom:0; border-left:1px solid #53a5ff; z-index:2; pointer-events:none; }
.pr-playhead:before { content:""; position:absolute; top:16px; left:-4px; width:7px; height:11px; background:#53a5ff; clip-path:polygon(0 0,100% 0,100% 65%,50% 100%,0 65%); }
.pr-mix { height:24px; display:flex; align-items:center; gap:20px; padding-left:46px; font-size:9px; border-top:1px solid #777; }
.pr-mix span { color:#6faeea; font-size:8px; }
.pr-mix-lane { height:24px; border-top:1px solid #777; }
.pr-status { height:27px; display:flex; align-items:center; justify-content:space-between; padding:0 13px; border-top:1px solid #111; font:8px var(--mono); color:#9d9d9d; }
.premiere-demo .demo-bottom { background:#1b201d; padding:18px 23px; }
.premiere-demo .demo-bottom p { font-size:11px; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.demo-noscript { padding:20px; font-size:13px; }
@media(max-width:1050px) {
  .pr-headers { width:160px; }
  .pr-track-name { width:31px; }
  .pr-track-head { gap:5px; padding-right:3px; }
  .pr-track-controls { gap:4px; }
}
@media(max-width:760px) {
  .premiere-demo .demo-top { padding:14px 12px; align-items:flex-start; gap:10px; flex-direction:column; }
  .premiere-demo .demo-caption { font-size:6px; letter-spacing:.7px; }
  .pr-toolbar { padding:6px 9px; gap:5px; min-height:42px; flex-wrap:wrap; }
  .pr-timecode { font-size:10px; }
  .pr-tools { gap:3px; margin-left:auto; }
  .pr-tools b { width:17px; font-size:13px; }
  .pr-headers { width:66px; }
  .pr-track-name,.pr-track-controls { display:none; }
  .pr-track-head { gap:3px; padding-left:2px; }
  .pr-lock { width:9px; }
  .pr-track-head svg { width:9px; }
  .pr-target { width:22px; }
  .pr-patch { width:16px; }
  .pr-ruler span { font-size:6px; }
  .pr-ruler span:nth-child(even) { display:none; }
  .pr-mix { padding-left:8px; gap:12px; }
  .pr-status { font-size:6px; padding:0 6px; }
  .pr-marker { font-size:6px; padding-left:2px; }
  .pr-marker:before { margin-right:1px; }
  .premiere-demo .demo-bottom { padding:14px 12px; }
  .premiere-demo .demo-bottom p { font-size:10px; }
}