/* Music Studio: arranger, transport and mixing controls. */
.plocha{max-width:1540px;padding:24px 28px 75px}
.songbar{margin-bottom:16px}.song-nazev{font-size:24px;letter-spacing:-.6px}
.pult{box-shadow:none;border-radius:12px}.pult-radek{align-items:center}.pult .tempo{flex:1;max-width:320px}
.studio-tools{display:flex;align-items:center;flex-wrap:wrap;gap:14px;justify-content:space-between;padding:14px 0}
.studio-toolgroup{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.studio-files{margin-left:auto}
.studio-tools .tl{font-size:12px;min-height:38px}.studio-tools [aria-pressed="true"]{border-color:var(--akcent);color:var(--akcent);background:color-mix(in srgb,var(--akcent) 12%,var(--panel))}
.studio-position{font:500 17px/1.2 ui-monospace,monospace;color:var(--akcent);background:var(--panel);border:1px solid var(--okraj);border-radius:6px;padding:11px 14px;white-space:nowrap}
.studio-fx{border:1px solid var(--okraj);border-radius:9px;background:var(--panel);margin-bottom:18px}
.studio-fx summary{cursor:pointer;padding:11px 16px;font-size:12px;font-weight:600}.studio-fx summary span{font-weight:400;color:var(--text2);margin-left:10px}
.studio-fx-controls{display:flex;gap:28px;flex-wrap:wrap;align-items:center;border-top:1px solid var(--okraj);padding:18px}
.studio-fx-controls label{display:grid;grid-template-columns:1fr auto;gap:8px;font-size:12px;min-width:180px;flex:1}.studio-fx-controls input{grid-column:1;min-width:0;width:100%;accent-color:var(--akcent)}.studio-fx-controls output{grid-column:2;font-size:11px;color:var(--akcent)}.studio-fx-controls p{font-size:11px;color:var(--text2);max-width:200px;margin:0}
.casti{padding:10px 0 15px;margin:0;gap:8px}.casti .rezimPrep{margin-left:auto}.casti .rezimPrep button{padding:10px 18px}
.studio{--bar-width:88px;overflow:hidden;border-radius:14px;background:var(--panel);border:1px solid var(--okraj2);margin-top:0}
.studio-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:25px 26px 20px;background:linear-gradient(110deg,color-mix(in srgb,var(--akcent) 9%,var(--panel)),var(--panel))}
.studio-kicker{font-size:9px;font-weight:700;letter-spacing:2px;color:var(--akcent)}.studio-heading h2{font-size:23px;font-weight:600;letter-spacing:-.6px;margin:6px 0}.studio-heading p{font-size:12px;color:var(--text2);margin:0}.studio-summary{font-size:11px;color:var(--text2);font-variant-numeric:tabular-nums;white-space:nowrap}
.studio .pl-pruh{padding:12px 18px;gap:8px;align-items:center;border-top:1px solid var(--okraj);background:var(--panel)}
.studio .pl-pruh .tl{font-size:11px;padding:9px 12px;min-height:38px}
.studio-control{display:flex;gap:8px;align-items:center;font-size:10px;color:var(--text2);margin-left:auto}.studio-control select{font-size:11px;border:1px solid var(--okraj2);background:var(--panel2);color:var(--text);border-radius:6px;padding:8px}.studio-zoom{margin-left:10px}.studio-zoom input{width:90px;accent-color:var(--akcent)}
.studio-workbench{display:grid;grid-template-columns:184px minmax(0,1fr)}
.studio-browser{border-right:1px solid var(--okraj2);background:color-mix(in srgb,var(--panel2) 65%,var(--panel));min-width:0}
.studio-browser-head{padding:18px 15px}.studio-browser-head b{display:block;font-size:12px;font-weight:600}.studio-browser-head small{display:block;font-size:10px;color:var(--text3);margin-top:4px}.studio-browser>p{font-size:10px;line-height:1.7;color:var(--text3);padding:3px 15px 12px}
#plBrowser{max-height:440px;overflow:auto;padding:0 9px}.studio-source{display:flex;gap:2px;min-height:61px;margin-bottom:7px;border:1px solid var(--okraj);border-left:3px solid var(--source-color);border-radius:6px;background:var(--panel);cursor:grab}.studio-source.selected{background:color-mix(in srgb,var(--source-color) 12%,var(--panel));border-color:color-mix(in srgb,var(--source-color) 65%,var(--okraj))}
.studio-source button{background:none;border:0;cursor:pointer;color:var(--text)}.studio-source-select{flex:1;min-width:0;text-align:left;padding:10px 6px 10px 10px}.studio-source b{display:block;font-size:11px;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.studio-source small{display:block;font-size:9px;color:var(--text3);margin-top:4px}.studio-source-add{flex:0 0 32px;font-size:19px;color:var(--source-color)!important}.studio-source button:hover{background:var(--okraj)}
.studio-timeline{min-width:0}.studio-loopbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;border-bottom:1px solid var(--okraj);min-height:48px}.studio-loopbar .tl{font-size:10px;padding:5px 9px;min-height:30px}.studio-loopbar>span{color:var(--text3);font-size:10px}
.studio .pl-popisky{flex-basis:172px}.studio .pl-popis{height:72px;padding:8px;display:grid;grid-template-columns:1fr 30px 30px 26px;gap:4px;align-content:center}.studio .pl-popis.selected{background:color-mix(in srgb,var(--akcent) 9%,var(--panel2))}.studio .pl-jmeno{grid-column:1/-1;padding:2px 4px;font-size:11px}.studio .pl-m,.studio .pl-x{width:27px;height:25px;min-height:25px;font-size:10px}.studio .pl-m:first-of-type{grid-column:2}.studio .pl-popisky .pl-popis:first-child{margin-top:32px}
.studio .pl-takty{height:32px;touch-action:none}.studio .pl-takt{width:var(--bar-width);flex-basis:var(--bar-width);justify-content:flex-start;padding-left:9px;font-size:10px;cursor:crosshair}.studio .pl-takt:nth-child(4n+1){color:var(--text);border-left:1px solid var(--okraj2)}
.studio .pl-rada{height:72px;background-size:var(--bar-width) 100%;background-image:linear-gradient(to right,var(--okraj2) 1px,transparent 1px),linear-gradient(to right,var(--okraj) 1px,transparent 1px);background-size:var(--bar-width) 100%,calc(var(--bar-width)/4) 100%;touch-action:none}.studio .pl-rada:nth-child(even){background-color:color-mix(in srgb,var(--panel2) 40%,var(--panel))}
.studio .pl-klip{height:59px;top:6px;padding:7px 10px;display:flex;flex-direction:column;align-items:stretch;gap:5px;border-radius:5px;touch-action:none;min-width:3px}.studio .pl-klip-jm{flex:none;font-size:10px;min-height:14px;line-height:14px;pointer-events:none}.studio .pl-klip.vybrany{box-shadow:inset 0 0 0 1px var(--klip),0 0 0 1px var(--klip)}.studio .pl-klip.invalid{outline:2px solid #ff6b6b}.studio .clip-muted{opacity:.35}
.studio-preview{display:flex;align-items:flex-end;gap:3px;height:21px;min-height:21px;pointer-events:none;opacity:.65}.studio-preview i{display:block;flex:1;min-width:1px;border-radius:1px;background:var(--klip)}.studio-resize{position:absolute;right:0;top:0;bottom:0;width:10px;cursor:ew-resize;border-right:3px solid transparent}.studio-resize:hover{border-color:var(--klip);background:#fff2}
.studio .pl-hlava{top:32px;background:#ffbd6b;width:1px}.studio .pl-hlava:before{content:'';position:absolute;top:-5px;left:-4px;border:4px solid transparent;border-top-color:#ffbd6b}.studio .pl-prazdno{font-size:12px}
.studio-inspector{display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding:15px;border-top:1px solid var(--okraj);background:var(--panel2)}.studio-inspector>b{font-size:12px;flex-basis:100%;font-weight:500;color:var(--text)}.studio-inspector label{display:flex;align-items:center;gap:8px;color:var(--text2);font-size:10px}.studio-inspector input[type=number]{width:64px;border-radius:5px;padding:6px;background:var(--panel);border:1px solid var(--okraj2);font-size:11px}.studio-inspector input[type=range]{width:80px;accent-color:var(--akcent)}.studio-inspector output{font-size:10px;min-width:38px}.studio-clip-actions{display:flex;gap:6px;flex-wrap:wrap}.studio-clip-actions .tl{font-size:10px;padding:7px 10px;min-height:34px}.studio-footer{border-top:1px solid var(--okraj);padding:11px 16px;display:flex;justify-content:space-between;align-items:center;gap:16px}.studio-footer>span{font-size:10px;color:var(--text3)}.studio-footer .tl{font-size:10px;min-height:32px;padding:6px 10px}
button:disabled{opacity:.35;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,[data-klip]:focus-visible{outline:2px solid var(--akcent);outline-offset:3px}
@media(max-width:1100px){.plocha{padding:18px 16px 80px}.studio-workbench{grid-template-columns:150px minmax(0,1fr)}.studio .pl-popisky{flex-basis:126px}.studio .pl-popis{grid-template-columns:1fr 25px 25px 22px}.studio .pl-m,.studio .pl-x{width:23px}.studio-heading{padding:22px}.studio-control{margin-left:0}.studio-files{margin-left:0}}
@media(max-width:760px){.studio-heading{align-items:flex-start;flex-direction:column;gap:10px}.studio-heading h2{font-size:21px}.studio-workbench{grid-template-columns:minmax(0,1fr)}.studio-browser{border-right:0;border-bottom:1px solid var(--okraj)}.studio-browser-head{padding:13px 15px}.studio-browser-head small,.studio-browser>p{display:none}#plBrowser{display:flex;gap:8px;padding:0 12px 12px;overflow:auto;max-height:unset}.studio-source{flex:0 0 160px;margin:0}.studio-loopbar>span{display:none}.studio-files{width:100%}.studio-tools{gap:10px}.studio-toolgroup .tl{min-height:44px}.studio .pl-pruh{padding:12px}.studio .pl-pruh .tl{min-height:44px}.studio-fx-controls{gap:20px}.studio-fx-controls p{max-width:none;flex-basis:100%}.studio-fx summary span{font-size:10px}.studio-footer>span{display:none}.studio-footer{justify-content:flex-end}.studio .pl-popisky{flex-basis:108px}.studio .pl-popis{padding:5px;gap:3px}.studio-inspector{gap:12px}.studio-clip-actions .tl{min-height:44px}.studio .pl-m,.studio .pl-x{min-height:30px;height:30px}.studio .pl-popis{height:80px}.studio .pl-rada{height:80px}.studio .pl-klip{top:9px}.studio-resize{width:16px}.studio .pl-jmeno{font-size:10px}.studio-position{font-size:14px}.casti .rezimPrep{margin-left:0}.song-nazev{font-size:20px}.studio .pl-plocha{overscroll-behavior-x:contain}}
@media(max-width:400px){.plocha{padding-left:10px;padding-right:10px}.studio-heading{padding:17px}.studio-heading h2{font-size:19px}.studio-tools .tl{font-size:10px;padding:8px}.studio-position{padding:11px 8px}.studio .pl-pruh .tl{font-size:10px;padding:8px}.studio-zoom input{width:70px}.studio-inspector{padding:12px}.studio-fx summary span{display:none}}