/* SuperNick's OP-1 Browser Lab v2.0: unified non-destructive clip workspace. */
.song-studio{align-self:stretch;width:100%;max-width:100%;min-width:0;box-sizing:border-box}
.workspace-panel{box-sizing:border-box;max-width:100%;min-width:0;overflow:hidden;margin-top:18px;padding:16px;border:1px solid #a6c4d0;border-radius:12px;background:#eaf2f5}
.workspace-panel h3{font-size:17px;margin:0 0 4px;color:#24485c}
.workspace-panel p{line-height:1.5;font-size:12px;color:#495f69}
.workspace-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:end;margin:12px 0}
.workspace-toolbar label{font-size:11px;font-weight:700;display:grid;gap:3px}
.workspace-toolbar select{min-height:39px}
.workspace-scroll{box-sizing:border-box;display:block;width:100%;min-width:0;overflow-x:auto;max-width:100%;padding:7px 0 12px;overscroll-behavior-x:contain}
.workspace-grid{width:1570px;position:relative;padding-left:34px}
.workspace-ruler{position:relative;height:24px;background:repeating-linear-gradient(to right,transparent 0,transparent 95px,#9cb9c8 95px,#9cb9c8 96px)}
.workspace-ruler span{position:absolute;top:3px;font-size:10px;color:#385d70}
.workspace-lanes{position:relative;background:repeating-linear-gradient(to right,#d5e5ec 0,#d5e5ec 1px,transparent 1px,transparent 24px)}
.workspace-lane{height:43px;position:relative;border-bottom:1px solid #aecad7}
.workspace-track-label{position:absolute;left:-34px;top:12px;color:#285165;font-weight:800;font-size:12px}
.workspace-block{position:absolute;top:5px;height:32px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;padding:4px 7px;color:#fff;background:#327a9a;border:2px solid #235d78;border-radius:6px;cursor:grab;touch-action:pan-y;user-select:none;font-size:11px;font-weight:700}
.workspace-lane[data-track="1"] .workspace-block{background:#6d669f;border-color:#4e4585}
.workspace-lane[data-track="2"] .workspace-block{background:#a16a39;border-color:#7b4b24}
.workspace-lane[data-track="3"] .workspace-block{background:#3d8175;border-color:#27645a}
.workspace-block.muted{opacity:.45;text-decoration:line-through}
.workspace-block.selected,.workspace-block:focus-visible{outline:3px solid #f6ba43;outline-offset:2px}
.workspace-playhead{position:absolute;top:0;bottom:0;width:2px;background:#e34b37;pointer-events:none;z-index:3}
.workspace-clip-list{display:grid;gap:8px;margin-top:12px}
.workspace-clip-item{display:flex;flex-wrap:wrap;gap:7px;align-items:end;border:1px solid #c1d3db;background:#fff;border-radius:8px;padding:9px}
.workspace-clip-item strong{min-width:130px;color:#285267;font-size:12px}
.workspace-clip-item label{display:grid;gap:3px;font-size:10px;font-weight:700;color:#38576a}
.workspace-clip-item input{width:72px;min-height:38px;border:1px solid #aec4cf;border-radius:4px;padding:3px;font:inherit;color:#253d4b}
@media(max-width:650px){.workspace-panel{padding:11px}.workspace-toolbar .mini-btn{min-height:44px}.workspace-clip-item strong{width:100%}.workspace-clip-item label{flex:1 1 72px}.workspace-clip-item input{max-width:100%}}