.cp-page{--cp-bg:var(--bg-base);--cp-panel:var(--bg-surface);--cp-lane:var(--bg-elevated);--cp-lane-alt:var(--bg-surface);--cp-fg:var(--text-primary);--cp-dim:var(--text-secondary);--cp-line:var(--border-default);--cp-hero-top:var(--cp-hero-top-dark,var(--bg-elevated));--cp-tint:var(--cp-tint-dark,var(--color-brand-primary));--cp-tint-ink:var(--cp-tint-ink-dark,var(--text-on-brand));--cp-hero:linear-gradient(180deg,var(--cp-hero-top) 0%,var(--bg-surface) 62%,var(--bg-base) 100%);--cp-accent:var(--cp-tint);--cp-playhead:var(--cp-tint);--cp-key:var(--accent-cyan);--cp-shadow-raised:0 3px 6px rgba(0,0,0,.46);--cp-shadow-floating:0 7px 14px rgba(0,0,0,.55);--cp-shadow-cover:0 10px 18px rgba(0,0,0,.35);--cp-backdrop-opacity:0.55;--cp-heads-w:188px;position:relative;min-height:100svh;background:var(--cp-bg);color:var(--cp-fg)}[data-theme$=light] .cp-page{--cp-hero-top:var(--cp-hero-top-light,var(--bg-elevated));--cp-tint:var(--cp-tint-light,var(--color-brand-primary));--cp-tint-ink:var(--cp-tint-ink-light,var(--text-on-brand));--cp-key:#00687a;--cp-shadow-raised:0 3px 6px rgba(0,0,0,.1);--cp-shadow-floating:0 7px 14px rgba(0,0,0,.12);--cp-shadow-cover:0 10px 18px rgba(0,0,0,.08);--cp-backdrop-opacity:0.3}.cp-hero-bg{position:absolute;left:0;right:0;top:0;height:420px;z-index:0;overflow:hidden;pointer-events:none;background:var(--cp-hero)}.cp-hero-bg img{position:absolute;left:-80px;top:-80px;width:calc(100% + 160px);height:calc(100% + 160px);object-fit:cover;filter:blur(50px) saturate(1.35);opacity:var(--cp-backdrop-opacity);-webkit-mask-image:linear-gradient(180deg,#000,#000 30%,transparent 92%);mask-image:linear-gradient(180deg,#000,#000 30%,transparent 92%)}.cp-nav{max-width:1600px;margin:0 auto;padding:var(--sp-16) var(--sp-24) 0;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-16)}.cp-page .lbs-theme{display:grid;place-items:center;width:var(--target-min);height:var(--target-min);flex:none;color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-pill);cursor:pointer}.cp-page .lbs-theme-icon{display:grid;place-items:center}.cp-page .lbs-theme:hover{background:var(--bg-hover)}.cp-page :is(button,a):focus-visible{outline:2px solid var(--cp-accent);outline-offset:3px}.cp-app{position:relative;z-index:1;color:var(--cp-fg);background:transparent;font:13px/1.45 var(--sans);padding:var(--sp-24) var(--sp-24) var(--sp-48);max-width:1600px;margin:0 auto}.cp-empty{max-width:640px;margin:0 auto;padding:64px 16px;color:var(--text-primary)}.cp-empty-actions{display:flex;gap:var(--sp-8);align-items:center}.cp-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:var(--sp-20,20px);gap:var(--sp-20,20px);margin-bottom:var(--sp-16)}.cp-cover{width:96px;height:96px;flex:none;border-radius:16px;object-fit:cover;display:block;box-shadow:var(--cp-shadow-cover)}.cp-art-fallback{display:grid;place-items:center;background:var(--art-bg);color:var(--text-secondary)}.cp-heading{min-width:0}.cp-title{margin:0;font-size:28px;color:var(--text-title);line-height:1.15;font-weight:800;letter-spacing:-.01em}.cp-sub,.cp-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-sub{margin:4px 0 0;color:var(--cp-tint);font-weight:600}.cp-stats{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:10px}.cp-fact{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-pill);font:700 12px/1.2 var(--mono);color:var(--cp-dim);background:var(--bg-elevated);border:1px solid var(--bg-hover);white-space:nowrap}.cp-fact b{color:var(--cp-fg);font-weight:700}.cp-fact--key{color:var(--cp-key);background:color-mix(in srgb,var(--accent-cyan) 14%,var(--bg-elevated));border-color:color-mix(in srgb,var(--accent-cyan) 40%,transparent)}.cp-fact--key b{color:inherit}.cp-head-actions{display:flex;align-items:center;gap:var(--sp-8)}.cp-more{position:relative}.cp-more-button{display:grid;place-items:center;width:var(--target-min);height:var(--target-min);padding:0;cursor:pointer;color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-pill)}.cp-more-button:hover,.cp-more-button[aria-expanded=true]{background:var(--bg-hover)}.cp-more-menu{display:none;position:absolute;right:0;top:calc(100% + 6px);z-index:30;min-width:200px;flex-direction:column;padding:6px;border-radius:12px;background:var(--cp-panel);border:1px solid var(--border-strong);box-shadow:var(--cp-shadow-floating)}.cp-more-menu.is-open{display:flex}.cp-more-item{display:flex;align-items:center;min-height:var(--target-min);padding:0 12px;border-radius:8px;color:var(--cp-fg);text-decoration:none;font-size:13px;font-weight:600}.cp-more-item:hover{background:var(--bg-hover)}.cp-dl{color:var(--cp-fg);text-decoration:none;border:1px solid var(--border-strong);border-radius:var(--radius-sm);display:inline-flex;align-items:center;min-height:var(--target-min);padding:var(--sp-8) var(--sp-12);font-size:12px}.cp-dl:hover{border-color:var(--cp-accent)}.cp-transport{position:-webkit-sticky;position:sticky;top:0;z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:8px 10px;margin-bottom:8px;background:color-mix(in srgb,var(--cp-panel) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--cp-line);border-radius:var(--radius-md)}.cp-play{width:var(--target-min);height:var(--target-min);border-radius:50%;border:0;cursor:pointer;background:var(--cp-tint);color:var(--cp-tint-ink);font-size:14px;font-weight:700;box-shadow:0 4px 12px color-mix(in srgb,var(--cp-tint) 40%,transparent);transition:transform .12s ease}.cp-play:active{transform:scale(.85)}.cp-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:transparent;color:var(--cp-fg);border:1px solid var(--border-strong);border-radius:var(--radius-sm);min-height:var(--target-min);padding:var(--sp-8) var(--sp-12);font:inherit;font-size:12px;cursor:pointer}.cp-btn:hover{border-color:var(--cp-dim)}.cp-btn.is-on{background:var(--cp-tint);color:var(--cp-tint-ink);border-color:var(--cp-tint)}.cp-btn:disabled{cursor:progress;opacity:.75}.cp-spinner{width:12px;height:12px;border-radius:50%;flex:none;border:2px solid color-mix(in srgb,currentColor 30%,transparent);border-top-color:currentcolor;animation:cp-spin .8s linear infinite}@keyframes cp-spin{to{transform:rotate(1turn)}}.cp-seg{gap:4px}.cp-lcd,.cp-seg{display:inline-flex}.cp-lcd{flex-direction:column;align-items:flex-start;font-family:var(--mono);padding:2px 12px;border-radius:var(--radius-sm);background:var(--cp-bg);border:1px solid var(--cp-line);min-width:112px}.cp-lcd-pos{font-size:17px;font-weight:600;letter-spacing:.02em;color:var(--cp-tint)}.cp-lcd-time{font-size:11px;color:var(--cp-dim)}.cp-arrange{position:relative;isolation:isolate;overflow:auto;max-height:calc(100svh - var(--cp-transport-h, 62px) - 24px);max-height:calc(100dvh - var(--cp-transport-h, 62px) - 24px);border:1px solid var(--cp-line);border-radius:var(--radius-md);background:var(--cp-lane-alt)}.cp-sheet{position:relative;min-width:100%}.cp-top{position:-webkit-sticky;position:sticky;top:0;z-index:3;display:flex;background:var(--cp-panel);box-shadow:0 1px 0 var(--cp-line)}.cp-body{position:relative;display:flex}.cp-lanes{position:relative;flex:0 0 auto}.cp-lanes>.cp-canvas{left:var(--cp-heads-w);top:auto}.cp-heads{position:-webkit-sticky;position:sticky;left:0;z-index:2;flex:0 0 var(--cp-heads-w);width:var(--cp-heads-w);border-right:1px solid var(--cp-line);background:var(--cp-panel);box-sizing:border-box}.cp-lanes-shimmer{position:absolute;inset:0;pointer-events:none}.cp-note{margin:0 0 8px;font-size:12px;color:var(--status-warning)}.cp-shimmer{background-image:linear-gradient(100deg,transparent 30%,color-mix(in srgb,var(--text-primary) 8%,transparent) 50%,transparent 70%);background-size:200% 100%;background-repeat:no-repeat;animation:cp-shimmer 1.5s linear infinite}@keyframes cp-shimmer{0%{background-position:150% 0}to{background-position:-50% 0}}.cp-skeleton .cp-cover{background-color:var(--bg-elevated);box-shadow:none}.cp-skel-line{border-radius:8px;margin:6px 0}.cp-skel-block,.cp-skel-line{background-color:var(--bg-elevated)}.cp-skel-block{height:50vh;height:50svh;border-radius:var(--radius-md)}@media (prefers-reduced-motion:reduce){.cp-shimmer,.cp-spinner{animation:none}.cp-play{transition:none}.cp-play:active{transform:none}}.cp-hd{position:absolute;left:0;right:0;display:flex;align-items:center;gap:6px;padding:0 6px 0 8px;border-bottom:1px solid var(--cp-line);box-sizing:border-box}.cp-hd.is-sel{background:color-mix(in srgb,var(--cp-accent) 12%,var(--cp-panel))}.cp-hd.is-silent{opacity:.45}.cp-hd--meta{letter-spacing:.08em;text-transform:uppercase}.cp-hd--auto,.cp-hd--meta{color:var(--cp-dim);font-size:11px}.cp-hd--auto{padding-left:24px}.cp-chip{width:10px;height:10px;border-radius:var(--radius-chip);flex:0 0 auto;display:inline-block}.cp-hd-name{flex:1 1 auto;min-width:0;text-align:left;background:none;border:0;color:var(--cp-fg);font:inherit;cursor:pointer;padding:0;display:flex;flex-direction:column;line-height:1.15}.cp-hd-name span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.cp-hd-name small{color:var(--cp-dim);font-size:10px}.cp-ms{position:relative;flex:none;width:28px;height:24px;border-radius:6px;border:1px solid var(--border-strong);background:transparent;color:var(--cp-dim);font:700 11px/22px var(--sans);cursor:pointer;padding:0;text-align:center;text-decoration:none;display:inline-block}.cp-ms:before{content:"";position:absolute;inset:-10px -8px}.cp-ms:hover{border-color:var(--cp-dim);color:var(--cp-fg)}.cp-ms.is-m{background:var(--status-warning);color:var(--text-on-brand);border-color:var(--status-warning)}.cp-ms.is-s{background:var(--accent-cyan);color:var(--on-accent-cyan);border-color:var(--accent-cyan)}.cp-canvas{position:-webkit-sticky;position:sticky;left:0;top:0;display:block;cursor:default}.cp-bottom{margin-top:12px;border:1px solid var(--cp-line);border-radius:var(--radius-md);background:var(--cp-panel)}.cp-tabs{align-items:center;padding:6px 8px 0;border-bottom:1px solid var(--cp-line)}.cp-tablist,.cp-tabs{display:flex;gap:2px}.cp-tab{background:none;border:0;color:var(--cp-dim);font:inherit;font-weight:600;padding:8px 12px;border-bottom:2px solid transparent;cursor:pointer}.cp-tab.is-on{color:var(--cp-fg);border-bottom-color:var(--cp-tint)}.cp-panel{padding:14px 16px 18px}.cp-h2{margin:0 0 8px;font-size:16px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cp-dim{color:var(--cp-dim);font-weight:400}.cp-info{margin:0 0 10px;color:var(--cp-fg);max-width:900px}.cp-fields{margin:0;display:grid;grid-gap:6px;gap:6px}.cp-field{display:grid;grid-template-columns:110px 1fr;grid-gap:12px;gap:12px}.cp-field dt{color:var(--cp-dim)}.cp-field dd{margin:0}.cp-field a{color:var(--cp-accent)}.cp-h3{margin:4px 0 8px;font:700 10px/1.2 var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--cp-dim)}.cp-sources{list-style:none;margin:0 0 14px;padding:0;display:grid;grid-gap:4px;gap:4px;max-width:640px}.cp-sources--region{margin-top:4px}.cp-source-link{display:flex;align-items:center;gap:12px;min-height:var(--target-min);padding:6px 8px;margin-inline:-8px;border-radius:12px;color:inherit;text-decoration:none}a.cp-source-link:hover{background:var(--bg-hover)}.cp-source-art{width:40px;height:40px;flex:none;border-radius:8px;object-fit:cover;display:grid;place-items:center}.cp-instrument-tile{border:1px solid;box-sizing:border-box}.cp-source-text{display:flex;flex-direction:column;min-width:0;flex:1 1 auto}.cp-source-sub,.cp-source-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-source-title{font-weight:700}.cp-source-sub{color:var(--cp-dim);font-size:12px}.cp-role{flex:none;padding:5px 10px;border-radius:var(--radius-pill);font:700 11px/1 var(--sans);color:var(--cp-fg);background:color-mix(in srgb,var(--cp-role) 22%,transparent);border:1px solid color-mix(in srgb,var(--cp-role) 55%,transparent)}.cp-panel--roll{padding:8px 0 0}.cp-roll-head{margin:0 16px 8px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cp-roll{display:flex;max-height:460px;overflow-y:auto;border-top:1px solid var(--cp-line)}.cp-keys{flex:0 0 188px;border-right:1px solid var(--cp-line);position:-webkit-sticky;position:sticky;left:0}.cp-key{box-sizing:border-box;font-size:9px;line-height:1;color:var(--cp-dim);padding:0 6px;display:flex;align-items:center;justify-content:flex-end;background:var(--cp-panel);border-bottom:1px solid color-mix(in srgb,var(--cp-line) 50%,transparent)}.cp-key.is-black{background:var(--bg-base)}.cp-roll-scroll{flex:1 1 auto;overflow-x:auto;overflow-y:hidden}.cp-mixer{display:flex;gap:10px;overflow-x:auto;padding-bottom:16px}.cp-strip{flex:0 0 168px;border:1px solid var(--cp-line);border-radius:var(--radius-sm);overflow:hidden;display:flex;flex-direction:column;background:var(--cp-lane-alt);box-shadow:var(--cp-shadow-raised)}.cp-strip.is-sel{border-color:var(--cp-accent)}.cp-strip--master{flex-basis:220px}.cp-strip-top{height:4px;flex:none}.cp-strip-name{font:inherit;font-weight:700;color:var(--cp-fg);background:none;border:0;text-align:left;padding:8px 10px 2px;cursor:pointer}.cp-strip-level{padding:0 10px 6px;font-family:var(--mono);color:var(--cp-dim);font-size:12px}.cp-inserts{margin:0;padding:6px 10px 6px 26px;grid-gap:3px;gap:3px;flex:1 1 auto}.cp-inserts,.cp-sends{font-size:11px;display:grid;border-top:1px solid var(--cp-line)}.cp-sends{padding:6px 10px;grid-gap:4px;gap:4px}.cp-send{display:grid;grid-template-columns:44px 1fr 32px;grid-gap:6px;gap:6px;align-items:center}.cp-send-bar{height:5px;border-radius:var(--radius-chip);background:var(--cp-line);overflow:hidden}.cp-send-bar i{display:block;height:100%;background:var(--cp-accent)}.cp-strip-ms{display:flex;gap:12px;padding:10px 14px;border-top:1px solid var(--cp-line)}@media (max-width:1100px) and (max-height:600px),(max-width:720px){.cp-nav{padding:var(--sp-12) var(--sp-16) 0}.cp-app{padding:var(--sp-16) var(--sp-16) var(--sp-32)}.cp-page{--cp-heads-w:136px}.cp-title{font-size:21px}.cp-cover{width:64px;height:64px}.cp-keys{flex-basis:136px}.cp-hd{gap:3px;padding:0 4px 0 6px}.cp-hd-name small{display:none}.cp-field{grid-template-columns:1fr;gap:0}}.cp-appearance{display:flex}.cp-appearance,.cp-lights-toggle{align-items:center;gap:var(--sp-8)}.cp-lights-toggle{display:inline-flex;justify-content:center;width:var(--target-min);height:var(--target-min);flex:none;padding:0;font:600 12px/1.2 var(--sans);cursor:pointer;border:1px solid var(--border-strong);border-radius:var(--radius-pill);color:var(--text-secondary);background:var(--bg-elevated)}.cp-lights-toggle:hover{background:var(--bg-hover)}.cp-lights-toggle[aria-pressed=true]{background:var(--cp-tint);color:var(--cp-tint-ink);border-color:var(--cp-tint)}.cp-lights-error{position:relative;z-index:1;color:var(--status-warning);margin:var(--sp-12) var(--sp-24)}.cp-instrument-lights{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:4}.cp-view-options{display:contents}.cp-mobile{display:none}@media (max-width:1100px) and (max-height:600px),(max-width:720px){.cp-app{padding:12px max(12px,env(safe-area-inset-right)) calc(52px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.cp-head{grid-template-columns:auto minmax(0,1fr);gap:12px;margin-bottom:12px;align-items:center}.cp-head-actions{display:none}.cp-sub{font-size:12px}.cp-stats{position:fixed;bottom:0;left:0;right:0;z-index:30;display:flex;align-items:center;justify-content:space-evenly;gap:8px;min-height:30px;padding:6px max(8px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));border-top:1px solid var(--cp-line);background:var(--cp-panel);font-size:10px;line-height:18px;white-space:nowrap;overflow-x:auto;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cp-stats .cp-fact{flex-shrink:0;padding:2px 8px;font-size:10px}.cp-transport{flex-wrap:nowrap;gap:6px;padding:6px;border-radius:12px}.cp-transport>.cp-play{flex:0 0 44px}.cp-restart{display:none}.cp-lcd{min-width:0;flex:1 1;padding:2px 6px}.cp-lcd-pos{font-size:15px}.cp-lcd-time{font-size:10px}.cp-mobile{display:inline-flex;align-items:center;justify-content:center}.cp-transport>.cp-btn{padding-inline:8px;flex-shrink:0}.cp-view-options{display:none}.cp-view-options.is-open{position:absolute;top:calc(100% + 6px);right:0;z-index:20;display:flex;flex-direction:column;gap:12px;padding:12px;width:min(300px,calc(100vw - 24px));max-height:calc(100svh - 230px);overflow-y:auto;border:1px solid var(--border-strong);border-radius:12px;background:var(--cp-panel);box-shadow:0 12px 40px #0005}.cp-view-options .cp-btn{min-width:44px}.cp-mobile-downloads{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-start}.cp-page{--cp-heads-w:104px}.cp-keys{flex-basis:104px}.cp-hd{gap:6px;padding-inline:6px}.cp-hd .cp-ms{display:none}.cp-hd-name{min-height:44px;font-size:12px;justify-content:center}.cp-chip{width:8px;height:8px}.cp-bottom{display:none}.cp-bottom.is-open{display:block;position:fixed;left:8px;right:8px;bottom:calc(38px + env(safe-area-inset-bottom));z-index:25;margin:0;max-height:min(65svh,calc(100svh - 110px - env(safe-area-inset-bottom)));overflow:auto;overscroll-behavior:contain;box-shadow:0 -16px 60px #0005}.cp-tabs{position:-webkit-sticky;position:sticky;top:0;background:var(--cp-panel);z-index:1;padding:4px;align-items:center}.cp-tab{min-height:44px;padding:8px;font-size:12px}.cp-close{margin-left:auto;min-width:44px;font-size:20px}.cp-track-actions{display:flex;gap:8px;padding:12px 12px 0;flex-wrap:wrap;justify-content:flex-start}.cp-panel{padding:12px;overflow-wrap:anywhere}.cp-strip-ms .cp-ms{width:44px;height:44px;line-height:42px}.cp-strip-ms .cp-ms:before{inset:0}.cp-strip-name{min-height:44px}}.cp-inspector-icon{display:none}@media (max-width:1100px) and (max-height:600px),(max-width:720px){.cp-transport{gap:4px}.cp-transport .cp-appearance{gap:4px;flex:none;margin-left:auto}.cp-lcd{flex:0 1 76px;min-width:50px;padding-inline:4px}.cp-lcd-pos{font-size:13px;letter-spacing:0}.cp-lcd-time{font-size:9px}.cp-transport>.cp-btn{min-width:44px;padding-inline:6px}}@media (max-width:374px){.cp-transport{gap:2px;padding-inline:5px}.cp-transport .cp-appearance{gap:2px}.cp-inspector-label{display:none}.cp-inspector-icon{display:block}.cp-lcd{flex:1 1 50px}}