.mx-workspace[data-lab=production] .intro{padding:6px 0 0;display:flex;align-items:center;gap:16px}
.mx-workspace[data-lab=production] .intro .eyebrow,.mx-workspace[data-lab=production] .intro>p:last-child{display:none}
.mx-workspace[data-lab=production] .intro h1{font-size:17px;margin:5px 0}
.mx-workspace[data-lab=production] .panel{margin:7px 0}
.mx-workspace[data-lab=production] .timeline-scroll{max-height:238px;overflow:auto;position:relative}
.mx-workspace[data-lab=production] #timeline{min-width:800px}
.mx-workspace[data-lab=production] .timeline-scroll{max-height:185px;overflow:scroll;scrollbar-color:#839c90 #182027}
.mx-workspace[data-lab=production] .ruler{display:flex;white-space:nowrap;padding-top:5px;padding-bottom:5px}
.ruler span{flex-shrink:0;border-left:1px solid #61716b;padding-left:5px}
.mx-workspace[data-lab=production] .lane{background-image:linear-gradient(90deg,#ffffff30 1px,transparent 1px);background-repeat:repeat}
.arrange-tools,.timeline-pan{display:flex;align-items:center;gap:10px;padding:5px 10px;font-size:11px}
.arrange-tools label{font-size:11px}.arrange-tools select{padding:3px}
.mx-workspace[data-lab=production] .arrange-tools button,.mx-workspace[data-lab=production] .timeline-pan button{min-height:26px;padding:3px 8px;font-size:11px}
.timeline-pan input[type=range]{flex:1;width:auto;min-width:80px}
#pan-label{min-width:120px;font-size:10px}
.arrange-help{font-size:10px;color:#b7c7bf;margin:2px 10px 6px}
.mx-workspace[data-lab=production] .note-marker{cursor:grab}
.mx-workspace[data-lab=production] #clip-editor{padding:8px 12px;background:#26312e}
.mx-workspace[data-lab=production] .track-row{grid-template-columns:280px 1fr;height:42px;min-height:42px}
.mx-workspace[data-lab=production] .track-control{padding:3px 7px;gap:6px;flex-wrap:nowrap;z-index:4}
.mx-workspace[data-lab=production] .track-control input[type=text]{width:118px;min-width:0}
.mx-workspace[data-lab=production] .track-control input[type=range]{width:58px;padding:0}
.mx-workspace[data-lab=production] .track-control button{min-height:29px;padding:3px 7px}
.mx-workspace[data-lab=production] .lane{min-height:41px;height:41px;overflow:hidden}
.mx-workspace[data-lab=production] .ruler{position:sticky;top:0;z-index:5;background:#222a30;padding:7px 8px 7px 280px;font-size:10px}
.mx-workspace[data-lab=production] .clip{top:3px;height:34px;min-height:34px;padding:5px}
.mx-workspace[data-lab=production] .note-marker{height:10px;min-width:7px;border:1px solid #ebd4ff;border-radius:2px;background:#bd8bea;color:#fff;font:8px/8px system-ui;overflow:hidden;white-space:nowrap;z-index:2;pointer-events:auto}
.note-count{position:absolute;top:2px;right:5px;color:#e1bff7;font:9px system-ui;z-index:3;background:#1a2028d9;padding:0 3px}
.mx-workspace[data-lab=production] .keyboard-panel>.bar{padding:8px 12px;gap:10px}
.mx-workspace[data-lab=production] .keyboard-panel h2{font-size:13px;margin:0}
.mx-workspace[data-lab=production] .keyboard-panel .eyebrow{display:none}
.mx-workspace[data-lab=production] .keyboard-panel .bar select{padding:6px}
.mx-workspace[data-lab=production] .keyboard-scroll{padding:8px}
.mx-workspace[data-lab=production] #keyboard{height:108px}
.mx-workspace[data-lab=production] .key.black{height:68px}
.mx-workspace[data-lab=production] .key{padding-bottom:7px}
#entry-hint{font-size:11px;color:#c4dfb8;margin:5px 0;line-height:1.4}
.note-details summary{cursor:pointer;padding:7px 12px;color:#b8c7d5;font-size:11px;background:#1a2026}
.mx-workspace[data-lab=production] .source-panel .bar{padding:10px 12px}
.mx-workspace[data-lab=production] #inbox:empty{display:none}
@media(max-width:750px){.mx-workspace[data-lab=production] .timeline-scroll{max-height:196px}.mx-workspace[data-lab=production] .keyboard-panel .bar>div{width:100%}}