@layer components{.st-page{background:var(--gp-page);height:100%;color:var(--gp-ink);font-family:var(--gp-f-body);container:strum gp-page/inline-size}.st-stage-wrap{--st-pill-room:104px;flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.st-stage{box-sizing:border-box;flex-direction:column;flex:1 1 0;min-height:0;padding:22px 36px 0;display:flex;position:relative;overflow-y:auto}.st-stage:after{height:var(--st-pill-room);content:"";flex:none}.st-stage-in{box-sizing:border-box;flex-direction:column;flex:none;gap:16px;width:100%;max-width:900px;min-height:calc(100% - 14px);margin:0 auto;display:flex}.st-prog-slot{flex-direction:column;flex:1 1 0;display:flex}.st-sk-title{gap:8px;display:grid}.st-sk-meta{border-radius:6px;width:150px;height:14px}.st-sk-name{border-radius:6px;width:min(240px,60%);height:28px}.st-sk-now{box-sizing:border-box;border-radius:var(--gp-r-xl);background:var(--gp-card);height:199px;padding:20px 26px;display:grid}.st-sk-now>.gp-skeleton{border-radius:var(--gp-r-l)}.st-sk-prog{box-sizing:border-box;border-radius:var(--gp-r-xl);background:var(--gp-card);flex-direction:column;flex:1 1 0;gap:10px;min-height:195px;padding:16px;display:flex}.st-sk-head{border-radius:var(--gp-r-m);width:140px;height:30px}.st-sk-row{border-radius:var(--gp-r-m);width:min(236px,100%);height:48px}@container strum (min-width:720px) and (max-width:959px){.st-sk-now{height:261px;padding:26px 28px}}@container strum (max-width:719px){.st-sk-now{height:213px;padding:16px}}.st-page .sh-note{margin-top:4px}.st-page .lib-list .gp-row-t{text-transform:capitalize}.st-mini{flex-wrap:wrap;gap:5px;display:flex}.st-mini>span{gap:2px;display:flex}.st-mini i{background:var(--gp-s2);border-radius:2px;width:6px;height:9px}.st-mini i[data-hit]{background:var(--gp-ink-2)}.gp-row[aria-current=true] .st-mini i{background:var(--gp-m-300)}.gp-row[aria-current=true] .st-mini i[data-hit]{background:var(--gp-m-700)}.st-titlerow{align-items:center;gap:10px;min-height:52px;display:flex}.st-title{flex:1;min-width:0}.st-title h1{letter-spacing:-.015em;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap;margin:2px 0 0;font-size:24px;font-weight:750;overflow:hidden}.st-lab{color:var(--gp-ink-3);font-size:11.5px;font-weight:600}.st-num{font-variant-numeric:tabular-nums}.st-dirty{border-radius:var(--gp-r-m);background:var(--gp-card);box-shadow:var(--gp-ring-c);animation:st-pop var(--gp-d-pop) var(--gp-spring-pop);align-items:center;gap:6px;padding:4px 4px 4px 12px;display:flex}.st-dirty-text{margin-right:2px;font-size:13px;font-weight:600}.st-pact{align-items:center;gap:6px;display:flex;position:relative}.st-icon{border-radius:var(--gp-r-s);width:36px;height:36px;color:var(--gp-ink-3);cursor:pointer;transition:color var(--gp-d-state) linear, background-color var(--gp-d-state) linear;flex:none;place-items:center;display:grid}.st-icon svg{width:19px;height:19px}.st-icon:not(:disabled):hover{background:var(--gp-well);color:var(--gp-ink)}.st-icon[data-tone=bad]:not(:disabled):hover,.st-icon[data-tone=bad][aria-expanded=true]:not(:disabled){background:color-mix(in srgb, var(--gp-bad) 12%, transparent);color:var(--gp-bad)}.st-icon:disabled{color:var(--gp-edge);cursor:default;background:0 0}.st-icon[aria-pressed=true]{background:var(--gp-m-100);color:var(--gp-m-700)}.st-icon[data-muted]{color:var(--gp-ink-mute)}.st-confirm{flex-direction:column;gap:10px;font-size:13.5px;display:flex}.st-confirm-actions{justify-content:flex-end;gap:6px;display:flex}.st-pending{flex-direction:column;gap:16px;display:flex}.st-pending .st-title h1[data-sentence]{text-transform:none}.st-pending-chords{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.st-pending-chords ol{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.st-pending-chords li{border-radius:var(--gp-r-s);background:var(--gp-card);padding:6px 12px;font-size:17px;font-weight:750}.st-pending-rhythm{border-radius:var(--gp-r-xl);background:var(--gp-card);flex-direction:column;gap:12px;min-height:200px;padding:20px 26px;display:flex}.st-pending-meta{justify-content:space-between;align-items:center;gap:8px;min-height:28px;display:flex}.st-pending-empty{color:var(--gp-ink-3);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;font-size:14px;display:flex}.st-pending-empty p{max-width:34ch;margin:0}.st-pending-picks,.st-pending-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.st-pending-actions{justify-content:flex-end}.st-now-card{border-radius:var(--gp-r-xl);background:var(--gp-card);grid-template-columns:150px minmax(0,1fr) 96px;grid-template-areas:"now grid next";align-items:center;gap:24px;padding:20px 26px;display:grid}.st-now{flex-direction:column;grid-area:now;align-items:center;min-width:0;display:flex}.st-now[data-empty] .st-dg,.st-now[data-empty] .st-chord-big,.st-next[data-empty]{opacity:.35}.st-now-name{flex-direction:column;align-items:center;max-width:100%;display:flex}.st-next{opacity:.6;flex-direction:column;grid-area:next;align-items:center;min-width:0;display:flex}.st-chord-big,.st-chord-next{text-overflow:ellipsis;white-space:nowrap;max-width:100%;line-height:1.05;display:block;overflow:hidden}.st-chord-big{letter-spacing:-.03em;font-size:60px;font-weight:800}.st-chord-big[data-len=l]{font-size:44px}.st-chord-big[data-len=xl]{font-size:32px}.st-chord-next{letter-spacing:-.02em;font-size:28px;font-weight:750}.st-gridzone{--st-cell:44px;--st-cell-gap:3px;--st-beat-gap:12px;--st-barno:34px;flex-direction:column;grid-area:grid;align-items:center;gap:14px;min-width:0;display:flex}.st-rhythm{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.st-dg{width:92px;display:block}.st-dg svg{width:100%;height:auto;display:block}.st-dg[data-size=sm]{width:64px}.st-dg-empty{aspect-ratio:184/158;color:var(--gp-ink-mute);place-items:center;font-size:12px;display:grid}.st-barline{align-items:flex-start;gap:10px;max-width:100%;display:flex}.st-barno{white-space:nowrap;flex:none;width:24px;padding-top:16px}.st-beats{justify-content:center;gap:var(--st-beat-gap);display:flex}.st-beat{gap:var(--st-cell-gap);display:flex}.st-cw{flex-direction:column;align-items:center;gap:6px;display:flex}.st-cell{width:var(--st-cell);background:var(--gp-well);height:52px;color:var(--gp-ink-mute);transition:transform var(--gp-d-rise) var(--gp-e-rise), box-shadow var(--gp-d-state) linear, background-color var(--gp-d-state) linear;border-radius:9px;place-items:center;padding:0;display:grid}button.st-cell{cursor:pointer}.st-cell svg{width:21px;height:21px}.st-cell[data-v=""] i{background:currentColor;border-radius:50%;width:5px;height:5px}button.st-cell[data-v=""]:hover{box-shadow:inset 0 0 0 1px var(--gp-edge)}.st-cell:not([data-v=""]){background:var(--gp-face);color:var(--gp-ink);box-shadow:var(--gp-ring-n), 2px 2px 0 0 var(--gp-shn)}.st-cell[data-v=X]{color:var(--gp-ink-3)}.st-cell[data-now]:not([data-v=""]){background:var(--gp-m-500);color:var(--gp-m-on);box-shadow:var(--gp-ring-m), 0 0 0 0 var(--gp-m-sh);transform:translate(2px,2px)}.st-cell[data-now][data-v=U]{box-shadow:var(--gp-ring-m), 2px 7px 0 0 var(--gp-m-sh);transform:translateY(-5px)}.st-cell[data-now][data-v=X]{background:var(--gp-ink-fill);color:var(--gp-on-ink);box-shadow:0 0 0 0 var(--gp-ink-sh)}.st-cell[data-now][data-v=""]{box-shadow:inset 0 0 0 2px var(--gp-m-500)}.st-cnt{color:var(--gp-ink-3);text-align:center;font-size:11.5px;font-weight:600}.st-cnt[data-beat]{color:var(--gp-ink)}.st-pulse{align-items:center;gap:6px;height:16px;display:flex}.st-pulse i{background:var(--gp-s2);width:6px;height:6px;transition:background-color 60ms linear, transform .12s var(--gp-e-rise);border-radius:50%;display:block}.st-pulse i[data-beat]{width:12px;height:12px;margin-left:6px}.st-pulse i[data-beat]:first-child{margin-left:0}.st-pulse i[data-on]{background:var(--gp-m-500);transform:scale(1.25)}.st-prog{border-radius:var(--gp-r-xl);background:var(--gp-card);flex:1 1 0;grid-template:"head main""list main"minmax(0,1fr)/236px minmax(0,1fr);gap:8px 14px;padding:16px;display:grid}.st-prog-head{box-shadow:1px 0 0 var(--gp-line);grid-area:head;justify-content:space-between;align-items:center;gap:8px;padding-right:14px;display:flex}.st-prog-title{margin:0;font-size:15px;font-weight:700}.st-prog-picker{display:none}.st-plist{contain:size;min-width:0;min-height:0;box-shadow:1px 0 0 var(--gp-line);flex-direction:column;grid-area:list;align-content:start;gap:4px;margin:-4px 0 -4px -4px;padding:4px 18px 4px 4px;display:flex;overflow-y:auto}.st-plist>.gp-row{flex:none}.st-prog .st-plist>.gp-row.gp-hop[aria-current=true]{background:var(--gp-m-100)}.st-pgroup{color:var(--gp-m-700);margin:0;padding:0 4px;font-size:12px;font-weight:750}.st-pitem{border-radius:var(--gp-r-m);text-align:left;cursor:pointer;width:100%;min-width:0;transition:background-color var(--gp-d-state) linear, box-shadow var(--gp-d-rise) var(--gp-e-rise), transform var(--gp-d-rise) var(--gp-e-rise);flex-direction:column;flex:none;gap:3px;padding:9px 12px;display:flex}.st-pitem:hover{background:var(--gp-well)}.st-pitem[aria-current=true]{background:var(--gp-card);box-shadow:inset 0 0 0 1px var(--gp-m-300), 2px 2px 0 0 var(--gp-m-sh);transform:translateY(-1px)}.st-pitem-name{font-size:13.5px;font-weight:650}.st-pitem-name,.st-pitem-line{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}.st-prog-main{flex-direction:column;grid-area:main;min-width:0;min-height:368px;display:flex}.st-editor{flex-direction:column;flex:1;gap:12px;display:flex}.st-editor-head,.st-editor-tools{flex-wrap:wrap;flex:none;align-items:center;gap:8px 12px;display:flex}.st-editor-tools{justify-content:space-between}.st-editor-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin:0;font-size:18px;font-weight:750;overflow:hidden}.st-chords-scroll{--st-tile:96px;--st-tile-min:84px;--st-tile-gap:10px;--st-tile-max:0;--st-cl-cell:84px;--st-cl-max:0;min-height:calc(2 * 120px + var(--st-tile-gap));flex:1 1 0;margin:-4px;padding:4px;position:relative;overflow-y:auto}.st-chordline{grid-template-columns:repeat(var(--per), minmax(0, 1fr));row-gap:10px;display:grid}.st-cl-cell{border-left:2px solid var(--gp-ink-3);min-width:0;height:46px;color:var(--gp-ink);text-align:left;text-overflow:ellipsis;white-space:nowrap;transition:background-color var(--gp-d-state) linear, color var(--gp-d-state) linear;background:0 0;align-items:center;padding:0 12px;font-size:19px;font-weight:750;display:flex;overflow:hidden}.st-cl-cell[data-end]{border-right:2px solid var(--gp-ink-3)}button.st-cl-cell{cursor:pointer}button.st-cl-cell:hover{text-underline-offset:3px;font-style:italic;text-decoration:underline}.st-cl-cell[data-now]{background:var(--gp-m-100);color:var(--gp-m-700)}.st-cl-cell[data-silent]{color:var(--gp-bad)}.st-title-in{border-radius:var(--gp-r-s);background:0 0;outline:none;flex:1;min-width:0;margin-left:-8px;padding:4px 8px;font-size:18px;font-weight:750}.st-title-in::placeholder{color:var(--gp-ink);opacity:1}.st-title-in:hover,.st-title-in:focus{background:var(--gp-well)}.st-note{border-radius:var(--gp-r-m);background:var(--gp-card);box-shadow:var(--gp-ring-c), var(--gp-shadow-pop);animation:st-pop var(--gp-d-pop) var(--gp-spring-pop);flex-wrap:wrap;align-items:center;gap:8px;padding:6px 6px 6px 12px;display:flex}.st-empty{flex-direction:column;align-items:flex-start;gap:8px;padding:8px 4px;display:flex}.st-tiles{grid-template-columns:repeat(var(--per), minmax(var(--st-tile-min), var(--st-tile)));gap:var(--st-tile-gap);display:grid}.st-tile{border-radius:var(--gp-r-m);background:var(--gp-page);min-width:0;box-shadow:var(--gp-ring-c);transition:transform var(--gp-d-rise) var(--gp-e-rise), box-shadow var(--gp-d-rise) var(--gp-e-rise), background-color var(--gp-d-state) linear;flex-direction:column;align-items:center;gap:2px;padding:10px 0;display:flex;position:relative}button.st-tile{cursor:pointer}button.st-tile:hover{box-shadow:inset 0 0 0 1px var(--gp-edge)}button.st-tile:hover .st-tile-name{text-underline-offset:3px;font-style:italic;text-decoration:underline}.st-tile[data-now]{background:var(--gp-card);box-shadow:inset 0 0 0 1px var(--gp-m-300), 3px 3px 0 0 var(--gp-m-sh);transform:translateY(-2px)}.st-tile[data-silent] .st-tile-name{color:var(--gp-bad)}.st-tile[data-add]{min-height:96px;box-shadow:inset 0 0 0 1.5px var(--gp-edge);color:var(--gp-ink-3);background:0 0;justify-content:center;gap:4px}.st-tile[data-add] svg{width:20px;height:20px}.st-tile-name{font-size:16px;font-weight:750}.st-composer{border-radius:var(--gp-r-m);background:var(--gp-page);box-shadow:inset 0 0 0 1px var(--gp-m-300);animation:st-pop var(--gp-d-pop) var(--gp-spring-pop);flex-direction:column;gap:6px;margin-bottom:4px;padding:8px;display:flex}.st-readout{flex-wrap:wrap;gap:4px;display:flex}.st-readout span{border-radius:var(--gp-r-pill);background:var(--gp-m-100);color:var(--gp-m-700);padding:1px 7px;font-size:12px;font-weight:650}.st-readout span[data-bad]{background:color-mix(in srgb, var(--gp-bad) 12%, transparent);color:var(--gp-bad)}.st-answer{border-radius:var(--gp-r-pill);background:var(--gp-well);color:var(--gp-ink-2);cursor:pointer;padding:3px 9px;font-size:12px;font-weight:650}.st-answer[aria-selected=true]{background:var(--gp-ink-fill);color:var(--gp-on-ink)}.st-presets{border-radius:var(--gp-r-s);background:var(--gp-card);flex-direction:column;max-height:220px;display:flex;overflow-y:auto}.st-presets-group{background:var(--gp-card);color:var(--gp-ink-3);margin:0;padding:6px 8px 2px;font-size:11px;font-weight:700;position:sticky;top:0}.st-preset{text-align:left;cursor:pointer;flex-direction:column;align-items:flex-start;gap:1px;width:100%;padding:6px 8px;font-size:13px;display:flex}.st-preset:hover{background:var(--gp-well)}.st-slide{animation:st-over .3s var(--gp-spring-sheet) both;flex-direction:column;gap:18px;display:flex}@keyframes st-over{0%{opacity:0;transform:translate(40px)}}.st-shapes{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.st-shape{border-radius:var(--gp-r-m);background:var(--gp-page);box-shadow:var(--gp-ring-c);cursor:pointer;transition:transform var(--gp-d-rise) var(--gp-e-rise), box-shadow var(--gp-d-rise) var(--gp-e-rise), background-color var(--gp-d-state) linear;flex-direction:column;align-items:center;gap:4px;padding:10px 6px 8px;display:flex}.st-shape:hover{background:var(--gp-card);box-shadow:var(--gp-ring-c), 3px 3px 0 0 var(--gp-shn);transform:translateY(-2px)}.st-shape[aria-pressed=true]{background:var(--gp-card);box-shadow:inset 0 0 0 1px var(--gp-m-300), 3px 3px 0 0 var(--gp-m-sh);transform:translateY(-2px)}.st-shape[data-add]{min-height:96px;box-shadow:inset 0 0 0 1.5px var(--gp-edge);color:var(--gp-ink-2);background:0 0;justify-content:center}.st-shape[data-add] svg{width:20px;height:20px}.st-contain{container:strum/inline-size}.st-starters{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.st-cbar{border-radius:var(--gp-r-m);background:var(--gp-page);align-items:flex-start;gap:8px;padding:8px;display:flex}.st-cbar .st-barline{justify-content:flex-start}@media (max-width:719px){.st-starters{grid-template-columns:repeat(2,minmax(0,1fr))}}@keyframes st-fade{0%{opacity:0}}@keyframes st-pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}@container strum (max-width:959px){.st-stage{padding:20px 28px 0}.st-prog{grid-template-columns:210px minmax(0,1fr)}}@container strum (min-width:720px) and (max-width:959px){.st-stage-in{gap:20px}.st-now-card{gap:20px;padding:26px 28px}.st-gridzone{--st-cell:46px}.st-cell{height:60px}.st-cell svg{width:24px;height:24px}.st-title h1{font-size:28px}}@container strum (max-width:719px){.st-stage-wrap{--st-pill-room:84px}.st-stage{padding:12px 14px 0}.st-stage-in{flex:none;gap:12px}.st-prog-slot,.st-prog{flex:none;min-height:0}.st-chords-scroll{--st-tile:64px;--st-tile-min:64px;--st-tile-gap:6px;--st-tile-max:4;--st-cl-cell:64px;--st-cl-max:4;flex:none;max-height:46vh}.st-title h1{white-space:normal;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:20px;line-height:1.2;display:-webkit-box}.st-titlerow{min-height:46px}.st-titlerow[data-dirty] .st-pact{display:none}.st-dirty{box-shadow:none;background:0 0;gap:4px;padding:3px}.st-dirty-text{display:none}.st-now-card{grid-template-columns:minmax(0,1fr) 76px;grid-template-areas:"now next""grid grid";gap:12px;padding:14px 12px}.st-now{flex-direction:row;align-items:center;gap:14px;min-width:0}.st-now-name{width:112px}.st-chord-big{font-size:46px}.st-chord-big[data-len=l]{font-size:34px}.st-chord-big[data-len=xl]{font-size:26px}.st-chord-next{font-size:24px}.st-next{min-width:0}.st-gridzone{--st-cell:24px;--st-cell-gap:2px;--st-beat-gap:6px;--st-barno:22px;width:100%}.st-barline{gap:6px;width:100%}.st-barno{width:16px}.st-beats{width:100%}.st-beat{flex:var(--n) 1 0;min-width:0}.st-cw{flex:1 1 0;gap:4px;min-width:0}.st-cell{border-radius:7px;width:100%;height:44px}.st-cell svg{width:min(18px,70%);height:18px}.st-cnt{font-size:10.5px}.st-prog{grid-template-columns:minmax(0,1fr);grid-template-areas:"head""list""main";padding:12px}.st-prog-head{box-shadow:none;padding-right:0}.st-prog-title{display:none}.st-prog-picker{display:inline-flex}.st-prog-main{min-height:0}.st-plist{contain:none;border-radius:var(--gp-r-m);background:var(--gp-page);max-height:260px;box-shadow:none;margin:0;padding:6px;display:none}.st-prog[data-list=open] .st-plist{display:flex}.st-tiles{grid-template-columns:repeat(var(--per), minmax(0, 1fr))}.st-tile{padding:8px 0}.st-tile-name{font-size:14px}.st-tile .st-dg{width:min(64px,90%)}}@container strum (max-width:359px){.st-lib-lab{display:none}}}