@layer components{.tb-page{background:var(--gp-page);height:100%;color:var(--gp-ink);font-family:var(--gp-f-body);container:tab gp-page/inline-size}.tb-stage-wrap{--tb-pill-room:104px;flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.tb-stage{box-sizing:border-box;--tb-pad-top:22px;--tb-tool-gap:10px;min-height:0;padding:var(--tb-pad-top) 36px 0;flex-direction:column;flex:1 1 0;display:flex;position:relative;overflow-y:auto}.tb-stage:after{height:var(--tb-pill-room);content:"";flex:none}.tb-stage-in{box-sizing:border-box;flex-direction:column;gap:14px;width:100%;max-width:1000px;margin:0 auto;display:flex}.tb-titlerow{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:16px;padding:0 6px;display:grid}.tb-meta{text-overflow:ellipsis;white-space:nowrap;align-items:center;height:30px;display:flex;overflow:hidden}.tb-libopen.pb-icon{justify-self:end;width:30px;height:30px;margin-right:-4px;display:none}.tb-libopen svg{width:18px;height:18px}.tb-name{grid-column:1;align-items:center;gap:4px;min-width:0;display:flex}.tb-titlerow h1{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:28px;font-weight:780;line-height:1.2;overflow:hidden}.tb-pact{grid-column:2;align-items:center;gap:6px;display:flex}.tb-capo{margin-right:8px}.tb-refs-key.pb-icon{gap:3px;width:auto;min-width:36px;padding:0 8px;font-size:13px;font-weight:650;display:flex}.tb-refs{flex-direction:column;gap:10px;display:flex}.tb-refs-list{flex-direction:column;margin:0 -8px;padding:0;list-style:none;display:flex}.tb-ref{align-items:center;gap:2px;min-width:0;display:flex}.tb-ref-link{border-radius:var(--gp-r-s);min-width:0;color:var(--gp-ink);transition:background-color var(--gp-d-state) linear;flex:auto;align-items:center;gap:10px;padding:7px 8px;text-decoration:none;display:flex}.tb-ref-link:hover{background:var(--gp-well)}.tb-ref-link>svg{width:18px;height:18px;color:var(--gp-m-700);flex:none}.tb-ref-text{flex-direction:column;min-width:0;display:flex}.tb-ref-title,.tb-ref-url{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tb-ref-title{font-size:14px;font-weight:600}.tb-ref-url{color:var(--gp-ink-3);font-size:12.5px}.tb-ref-remove.pb-icon{width:30px;height:30px}.tb-ref-remove svg{width:16px;height:16px}.tb-refs-empty{color:var(--gp-ink-3);margin:0;font-size:13px;line-height:1.4}.tb-refs-add{flex-direction:column;gap:8px;display:flex}.tb-refs-row{gap:8px;display:flex}.tb-refs-row .gp-input{flex:auto;min-width:0}.tb-refs-row .gp-btn{flex:none;align-self:center}.tb-refs-note{min-height:1.4em;color:var(--gp-ink-3);margin:0;font-size:12.5px;line-height:1.4}.tb-refs-note[data-error]{color:var(--gp-bad)}.tb-page .sh-note{padding:0 6px}.tb-confirm{flex-direction:column;gap:10px;font-size:13.5px;display:flex}.tb-confirm-actions{justify-content:flex-end;gap:6px;display:flex}.tb-tool{top:calc(var(--tb-tool-gap) - var(--tb-pad-top));z-index:12;border-radius:var(--gp-r-l);background:var(--gp-card);box-shadow:var(--gp-ring-c), var(--gp-shadow-pop), 0 calc(-1 * var(--gp-r-l)) 0 var(--gp-page);align-items:center;gap:10px;padding:8px 10px;display:flex;position:sticky}.tb-tool:before{height:var(--tb-tool-gap);background:var(--gp-page);content:"";position:absolute;bottom:100%;left:0;right:0}.tb-seglab{flex:none;align-items:center;gap:8px;display:flex}.tb-grow{text-align:right;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.tb-tool .tb-phone,.tb-tool .tb-viewchip{display:none}.tb-viewchip svg{width:15px;height:15px}.tb-view{flex-direction:column;gap:8px;display:flex}.tb-view-gap{margin-top:8px}.tb-view-head{justify-content:space-between;align-items:center;min-height:24px;display:flex}.tb-view-on{border-radius:var(--gp-r-s);color:var(--gp-m-700);cursor:pointer;margin-right:-6px;padding:2px 6px;font-size:13px;font-weight:650}.tb-view-on:hover{background:var(--gp-m-100)}.tb-view-group{transition:opacity var(--gp-d-state) linear;flex-direction:column;gap:8px;display:flex}.tb-view-group[data-off]{opacity:.45}.tb-view-group[data-off] .gp-sw-row{cursor:default}.tb-view-row{grid-template-columns:52px minmax(0,1fr);align-items:center;gap:10px;display:grid}.tb-view-name{font-size:14px;font-weight:600}.tb-sheet{--tab-ink:var(--gp-ink);--tab-dim:var(--gp-ink-3);--tab-faint:var(--gp-ink-3);--tab-line:var(--gp-edge);--tab-paper:var(--gp-card);--tab-chord:var(--gp-m-700);--tab-off-shape:var(--lightningcss-light,#c2410c)var(--lightningcss-dark,#fb8c4a);border-radius:var(--gp-r-xl);background:var(--gp-card);padding:26px 30px 30px}.tb-viewer{cursor:pointer;position:relative}.tb-sk-meta{border-radius:6px;grid-column:1;width:170px;height:14px;margin-block:8px}.tb-sk-name{border-radius:6px;grid-column:1;width:min(260px,70%);height:30px;margin-block:2px}.tb-sk-tool{border-radius:var(--gp-r-m);flex:1;max-width:620px;height:36px}.tb-sk-rows{gap:44px;padding-top:8px;display:grid}.tb-sk-row{gap:12px;display:grid}.tb-sk-chords{border-radius:6px;width:45%;height:14px}.tb-sk-stave{border-radius:var(--gp-r-m);height:112px}.tb-rows{flex-direction:column;padding-top:8px;display:flex}.tb-tones{color:var(--gp-ink-3);font-family:var(--gp-f-num);white-space:nowrap;line-height:1}.tb-band,.tb-measure-hl,.tb-playhead{z-index:10;pointer-events:none;position:absolute}.tb-band{background:color-mix(in srgb, var(--gp-m-500) 10%, transparent)}.tb-band[data-start]{box-shadow:inset 2px 0 0 var(--gp-m-500)}.tb-band[data-end]{box-shadow:inset -2px 0 0 var(--gp-m-500)}.tb-band[data-start][data-end]{box-shadow:inset 2px 0 0 var(--gp-m-500), inset -2px 0 0 var(--gp-m-500)}.tb-measure-hl{border-radius:var(--gp-r-s);background:color-mix(in srgb, var(--gp-m-500) 9%, transparent);display:none}.tb-playhead{background:var(--gp-m-500);border-radius:1px;width:2px;display:none;left:0}.tb-playhead:before{border-top:6px solid var(--gp-m-500);content:"";border-left:5px solid #0000;border-right:5px solid #0000;position:absolute;top:-6px;left:-4px}@container tab (max-width:1199px){.tb-page .lib-shell,.tb-page .lib-shell[data-lib=closed]{grid-template-columns:minmax(0,1fr)}.tb-page .lib-aside,.tb-page .lib-fab{display:none}.tb-libopen.pb-icon{display:grid}}@container tab (max-width:959px){.tb-stage{--tb-pad-top:20px;padding:var(--tb-pad-top) 28px 0}}@container tab (max-width:819px){.tb-tool .tb-wide{display:none}.tb-tool .tb-viewchip{display:flex}}@container tab (max-width:719px){.tb-stage-wrap{--tb-pill-room:84px}.tb-stage{--tb-pad-top:12px;--tb-tool-gap:0px;padding:var(--tb-pad-top) 12px 0}.tb-stage-in{gap:10px}.tb-titlerow,.tb-page .sh-note{column-gap:8px;padding:0 2px}.tb-meta{height:22px}.tb-sk-meta{margin-block:4px}.tb-sk-name{height:22px}.tb-sk-tool{height:34px}.tb-titlerow h1{font-size:20px}.tb-pact{gap:2px}.tb-pact .tb-capo,.tb-libopen.pb-icon{display:none}.tb-tool .tb-phone{display:flex}.tb-tool .pb-icon.tb-phone{display:grid}.tb-tool{box-shadow:var(--gp-ring-c), var(--gp-shadow-pop);border-radius:0;gap:6px;margin:0 -12px;padding:6px 12px}.tb-sheet{border-radius:var(--gp-r-l);padding:12px 10px 14px}}@container tab (max-width:359px){.tb-tool{gap:2px;padding-inline:8px}}}