.pattern-card.authored-link{width:max(var(--slide-width),var(--link-card-min-width));flex-basis:max(var(--slide-width),var(--link-card-min-width));grid-template-rows:minmax(0,1fr) 0 36px;padding-top:34px}.pattern-card.authored-link:is(.link-details-notes,.link-details-steps){grid-template-rows:minmax(0,1fr) 62px 36px}.link-origin{z-index:4;border:0;border-bottom:1px dashed color-mix(in srgb,var(--muted) 70%,transparent);max-width:calc(100% - 90px);min-height:18px;color:var(--muted);text-align:right;white-space:nowrap;text-overflow:ellipsis;background:0 0;padding:1px 0;font:700 8px/1 Arial,sans-serif;position:absolute;bottom:8px;left:auto;right:8px}.link-origin:disabled{cursor:default;opacity:.72}.link-mini-staff{overflow:hidden}.link-staff-lines line,.link-staff-ledger{stroke:color-mix(in srgb,var(--muted) 62%,transparent);stroke-width:1px}.link-staff-clef{fill:var(--text);font:74px/1 Bravura Text,Noto Music,Apple Symbols,serif}.link-staff-key-signature{fill:var(--text);text-anchor:middle;font:25px/1 Bravura Text,Noto Music,Apple Symbols,serif}.link-staff-note ellipse{fill:var(--text);stroke:none}.link-staff-stem{stroke:var(--text);stroke-width:2px;stroke-linecap:round}.link-staff-note.current ellipse{fill:var(--orange);filter:drop-shadow(0 0 3px color-mix(in srgb,var(--orange) 56%,transparent))}.link-staff-note.current .link-staff-stem{stroke:var(--orange);filter:drop-shadow(0 0 3px color-mix(in srgb,var(--orange) 56%,transparent))}.link-staff-accidental{fill:var(--text);text-anchor:middle;font:18px/1 Bravura Text,Noto Music,Apple Symbols,serif}.link-staff-note.current .link-staff-accidental{fill:var(--orange)}.link-empty{fill:var(--muted);text-anchor:middle;font:12px Arial,sans-serif}.link-note-rows{grid-row:2;grid-template-columns:52px minmax(0,1fr);min-width:0;transition:opacity .15s;display:grid;transform:translateY(-11px)}.pattern-card.authored-link:not(.link-details-notes):not(.link-details-steps) .link-note-rows{visibility:hidden;opacity:0;pointer-events:none}.link-note-labels,.link-note-scroll{grid-template-rows:repeat(2,30px);gap:1px;min-width:0;display:grid}.link-note-labels>small{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;place-items:center;font:700 9px/1 Arial,sans-serif;display:grid}.link-note-scroll{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--orange) 55%,transparent) transparent;-webkit-overflow-scrolling:touch;overflow:auto hidden}.link-note-scroll::-webkit-scrollbar{height:4px;display:block}.link-note-scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--orange) 55%,transparent);border-radius:4px}.link-event-strip{align-items:stretch;min-width:100%;display:grid}.link-event-strip button{min-width:28px;height:30px;color:var(--text);background:0 0;border:1px solid #0000;border-radius:3px;grid-template-rows:1fr auto;place-items:center;padding:1px 2px;font:700 14px/1 Georgia,serif;display:grid}.link-details-notes .link-event-strip button,.link-details-notes .link-source-notes>span,.link-details-steps .link-event-strip button,.link-details-steps .link-source-notes>span{grid-template-rows:1fr}.link-note-meta{justify-content:center;align-items:center;gap:3px;min-width:0;font-family:Arial,sans-serif;line-height:1;display:flex}.link-note-degree{color:var(--muted);font-size:11px;font-weight:800}.link-note-step{border:1px solid color-mix(in srgb,var(--muted) 28%,transparent);background:color-mix(in srgb,var(--muted) 10%,transparent);min-width:18px;color:var(--muted);letter-spacing:-.02em;text-align:center;border-radius:3px;padding:1px 3px;font-size:10px;font-weight:800}.link-event-strip button.current .link-note-degree{color:inherit}.link-event-strip button.current .link-note-step{color:inherit;background:#ffffff29;border-color:#ffffff94}.link-details-steps .link-note-degree{z-index:2;font-size:14px;position:relative}.link-steps-strip{position:relative}.link-steps-strip .link-note-step{z-index:1;white-space:nowrap;background:0 0;border:0;width:max-content;min-width:0;padding:0;font-size:12px;position:absolute;top:50%;transform:translate(-50%,-50%)}.link-details-steps .link-event-strip button.current{color:var(--text);background:0 0}.link-details-steps .link-event-strip button.current .link-note-degree{background:var(--orange);color:#fff;border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.link-event-strip button.current{background:var(--orange);color:#fff}.link-event-strip button.picked{border-color:var(--orange);background:color-mix(in srgb,var(--orange) 14%,var(--cream))}.link-source-notes>span{min-width:28px;color:var(--muted);grid-template-rows:1fr auto;place-items:center;padding:1px 2px;font:700 13px/1 Georgia,serif;display:grid}.link-step-indicator{z-index:6;border:1px solid color-mix(in srgb,var(--muted) 25%,transparent);background:color-mix(in srgb,var(--muted) 7%,var(--cream));min-width:25px;height:25px;color:var(--muted);font-variant-numeric:tabular-nums;border-radius:4px;place-items:center;padding:0 5px;font:800 11px/1 Arial,sans-serif;display:grid;position:absolute;top:8px;left:8px}.link-edit-launch,.link-delete{z-index:4;border:1px solid var(--key-border);background:var(--key-bg);height:32px;min-height:32px;color:var(--key-text);box-shadow:0 2px 0 var(--key-shadow);border-radius:5px;justify-content:center;align-items:center;gap:5px;padding:4px 9px;display:inline-flex;position:absolute;bottom:8px}.link-edit-launch{letter-spacing:.04em;text-transform:uppercase;min-width:58px;font:800 8px/1 Arial,sans-serif;left:8px}.link-delete{width:32px;padding:4px;right:8px}.link-edit-launch svg,.link-delete svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:13px;height:13px}.link-edit-launch:disabled,.link-delete:disabled{cursor:default;opacity:.45}.link-edit-launch:not(:disabled):active,.link-delete:not(:disabled):active{box-shadow:0 1px 0 var(--key-shadow);transform:translateY(1px)}.link-mode-controls{gap:12px;margin-top:0}.musical-surface .sidebar{grid-template-columns:170px 100px minmax(70px,92px) minmax(130px,210px) minmax(120px,170px) 42px}.musical-surface .brand{align-self:end;height:40px}.header-rhythm-control{align-self:end;min-width:0}.header-rhythm-control>.header-control-label{margin-bottom:6px}.header-rhythm-toggle{background:color-mix(in srgb,#fff 8%,var(--green));color:#fff;border:1px solid #ffffff2e;border-radius:4px;place-items:center;width:100%;min-width:0;height:40px;padding:3px 4px;display:grid;box-shadow:0 2px #0000002e}.header-rhythm-toggle[aria-expanded=true]{border-color:var(--orange);background:color-mix(in srgb,var(--orange) 18%,var(--green));color:#fff}.header-rhythm-name{text-align:center;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;min-width:0;font:700 14px/1 Georgia,Times New Roman,serif;display:block;overflow:hidden}.rhythm-drawer{z-index:20;width:min(1400px,100%);margin:0 auto;padding:7px clamp(12px,3vw,42px) 0;position:relative}.rhythm-drawer .rhythm-bar{margin:0}.fingering-group select{font-size:12px}.link-key,.link-edit-tools select{border:1px solid var(--key-border);background:var(--key-bg);min-height:24px;color:var(--key-text);box-shadow:0 2px 0 var(--key-shadow);border-radius:4px;flex:none;padding:3px 7px;font:700 8px/1.2 Arial,sans-serif}.link-key[aria-pressed=true]{border-color:var(--orange);color:var(--orange)}.link-key:disabled{opacity:.35;cursor:default}.link-editor-layout,.link-editor-card-column{min-width:0}.link-editor-layout.editing{display:block}.link-editor-layout.editing .pattern-carousel{padding-right:calc((100% - var(--slide-width))/2);padding-left:calc((100% - var(--slide-width))/2);scroll-snap-type:none;touch-action:pan-y;overflow-x:hidden}.link-editor-layout.editing .pattern-card:not(.selected){pointer-events:none}.link-edit-tools{border-right:1px solid var(--line);grid-area:1/1;grid-template-rows:auto 1fr auto auto;align-content:stretch;align-self:stretch;gap:7px;min-width:0;height:100%;padding:8px;display:grid}.link-edit-tools select{width:100%;min-width:0;min-height:40px;font-size:10px}.link-edit-top-actions,.link-edit-bottom-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.link-edit-top-actions{grid-row:1}.link-edit-field{grid-row:2}.link-reset-notes{grid-row:3}.link-edit-bottom-actions{grid-row:4}.link-edit-tools.initial-source{grid-template-rows:1fr auto auto}.link-edit-tools.initial-source .link-reset-notes{grid-row:2}.link-edit-tools.initial-source .link-edit-bottom-actions{grid-row:3}.link-edit-tools .link-key{min-width:0;min-height:28px;font-size:9px}.link-edit-tools .link-key.primary{border-color:var(--orange);background:var(--orange);color:#fff}.link-edit-tools .link-key.danger{border-color:color-mix(in srgb,#c64555 68%,var(--key-border));color:#b53849}.link-edit-wide{width:100%}.link-reset-notes{justify-content:center;align-items:center;gap:5px;width:100%;display:flex}.link-reset-notes svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:13px;height:13px}.link-edit-bottom-actions .link-key{width:100%}.link-edit-card-actions{width:min(58cqw,248px);margin:4px auto 5px}.link-edit-card-actions .link-key{min-height:32px;font-size:9px}.link-edit-card-actions .link-add-next{border-color:var(--orange);background:var(--orange);color:#fff}.link-edit-card-actions .link-save{justify-content:center;align-items:center;gap:5px;display:flex}.link-done-icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:13px;height:13px}.link-edit-field{align-self:start;gap:3px;display:grid}.link-edit-field>span{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;font:700 6px/1 Arial,sans-serif}.link-status{color:var(--muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;padding:5px 0 2px;font:10px/1.3 Arial,sans-serif;display:block;overflow:hidden}.fretboard-header-message{z-index:17;box-sizing:border-box;background:color-mix(in srgb,var(--orange) 12%,transparent);width:100%;height:48px;min-height:48px;color:var(--orange);letter-spacing:.01em;white-space:normal;border-radius:4px;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:8px;margin:3px 0 0;padding:6px 8px;font:800 12px/1.25 Arial,sans-serif;display:grid;position:relative;overflow:hidden}.fretboard-header-message>span[role=status]{text-align:center;place-items:center;min-width:0;height:100%;display:grid;overflow:hidden}.fretboard-header-main{text-align:center;width:100%;min-width:0;display:block}.fretboard-header-message .fretboard-header-main>svg{width:15px;height:15px;fill:color-mix(in srgb,var(--orange) 14%,transparent);stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;margin-right:6px;display:inline-block;transform:translateY(-2px)}.fretboard-header-action-slot{place-items:center;width:40px;height:36px;display:grid}.fretboard-header-message .fretboard-message-action{border:1px solid color-mix(in srgb,var(--muted) 28%,transparent);width:38px;height:31px;min-height:31px;color:var(--muted);box-shadow:none;background:0 0;border-radius:5px;place-items:center;padding:4px;display:grid}.fretboard-header-message .fretboard-message-action svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px;margin:0;overflow:visible}.fretboard-header-message .fretboard-message-action .fretboard-action-node{fill:currentColor;stroke:none}.fretboard-header-message .fretboard-message-action:disabled{cursor:default;opacity:.32}.fretboard-header-message .fretboard-message-action:active:not(:disabled){background:color-mix(in srgb,var(--muted) 8%,transparent);transform:translateY(1px)}.fretboard-header-message .fretboard-message-action:focus-visible{outline:2px solid var(--orange);outline-offset:1px}@media (hover:hover) and (pointer:fine){.fretboard-header-message .fretboard-message-action:hover:not(:disabled){border-color:color-mix(in srgb,var(--muted) 52%,transparent);color:var(--text)}}.musical-surface .note-dot{width:36px;min-width:36px;max-width:36px;height:36px;min-height:36px;max-height:36px}.musical-surface .scale-tone:not(.route-tone):not(.active-form-tone):not(.start-tone):not(.current-tone) .note-dot{opacity:.42}html[data-theme=dark] .musical-surface .scale-tone:not(.route-tone):not(.active-form-tone):not(.start-tone):not(.current-tone) .note-dot{opacity:.6}.chromatic-tone .note-dot{border-style:dashed}.chromatic-tone:not(.route-tone) .note-dot{opacity:.18}.musical-surface .note-dot[aria-haspopup=menu]{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.fretboard-note-menu{z-index:40;border:1px solid color-mix(in srgb,var(--muted) 32%,var(--line));background:color-mix(in srgb,var(--cream) 97%,transparent);width:124px;color:var(--text);border-radius:7px;gap:3px;padding:6px;font-family:Arial,sans-serif;display:grid;position:absolute;box-shadow:0 9px 24px #120a1033}.fretboard-note-menu>small{color:var(--muted);letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;padding:2px 5px 4px;font-size:8px;font-weight:800;overflow:hidden}.fretboard-note-menu>button{min-height:31px;color:var(--text);text-align:left;box-shadow:none;background:0 0;border:1px solid #0000;border-radius:4px;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:6px;padding:4px 6px;font:700 10px/1 Arial,sans-serif;display:grid}.fretboard-note-menu>button svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px;overflow:visible}.fretboard-note-menu>button.danger{color:#a4414c}.fretboard-note-menu>button:focus-visible{border-color:var(--orange);outline:0}.fretboard-note-menu>button:active{background:color-mix(in srgb,var(--muted) 10%,transparent)}@media (hover:hover) and (pointer:fine){.fretboard-note-menu>button:hover{background:color-mix(in srgb,var(--muted) 8%,transparent)}}.link-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f080db8}.link-dialog{font-size:12px;line-height:1.45}.link-dialog>header h2{margin:5px 40px 18px 0;font:400 25px/1.1 Georgia,serif}.link-dialog button:not(.rhythm-editor-close):not(.rhythm-note-hit):not(.rhythm-note-rest){border:1px solid var(--key-border);background:var(--key-bg);min-height:32px;color:var(--key-text);box-shadow:0 2px 0 var(--key-shadow);border-radius:5px;padding:5px 9px;font-size:10px}.link-dialog button[aria-pressed=true],.link-dialog button.active{border-color:var(--orange)!important;color:var(--orange)!important}.link-dialog button:disabled{opacity:.4;cursor:default}.link-dialog input,.link-dialog select{border:1px solid var(--key-border);background:var(--key-bg);color:var(--text);border-radius:4px;max-width:100%;padding:7px;font-size:14px}.link-dialog .dialog-field{flex-direction:column;gap:6px;margin:12px 0;display:flex}.link-dialog .muted{color:var(--muted);font-size:11px}.link-dialog .dialog-actions,.link-dialog .dialog-options{flex-wrap:wrap;justify-content:flex-start;gap:7px;margin:12px 0;display:flex}.link-dialog details{margin-top:15px}.link-dialog summary{cursor:pointer}.link-dialog .scale-degrees{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.link-dialog .saved-scale{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.musical-surface .footer-tools .tone-lab-launch svg{fill:none;stroke:currentColor;stroke-width:1.5px}.musical-surface :is(.link-key,.link-edit-launch,.link-event-strip button,.link-edit-tools select):focus-visible{outline:2px solid var(--orange);outline-offset:2px}html[data-theme=dark] .link-edit-tools .link-key.danger{color:#ff8b9a}.sequence-mode-chooser{align-content:center;gap:9px;min-height:min(52cqw,224px);padding:8px;display:grid}.sequence-mode-chooser>small{color:var(--muted);letter-spacing:.12em;text-align:center;text-transform:uppercase;font:800 8px/1 Arial,sans-serif}.sequence-mode-chooser>div{grid-template-columns:repeat(2,minmax(0,248px));justify-content:center;align-items:stretch;gap:12px;display:grid}.sequence-mode-chooser button{border:1px solid color-mix(in srgb,var(--key-border) 75%,transparent);background:color-mix(in srgb,var(--key-bg) 66%,transparent);min-height:150px;color:var(--text);text-align:left;border-radius:7px;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;padding:18px;display:grid;box-shadow:0 7px 18px #32263514}.sequence-mode-chooser svg{width:48px;height:48px;fill:var(--cream);stroke:var(--orange);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;overflow:visible}.sequence-mode-chooser span{gap:7px;display:grid}.sequence-mode-chooser strong{font:800 23px/1 Georgia,Times New Roman,serif}.sequence-mode-chooser span small{color:var(--muted);font:700 10px/1.25 Arial,sans-serif}.sequence-mode-chooser button:active{transform:translateY(1px)}.link-staff-stem.current{stroke:var(--orange);filter:drop-shadow(0 0 3px color-mix(in srgb,var(--orange) 56%,transparent))}@media (width>=681px) and (width<=900px){.musical-surface .sidebar{grid-template-columns:64px minmax(138px,150px) minmax(62px,78px) minmax(95px,1fr) minmax(105px,135px) 38px;gap:8px}.header-rhythm-toggle{width:64px}.fingering-group select{font-size:10px}}@media (width>=561px) and (width<=680px){.musical-surface .sidebar{padding-right:max(8px,var(--safe-right));padding-left:max(8px,var(--safe-left));grid-template-columns:58px 44px 48px minmax(92px,1fr) minmax(105px,135px) 34px;gap:6px}.header-rhythm-toggle{grid-template-columns:minmax(0,1fr) 20px;width:58px}.header-rhythm-toggle .rhythm-notation>span,.header-rhythm-toggle .rhythm-glyph{width:5px}.musical-surface .brand{justify-content:center;width:44px}.musical-surface .brand>span{display:none}.musical-surface .brand .sequence-mark{width:38px;height:38px}.fingering-group select{font-size:9px}}@media (width<=560px){.musical-surface .sidebar{padding-right:max(5px,var(--safe-right));padding-left:max(5px,var(--safe-left));grid-template-columns:50px 48px minmax(78px,1fr) minmax(92px,1.15fr) 34px;gap:4px}.header-rhythm-toggle{width:50px;padding-left:2px;padding-right:2px}.header-rhythm-name{font-size:12px}.rhythm-drawer{padding:5px max(5px,var(--safe-right)) 0 max(5px,var(--safe-left))}.fingering-group select{font-size:9px}.musical-surface .note-dot{width:30px;min-width:30px;max-width:30px;height:30px;min-height:30px;max-height:30px}.link-editor-layout.editing{grid-template-columns:minmax(136px,44%) minmax(0,1fr);gap:5px}.link-editor-layout.editing .pattern-carousel{--slide-width:100%;padding-left:0;padding-right:0;scroll-padding-inline:0}.link-edit-tools{border-right:1px solid var(--line);gap:6px;padding:5px}.link-edit-top-actions,.link-edit-bottom-actions{gap:5px}.link-edit-tools .link-key{min-height:38px;font-size:9px}.link-edit-tools select{min-height:44px;font-size:10px}.link-edit-field>span{font-size:6px}.link-edit-hint{padding:5px 3px;font-size:8px}.link-status{font-size:9px}.link-dialog .scale-degrees{grid-template-columns:repeat(3,minmax(0,1fr))}.sequence-mode-chooser{gap:7px;min-height:min(60vw,224px);padding:5px}.sequence-mode-chooser>div{gap:7px}.sequence-mode-chooser button{text-align:center;grid-template-columns:1fr;place-items:center;gap:7px;min-height:126px;padding:10px}.sequence-mode-chooser svg{width:36px;height:36px}.sequence-mode-chooser strong{font-size:18px}.sequence-mode-chooser span small{font-size:8px}.link-editor-layout.editing .link-editor-card-column,.link-editor-layout.editing .pattern-carousel{width:100%;max-width:100%}.link-editor-layout.editing .pattern-card.authored-link{flex-basis:100%;width:100%;min-width:0;max-width:100%}.pattern-card.authored-link{grid-template-rows:minmax(0,1fr) 0 38px}.pattern-card.authored-link:is(.link-details-notes,.link-details-steps){grid-template-rows:minmax(0,1fr) 62px 38px}.link-note-labels,.link-note-scroll{grid-template-rows:repeat(2,30px)}.link-event-strip button{height:30px}.link-edit-launch{min-width:62px;min-height:36px}.link-origin{max-width:calc(100% - 92px);bottom:14px}}@media (width<=360px){.musical-surface .sidebar{grid-template-columns:44px 44px minmax(62px,1fr) minmax(72px,1.1fr) 30px;gap:3px}.header-rhythm-toggle{grid-template-columns:minmax(0,1fr) 16px;width:44px}.header-rhythm-toggle .rhythm-notation>span,.header-rhythm-toggle .rhythm-glyph{width:3.5px}.musical-surface .favorite-control>button{width:30px}.fingering-group select{padding-left:5px;padding-right:16px;font-size:8px}}@media (orientation:landscape) and (height<=560px) and (width<=1024px){.phone-landscape.musical-surface .sidebar{grid-template-columns:62px minmax(100px,125px) 46px minmax(105px,1fr) minmax(115px,160px) 30px 30px;gap:4px}.phone-landscape .header-rhythm-toggle{grid-template-columns:minmax(0,1fr) 20px;width:62px;height:28px}.phone-landscape .header-rhythm-toggle .rhythm-notation{height:24px}.phone-landscape .header-rhythm-toggle .rhythm-notation>span{width:5px;height:20px}.phone-landscape .header-rhythm-toggle .rhythm-glyph{width:5px;height:18px}.phone-landscape.musical-surface .brand{justify-content:flex-start;width:auto}.phone-landscape.musical-surface .brand>span{display:block}.phone-landscape .fingering-group select{font-size:8px}.phone-landscape.musical-surface .note-dot{width:21px;min-width:21px;max-width:21px;height:21px;min-height:21px;max-height:21px}.phone-landscape .authored-link{grid-template-rows:minmax(0,1fr) 26px 9px;padding-top:16px}.phone-landscape .link-origin{font-size:6px;top:5px;left:6px}.phone-landscape .link-note-rows{grid-template-rows:repeat(2,12px);transform:translateY(-5px)}.phone-landscape .link-event-strip>small{font-size:4px}.phone-landscape .link-event-strip button{min-width:22px;height:12px;padding:0 1px;font-size:6px}.phone-landscape .link-event-strip button>small,.phone-landscape .link-source-notes span>small{font-size:3.5px}.phone-landscape .link-source-notes span{min-width:22px;padding:0 1px;font-size:6px}.phone-landscape .link-editor-layout.editing{grid-template-columns:minmax(330px,480px) minmax(0,220px);gap:6px}.phone-landscape .link-edit-tools{grid-template-columns:1.35fr 1fr 1fr;align-items:end;gap:5px;padding:3px 6px}.phone-landscape .link-edit-actions{grid-template-columns:repeat(3,1fr);align-self:end}.phone-landscape .link-edit-actions .danger{grid-column:auto}.phone-landscape .link-edit-tools :is(select,button){height:31px;min-height:31px;font-size:8px}.phone-landscape .link-edit-field>span{font-size:5px}.phone-landscape .link-edit-secondary-actions{grid-template-columns:1fr .7fr}.phone-landscape .link-edit-hint{grid-column:1/-1;align-self:end;padding:4px 3px;font-size:7px}.phone-landscape .sequence-panel:has(.link-edit-tools){flex-basis:114px}.phone-landscape .link-status{padding:1px 0;font-size:8px}.phone-landscape .link-edit-tools{grid-template-rows:27px 33px 27px;grid-template-columns:1fr 1fr;align-items:stretch;gap:3px}.phone-landscape .link-edit-top-actions{grid-area:1/1/auto/-1}.phone-landscape .link-reset-notes{grid-area:2/1}.phone-landscape .link-edit-field{grid-area:2/2}.phone-landscape .link-edit-field>span{display:none}.phone-landscape .link-edit-bottom-actions{grid-area:3/1/auto/-1}.phone-landscape .link-edit-tools button{height:27px;min-height:27px}.phone-landscape .link-edit-tools select{height:33px;min-height:33px}.phone-landscape .link-note-labels>small{font-size:6px}.phone-landscape .link-event-strip button,.phone-landscape .link-source-notes>span{font-size:8px}.phone-landscape .authored-link{grid-template-rows:minmax(0,1fr) 32px 9px}.phone-landscape .link-note-labels,.phone-landscape .link-note-scroll{grid-template-rows:repeat(2,15px)}.phone-landscape .link-event-strip button,.phone-landscape .link-source-notes>span{height:15px;font-size:10px}.phone-landscape .link-note-degree{font-size:8px}.phone-landscape .link-note-step{min-width:13px;padding:0 2px;font-size:7px}.phone-landscape .pattern-card.authored-link{grid-template-rows:minmax(0,1fr) 0 30px;padding-top:24px}.phone-landscape .pattern-card.authored-link:is(.link-details-notes,.link-details-steps){grid-template-rows:minmax(0,1fr) 32px 30px}.phone-landscape .link-edit-launch{gap:3px;min-width:52px;min-height:28px;padding:2px 6px;font-size:7px}.phone-landscape .link-edit-launch svg{width:11px;height:11px}.phone-landscape .link-origin{max-width:calc(100% - 70px);font-size:6px;bottom:10px;right:6px}.phone-landscape .link-editor-layout.editing .link-editor-card-column,.phone-landscape .link-editor-layout.editing .pattern-carousel{width:100%;max-width:100%}.phone-landscape .link-editor-layout.editing .pattern-card.authored-link{flex-basis:100%;width:100%;min-width:0;max-width:100%}}@media (width<=560px){.fretboard-header-message{grid-template-columns:38px minmax(0,1fr) 38px;gap:5px;height:46px;min-height:46px;padding:6px 7px;font-size:11px}.fretboard-header-action-slot{width:38px;height:34px}.fretboard-header-message .fretboard-message-action{width:36px;height:29px;min-height:29px;padding:4px}.fretboard-header-message .fretboard-message-action svg{width:20px;height:20px}.fretboard-header-message .fretboard-header-main>svg{width:14px;height:14px}}@media (orientation:landscape) and (height<=560px) and (width<=1024px){.phone-landscape .fretboard-header-message{grid-template-columns:36px minmax(0,1fr) 36px;gap:4px;height:35px;min-height:35px;margin-top:1px;padding:3px 5px;font-size:9px}.phone-landscape .fretboard-header-action-slot{width:36px;height:29px}.phone-landscape .fretboard-header-message .fretboard-message-action{width:34px;height:27px;min-height:27px;padding:3px}.phone-landscape .fretboard-header-message .fretboard-message-action svg{width:19px;height:19px}.phone-landscape .fretboard-header-message .fretboard-header-main>svg{width:12px;height:12px;margin-right:4px}.phone-landscape .link-edit-tools.initial-source{grid-template-rows:1fr 27px 27px}.phone-landscape .link-edit-tools.source-link .link-reset-notes{grid-column:1/-1}.phone-landscape .link-edit-tools.initial-source .link-reset-notes{grid-row:2}.phone-landscape .link-edit-tools.initial-source .link-edit-bottom-actions{grid-row:3}}.pattern-card.authored-link:is(.link-details-notes,.link-details-steps) .pattern-card-graph{display:none}.pattern-card.authored-link:is(.link-details-notes,.link-details-steps) .link-note-rows{grid-row:auto;position:absolute;top:50%;left:8px;right:8px;transform:translateY(-50%)}.link-origin{z-index:6;text-align:center;background:0 0;border:0;place-items:center;max-width:calc(100% - 120px);height:25px;min-height:25px;padding:0;font-weight:800;text-decoration:none;display:grid;inset:8px auto auto 50%;transform:translate(-50%)}.pattern-card.authored-link .pattern-card-graph{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--orange) 55%,transparent) transparent;-webkit-overflow-scrolling:touch;overflow:auto hidden}.pattern-card.authored-link .pattern-card-graph::-webkit-scrollbar{height:4px}.pattern-card.authored-link .pattern-card-graph::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--orange) 55%,transparent);border-radius:4px}.link-mini-tab{overflow:hidden}.link-tab-string{stroke:color-mix(in srgb,var(--muted) 65%,transparent);stroke-width:1px}.link-tab-string-label{font:800 13px/1 Arial,sans-serif}.link-tab-string-number{fill:var(--muted)}.link-tab-string-name{fill:var(--text);font-family:Georgia,Times New Roman,serif}.link-tab-note text{fill:var(--text);text-anchor:middle;font:800 20px/1 Arial,sans-serif}.link-tab-note.current text{fill:var(--orange);filter:drop-shadow(0 0 2px color-mix(in srgb,var(--orange) 36%,transparent))}.link-view-mode{z-index:5;border:1px solid color-mix(in srgb,var(--muted) 28%,transparent);width:32px;height:32px;min-height:32px;color:var(--muted);box-shadow:none;background:0 0;border-radius:5px;place-items:center;padding:4px;display:grid;position:absolute;bottom:8px;right:8px}.link-view-mode:disabled{cursor:default;opacity:.42}.link-view-mode svg{fill:none;stroke:currentColor;stroke-width:1.45px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;overflow:visible}.link-view-mode svg text{fill:currentColor;stroke:none;text-anchor:middle;font:800 8px/1 Arial,sans-serif}.link-view-mode .link-view-note-head{fill:currentColor;stroke:none}.link-view-mode:active:not(:disabled){background:color-mix(in srgb,var(--muted) 8%,transparent);transform:translateY(1px)}.musical-surface .link-view-mode:focus-visible{outline:2px solid var(--orange);outline-offset:2px}@media (width<=560px){.link-origin{max-width:calc(100% - 120px);inset:8px auto auto 50%}}@media (orientation:landscape) and (height<=560px) and (width<=1024px){.phone-landscape .link-origin{max-width:calc(100% - 76px);height:21px;min-height:21px;font-size:6px;inset:4px auto auto 50%}.phone-landscape .link-step-indicator{min-width:21px;height:21px;padding:0 4px;font-size:9px;top:4px;left:4px}.phone-landscape .link-view-mode{width:27px;height:27px;min-height:27px;padding:3px;bottom:4px;right:4px}.phone-landscape .link-view-mode svg{width:15px;height:15px}}.musical-surface .pattern-carousel:not(.single-card){padding-left:0;padding-right:0}.musical-surface .pattern-carousel:not(.single-card)>.pattern-card:first-child{margin-left:max(0px,calc((100% - max(var(--slide-width),var(--link-card-min-width)))/2))}.musical-surface .pattern-carousel:not(.single-card)>.pattern-card:last-child{margin-right:max(0px,calc((100% - max(var(--slide-width),var(--link-card-min-width)))/2))}@media (width<=560px){.link-editor-layout.editing{display:block}.link-editor-layout.editing .pattern-carousel{--slide-width:min(64cqw,272px);padding-right:calc((100% - var(--slide-width))/2);padding-left:calc((100% - var(--slide-width))/2);scroll-padding-inline:calc((100% - var(--slide-width))/2)}.link-editor-layout.editing .pattern-card.authored-link{width:max(var(--slide-width),var(--link-card-min-width));flex-basis:max(var(--slide-width),var(--link-card-min-width));min-width:0;max-width:none}.link-edit-card-actions{width:min(64cqw,272px)}.fretboard-header-message{padding-left:5px;padding-right:5px;font-size:10px}}@media (orientation:landscape) and (height<=560px) and (width<=1024px){.phone-landscape .link-editor-layout.editing{display:block}.phone-landscape .link-editor-layout.editing .pattern-carousel{--slide-width:170px;height:92px;padding:0 calc((100% - var(--slide-width))/2);scroll-padding-inline:calc((100% - var(--slide-width))/2)}.phone-landscape .link-editor-layout.editing .pattern-card.authored-link{width:max(var(--slide-width),var(--link-card-min-width));flex-basis:max(var(--slide-width),var(--link-card-min-width));min-width:0;max-width:none}.phone-landscape .link-edit-card-actions{width:170px;margin:3px auto 2px}.phone-landscape .link-edit-card-actions .link-key{height:27px;min-height:27px}.phone-landscape .sequence-panel:has(.link-editor-layout.editing){flex-basis:147px}.phone-landscape .link-editor-layout.editing .link-origin{max-width:calc(100% - 76px);height:21px;min-height:21px;font-size:6px;inset:4px auto auto 50%;transform:translate(-50%)}.phone-landscape .link-edit-launch,.phone-landscape .link-delete{height:27px;min-height:27px;bottom:4px}.phone-landscape .link-edit-launch{min-width:52px;left:4px}.phone-landscape .link-delete{width:27px;right:4px}.phone-landscape .fretboard-header-message{height:27px;padding:2px 4px;font-size:8px}.phone-landscape .sequence-panel:has(.sequence-mode-chooser){flex-basis:104px}.phone-landscape .sequence-mode-chooser{gap:4px;min-height:96px;padding:2px}.phone-landscape .sequence-mode-chooser>div{gap:6px}.phone-landscape .sequence-mode-chooser button{text-align:left;grid-template-columns:31px minmax(0,1fr);gap:7px;min-height:76px;padding:7px 10px}.phone-landscape .sequence-mode-chooser svg{width:30px;height:30px}.phone-landscape .sequence-mode-chooser strong{font-size:15px}.phone-landscape .sequence-mode-chooser span small{font-size:7px}}@media (width>=681px) and (width<=900px){.musical-surface .sidebar{grid-template-columns:minmax(138px,150px) 80px minmax(62px,78px) minmax(95px,1fr) minmax(105px,135px) 38px;gap:8px}.header-rhythm-toggle{width:100%}}@media (width>=561px) and (width<=680px){.musical-surface .sidebar{grid-template-columns:44px 66px 48px minmax(92px,1fr) minmax(105px,135px) 34px;gap:6px}.header-rhythm-toggle{width:100%}.header-rhythm-name{font-size:9px}.musical-surface .brand{justify-content:center;width:44px;height:40px}.musical-surface .brand>span{display:none}.musical-surface .brand .sequence-mark{width:38px;height:38px}}@media (width<=560px){.musical-surface .sidebar{grid-template-columns:34px 60px 38px minmax(62px,1fr) minmax(62px,1fr) 30px;gap:4px}.musical-surface .sidebar .brand{justify-content:flex-start;align-self:end;width:34px;height:40px;display:flex}.musical-surface .brand>span{display:none}.musical-surface .brand .sequence-mark{width:32px;height:32px}.header-rhythm-toggle{width:100%}.header-rhythm-name{font-size:12px}.header-rhythm-control>.header-control-label{margin-bottom:6px}}@media (width<=360px){.musical-surface .sidebar{grid-template-columns:32px 58px 36px minmax(58px,1fr) minmax(58px,1fr) 28px;gap:3px}.musical-surface .brand .sequence-mark{width:30px;height:30px}.header-rhythm-name{font-size:10px}.musical-surface .favorite-control>button{width:28px}}@media (orientation:landscape) and (height<=560px) and (width<=1024px){.phone-landscape.musical-surface .sidebar{grid-template-columns:minmax(100px,125px) 72px 46px minmax(105px,1fr) minmax(115px,160px) 30px 30px;gap:4px}.phone-landscape.musical-surface .brand{justify-content:flex-start;width:auto;height:28px;display:flex}.phone-landscape.musical-surface .brand>span{display:block}.phone-landscape .header-rhythm-toggle{width:100%;height:28px}.phone-landscape .header-rhythm-name{font-size:9px}}@media (orientation:portrait) and (width<=560px){.musical-surface .sidebar{grid-template-columns:60px 38px minmax(64px,1fr) minmax(64px,1fr) 30px}.musical-surface .sidebar .brand{display:none!important}}@media (orientation:portrait) and (width<=360px){.musical-surface .sidebar{grid-template-columns:58px 36px minmax(58px,1fr) minmax(58px,1fr) 28px}}@media (orientation:landscape) and (height<=430px) and (width<=1024px){.phone-landscape .pattern-carousel{--slide-height:36px;height:40px;padding-top:2px;padding-bottom:2px}.phone-landscape .pattern-card.authored-link,.phone-landscape .pattern-card.authored-link:is(.link-details-notes,.link-details-steps){grid-template-rows:1fr;height:36px;min-height:36px;max-height:36px;padding:0}.phone-landscape .pattern-card.authored-link :is(.pattern-card-graph,.link-note-rows,.link-origin,.link-step-indicator){display:none}.phone-landscape .pattern-card-number{min-width:22px;height:22px;padding:0 4px;font-size:13px;top:5px;right:5px}.phone-landscape .link-edit-launch,.phone-landscape .link-delete{height:28px;min-height:28px;top:4px;bottom:auto}.phone-landscape .link-edit-launch{left:4px}.phone-landscape .link-delete{right:34px}.phone-landscape .link-editor-layout.editing .link-editor-card-column{grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:4px;display:grid}.phone-landscape .link-editor-layout.editing .pattern-carousel{grid-area:1/2;min-width:0;height:40px}.phone-landscape .link-editor-layout.editing .link-edit-card-actions{display:contents}.phone-landscape .link-editor-layout.editing .link-edit-card-actions .link-key{width:100%;height:30px;min-height:30px;margin:0;padding:3px 2px;font-size:8px}.phone-landscape .link-editor-layout.editing .link-add-next{grid-area:1/1}.phone-landscape .link-editor-layout.editing .link-save{grid-area:1/3}.phone-landscape .sequence-panel:has(.link-editor-layout.editing){flex-basis:44px}.phone-landscape .sequence-panel:has(.sequence-mode-chooser){flex-basis:44px}.phone-landscape .sequence-mode-chooser{min-height:38px}.phone-landscape .sequence-mode-chooser>small,.phone-landscape .sequence-mode-chooser span small{display:none}.phone-landscape .sequence-mode-chooser button{grid-template-columns:22px minmax(0,1fr);min-height:36px;padding:3px 8px}.phone-landscape .sequence-mode-chooser svg{width:21px;height:21px}.phone-landscape .sequence-mode-chooser strong{font-size:13px}}@media (width<=560px){.musical-surface .link-editor-layout.editing .pattern-carousel{padding-left:0;padding-right:0}}@media (orientation:landscape) and (height<=560px) and (width<=1024px){.musical-surface.phone-landscape .link-editor-layout.editing .pattern-carousel{padding-left:0;padding-right:0}}