.cue-pref{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:var(--space-16);margin-bottom:var(--space-24)}.cue-pref-note{font-size:var(--text-body);line-height:var(--leading-prose);color:var(--muted)}.cue-grid{--muted-dim:var(--muted);position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-radius:var(--radius);background:var(--mat-instrument) var(--surface-raised);box-shadow:var(--elev-2)}.cue-grid:before{inset:0;z-index:1;padding:1px;border-radius:inherit;background:var(--rim);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.cue-grid:after,.cue-grid:before{content:"";position:absolute;pointer-events:none}.cue-grid:after{inset-inline:10%;bottom:max(-7%,-1.75rem);z-index:-1;height:min(18%,4.5rem);background:var(--floor-pool);opacity:.7}.cue-rack-bar{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);min-height:2.9rem;padding:0 var(--space-fine-85);border-bottom:1px solid var(--line-faint)}.cue-rack-title{font:600 var(--text-label)/1 var(--sans);color:var(--ink)}.cue-rack-count{font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--muted)}.cue-rack-state{display:inline-flex;align-items:center;gap:var(--space-8);font:500 var(--text-label)/1 var(--mono);color:var(--muted);white-space:nowrap}.cue-led{flex:0 0 auto;width:6px;height:6px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--muted)}.cue-rack-on{display:none}html[data-audio=on] .cue-led{background:var(--signal-access);box-shadow:none}html[data-audio=on] .cue-rack-on{display:inline}html[data-audio=on] .cue-rack-off{display:none}.cue-cell,.cue-key{display:flex;flex-direction:column;gap:var(--space-fine-40);min-width:0;padding:var(--space-16) var(--space-fine-85);border:0;text-align:left}.cue-cell{position:relative;isolation:isolate;cursor:pointer;transition:transform .16s var(--ease-out)}.cue-cell:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--surface-soft);opacity:0;transition:opacity var(--mat-t-out);pointer-events:none}@media (hover:hover) and (pointer:fine){.cue-cell:hover:before{opacity:1;transition:opacity var(--mat-t-in)}}.cue-cell:focus-visible{outline:2px solid var(--signal-access);outline-offset:-2px}.cue-cell:focus-visible:before{opacity:1}.cue-cell:active{transform:scale(.97)}@media (min-width:721px){.cue-grid>:not(.cue-rack-bar):not(:nth-child(5n+2)){border-left:1px solid var(--line-faint)}.cue-grid>:nth-child(n+7){border-top:1px solid var(--line-faint)}.cue-grid>:nth-child(5n+2):nth-last-child(-n+5){border-bottom-left-radius:var(--radius)}}.cue-grid>:last-child{border-bottom-right-radius:var(--radius)}.cue-cell-num{font-size:var(--text-label);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-dim)}.cue-cell-token{font-size:var(--text-label);color:var(--signal-text);font-family:var(--mono)}.cue-cell-cue{font-size:var(--text-body);font-weight:700;color:var(--ink);letter-spacing:-.01em}.cue-cell-role{font-size:var(--text-label);line-height:var(--leading-lede);color:var(--muted)}.cue-key{cursor:default}.cue-key .cue-cell-cue,.cue-key .cue-cell-token{color:var(--muted)}.cue-key .cue-cell-cue{font-weight:600}@media (max-width:720px){.cue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cue-grid>:nth-child(odd):not(.cue-rack-bar){border-left:1px solid var(--line-faint)}.cue-grid>:nth-child(n+4){border-top:1px solid var(--line-faint)}.cue-grid>:nth-child(2n):nth-last-child(-n+2){border-bottom-left-radius:var(--radius)}}@media (prefers-reduced-motion:reduce){.cue-cell:active{transform:none}.cue-cell:before,.cue-cell:hover:before{transition-duration:var(--duration-quick)}}html[data-motion=paused] .cue-cell:active{transform:none}html[data-motion=paused] .cue-cell:before{transition-duration:var(--duration-quick)}@media (prefers-contrast:more){.cue-grid:before{background:var(--line-strong)}.cue-rack-bar,html .cue-grid>:nth-child(n){border-color:var(--line-strong)}}@media (forced-colors:active){.cue-grid{border:1px solid CanvasText;background:Canvas;box-shadow:none}.cue-grid:after,.cue-grid:before{display:none}.cue-grid>*{border-color:CanvasText}.cue-led{box-shadow:inset 0 0 0 1.5px CanvasText}html[data-audio=on] .cue-led{background:CanvasText}}