:root{letter-spacing:0;color:#1d1b1b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fffdf7;font:18px/145% system-ui,Segoe UI,Roboto,sans-serif}body{margin:0}#root{min-height:100svh}.banjo-tab-editor{--tab-ink:var(--app-ink,#1d1b1b);--tab-muted:var(--app-muted,#625f57);--tab-paper:var(--app-paper,#fffdf7);--tab-panel:var(--app-panel,#f5efe3);--tab-border:var(--app-border,#d8cdbb);--tab-line:var(--app-line,#34312c);--tab-accent:var(--app-accent,#2f6f73);--tab-focus:var(--app-focus,#c7662f);--tab-measure-bg:var(--app-measure-bg,#fffdf7eb);--tab-measure-active-border:var(--app-measure-active-border,#2f6f7399);--tab-measure-handle-border:var(--app-measure-handle-border,#2f6f7338);--tab-drag-ring:var(--app-drag-ring,#2f6f732e);--tab-hover-bg:var(--app-hover-bg,#2f6f7314);--tab-focus-bg:var(--app-focus-bg,#c7662f1f);--tab-slot-border:var(--app-slot-border,#34312c1a);--tab-highlight-border:var(--app-highlight-border,#2f6f73a6);--tab-highlight-bg:var(--app-highlight-bg,#2f6f731f);--tab-note-bg:var(--app-note-bg,#fffdf7);--tab-popover-border:var(--app-popover-border,#2f6f7347);--tab-popover-shadow:var(--app-popover-shadow,0 18px 42px #2b221838, 0 3px 10px #2b22181a);--tab-fret-bg:var(--app-fret-bg,#fffaf0);--tab-fret-option-bg:var(--app-fret-option-bg,#fff);--tab-trash-bg:var(--app-trash-bg,#fff7edf5);--tab-trash-border:var(--app-trash-border,#6e382975);--tab-trash-ink:var(--app-trash-ink,#593328);--tab-trash-icon-bg:var(--app-trash-icon-bg,#fff3);--tab-floating-shadow:var(--app-floating-shadow,0 18px 38px #2b22182e);--tab-preview-shadow:var(--app-preview-shadow,0 12px 26px #2b22183d);--tab-danger:var(--app-danger,#a43d28);box-sizing:border-box;min-height:100svh;color:var(--tab-ink);background:var(--app-bg,var(--tab-paper));text-align:left;padding:clamp(18px,3vw,36px) clamp(20px,4vw,48px) clamp(20px,4vw,48px)}.banjo-tab-editor-header{justify-content:space-between;align-items:center;gap:20px;max-width:1120px;margin:0 auto 24px;display:flex}.banjo-tab-document-controls{flex:auto;align-items:center;gap:8px;min-width:0;display:flex;position:relative}.banjo-tab-header-actions{flex:none;align-items:center;gap:8px;display:inline-flex}.banjo-tab-editor[data-selection-cursor=true] .banjo-tab-measure-grid,.banjo-tab-editor[data-selection-cursor=true] .banjo-tab-slot-button,.banjo-tab-editor[data-selection-cursor=true] .banjo-tab-string-track,.banjo-tab-editor[data-selection-mode=true] .banjo-tab-measure-grid,.banjo-tab-editor[data-selection-mode=true] .banjo-tab-slot-button,.banjo-tab-editor[data-selection-mode=true] .banjo-tab-string-track{cursor:text}.banjo-tab-editor[data-selection-mode=true] .banjo-tab-measure-grid{touch-action:none}.banjo-tab-history-controls{align-items:center;gap:4px;display:inline-flex}.banjo-tab-history-button{border:1px solid var(--tab-measure-handle-border);min-width:50px;min-height:34px;color:var(--tab-muted);cursor:pointer;font:inherit;background:0 0;border-radius:6px;padding:0 9px;font-size:.82rem;font-weight:750}.banjo-tab-history-button:hover:not(:disabled){border-color:var(--tab-accent);color:var(--tab-ink);background:var(--tab-hover-bg)}.banjo-tab-history-button:focus-visible{outline:3px solid var(--tab-focus);outline-offset:2px}.banjo-tab-history-button:disabled{cursor:not-allowed;opacity:.42}.banjo-tab-document-title{color:var(--tab-ink);letter-spacing:0;flex:auto;min-width:0;margin:0;font-size:clamp(2rem,4vw,3.8rem);font-weight:700;line-height:1}.banjo-tab-document-title-button,.banjo-tab-document-title-input{width:100%;min-width:0;height:calc(1em + 6px);color:inherit;font:inherit;line-height:inherit;letter-spacing:0;text-align:left;box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:6px;padding:2px 4px;display:block;overflow:hidden}.banjo-tab-document-title-button{cursor:text}.banjo-tab-document-title-input{appearance:none}.banjo-tab-document-title-button:hover{background:var(--app-title-hover-bg,var(--tab-hover-bg))}.banjo-tab-document-title-button:focus-visible,.banjo-tab-document-title-input:focus-visible{border-color:var(--tab-measure-active-border);outline:3px solid var(--tab-focus);outline-offset:2px;background:var(--app-title-focus-bg,#ffffffd6)}.banjo-tab-document-menu{flex:none;position:relative}.banjo-tab-document-menu-button{width:34px;height:34px;color:var(--tab-muted);font:inherit;cursor:pointer;opacity:0;background:0 0;border:1px solid #0000;border-radius:6px;place-items:center;font-size:1.1rem;font-weight:800;line-height:1;transition:opacity .12s,background-color .12s,border-color .12s;display:inline-grid}.banjo-tab-document-controls:hover .banjo-tab-document-menu-button,.banjo-tab-document-controls:focus-within .banjo-tab-document-menu-button,.banjo-tab-document-menu-button[aria-expanded=true]{opacity:1}.banjo-tab-document-menu-button:hover{border-color:var(--tab-measure-handle-border);background:var(--tab-hover-bg)}.banjo-tab-document-menu-button:focus-visible{opacity:1;outline:3px solid var(--tab-focus);outline-offset:2px}.banjo-tab-document-menu-popover{z-index:20;border:1px solid var(--tab-popover-border);background:var(--tab-paper);width:min(320px,100vw - 32px);max-width:calc(100vw - 32px);box-shadow:var(--tab-popover-shadow);box-sizing:border-box;overscroll-behavior:contain;border-radius:8px;padding:6px;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto}.banjo-tab-document-menu-item{width:100%;min-width:0;color:var(--tab-ink);font:inherit;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:9px 10px;font-size:.95rem;line-height:1.2;display:block;overflow:hidden}.banjo-tab-document-menu-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px;display:grid}.banjo-tab-document-menu-file{touch-action:none}.banjo-tab-document-menu-delete{min-width:0;color:var(--tab-muted);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:7px 8px;font-size:.78rem;font-weight:750;line-height:1}.banjo-tab-document-menu-item:hover,.banjo-tab-document-menu-item:focus-visible,.banjo-tab-document-menu-delete:hover,.banjo-tab-document-menu-delete:focus-visible{border-color:var(--tab-measure-handle-border);background:var(--tab-hover-bg);outline:none}.banjo-tab-document-menu-delete:hover,.banjo-tab-document-menu-delete:focus-visible{color:var(--tab-danger)}.banjo-tab-document-menu-item[aria-current=true]{color:var(--tab-accent);font-weight:700}.banjo-tab-storage-status{color:var(--tab-danger);margin:0;font-size:.85rem;font-weight:650;position:absolute;top:calc(100% + 4px);left:4px}.banjo-tab-selection-mode-button{border:1px solid var(--tab-measure-handle-border);min-width:38px;min-height:34px;color:var(--tab-muted);cursor:pointer;font:inherit;background:0 0;border-radius:6px;order:10;place-items:center;padding:0 10px;font-size:.9rem;font-weight:850;display:inline-grid}.banjo-tab-add-measure{vertical-align:middle;border:1px solid var(--tab-accent);color:#fff;background:var(--tab-accent);width:44px;height:44px;font:inherit;cursor:pointer;border-radius:999px;flex:none;order:20;place-items:center;font-size:1.8rem;line-height:1;display:inline-grid}.banjo-tab-add-measure:hover{background:var(--app-accent-hover,#255b5e)}.banjo-tab-add-measure:focus-visible{outline:3px solid var(--tab-focus);outline-offset:3px}.banjo-tab-selection-mode-button:hover,.banjo-tab-selection-mode-button:focus-visible{border-color:var(--tab-accent);outline:none}.banjo-tab-selection-mode-button:focus-visible{box-shadow:0 0 0 3px var(--tab-drag-ring)}.banjo-tab-selection-mode-button[aria-pressed=true]{border-color:var(--tab-accent);color:#fff;background:var(--tab-accent)}.banjo-tab-selection-caret{width:14px;height:18px;display:inline-block;position:relative}.banjo-tab-selection-caret:before{content:"";background:currentColor;border-radius:999px;width:2px;position:absolute;top:2px;bottom:2px;left:50%;transform:translate(-50%)}.banjo-tab-selection-caret:after{content:"";border-top:2px solid;border-bottom:2px solid;position:absolute;inset:1px}.banjo-tab-staff{gap:22px;max-width:1120px;margin:0 auto;display:grid}.banjo-tab-staff,.banjo-tab-staff *,.banjo-tab-trash-zone,.banjo-tab-drag-preview,.banjo-tab-measure-drag-preview,.banjo-tab-document-drag-preview{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.banjo-tab-measure-slot{gap:10px;display:grid}.banjo-tab-measure-drop-indicator{background:var(--tab-accent);height:8px;box-shadow:0 0 0 4px var(--tab-drag-ring);border-radius:999px}.banjo-tab-measure{border:1px solid var(--tab-border);background:var(--tab-measure-bg);border-radius:8px;overflow:hidden}.banjo-tab-measure[data-dragging=true]{border-color:var(--tab-measure-active-border);box-shadow:0 0 0 4px var(--tab-drag-ring)}.banjo-tab-measure-header{border-bottom:1px solid var(--tab-border);color:var(--tab-muted);background:var(--tab-panel);text-transform:uppercase;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:16px;padding:10px 14px;font-size:.85rem;font-weight:650;display:flex}.banjo-tab-measure-header:active{cursor:grabbing}.banjo-tab-measure-handle{width:32px;height:32px;color:inherit;cursor:grab;font:inherit;font-size:inherit;font-weight:inherit;text-transform:inherit;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-radius:6px;flex:none;justify-content:center;align-items:center;padding:4px 8px;display:inline-flex}.banjo-tab-measure-handle:active{cursor:grabbing}.banjo-tab-measure-handle:hover{border-color:var(--tab-measure-handle-border);background:var(--tab-hover-bg)}.banjo-tab-measure-handle:focus-visible{outline:3px solid var(--tab-focus);outline-offset:2px}.banjo-tab-measure-title{flex:auto;min-width:0}.banjo-tab-measure-title-button,.banjo-tab-measure-title-input{width:auto;min-width:0;color:inherit;font:inherit;font-size:inherit;font-weight:inherit;letter-spacing:0;text-align:left;text-transform:inherit;box-sizing:border-box;background:0 0;border:1px solid #0000;border-radius:6px;padding:4px 6px;line-height:1.2}.banjo-tab-measure-title-button{text-overflow:ellipsis;white-space:nowrap;cursor:text;display:block;overflow:hidden}.banjo-tab-measure-title-input{background:var(--tab-paper);-webkit-user-select:text;user-select:text}.banjo-tab-measure-title-button:hover{border-color:var(--tab-measure-handle-border);background:var(--tab-hover-bg)}.banjo-tab-measure-title-button:focus-visible,.banjo-tab-measure-title-input:focus-visible{outline:3px solid var(--tab-focus);outline-offset:2px;border-color:var(--tab-measure-active-border);background:var(--app-title-focus-bg,#ffffffd6)}.banjo-tab-measure-grid{padding:12px 14px 16px;display:grid;position:relative}.banjo-tab-string-grid{display:grid}.banjo-tab-string-row{grid-template-columns:32px minmax(280px,1fr);align-items:center;min-height:52px;display:grid}.banjo-tab-string-label{color:var(--tab-muted);text-align:center;font-weight:700}.banjo-tab-string-track{min-height:44px;position:relative}.banjo-tab-string-track:before{content:"";background:var(--tab-line);height:1px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.banjo-tab-slot-grid{z-index:1;grid-template-columns:repeat(16,minmax(0,1fr));display:grid;position:absolute;inset:0}.banjo-tab-slot-button{border:0;border-left:1px solid var(--tab-slot-border);cursor:pointer;background:0 0;border-radius:0;min-width:0;min-height:44px;padding:0}.banjo-tab-slot-button:last-child{border-right:1px solid var(--tab-slot-border)}.banjo-tab-slot-button:hover{background:var(--tab-hover-bg)}.banjo-tab-slot-button:focus-visible{outline:2px solid var(--tab-focus);outline-offset:-2px;background:var(--tab-focus-bg)}.banjo-tab-selection-region{z-index:2;border:1px solid var(--tab-highlight-border);background:var(--tab-highlight-bg);pointer-events:none;border-radius:6px;display:block;position:absolute;top:4px;bottom:4px}.banjo-tab-note{z-index:3;border:1px solid var(--tab-line);min-width:30px;height:28px;color:var(--tab-ink);background:var(--tab-note-bg);box-sizing:border-box;cursor:pointer;white-space:nowrap;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:999px;place-items:center;padding:0 7px;font-family:inherit;font-size:.94rem;font-weight:750;line-height:1;display:inline-grid;position:absolute;top:50%;transform:translate(-50%,-50%)}.banjo-tab-note:hover,.banjo-tab-note:focus-visible{border-color:var(--tab-accent);box-shadow:0 0 0 3px var(--tab-drag-ring);outline:none}.banjo-tab-note[data-dragging=true]{opacity:.52;box-shadow:0 0 0 4px var(--tab-drag-ring)}.banjo-tab-note[data-selected=true]{border-color:var(--tab-accent);box-shadow:0 0 0 3px var(--tab-drag-ring);outline:none}.banjo-tab-note--paste-preview{opacity:.42;border-color:var(--tab-accent);color:var(--tab-accent);background:var(--tab-note-bg);pointer-events:none}.banjo-tab-note--articulation{min-width:58px;height:30px;padding:0 12px;display:block;overflow:visible;transform:translateY(-50%)}.banjo-tab-note--articulation:before{content:none}.banjo-tab-note--articulation:focus-within{border-color:var(--tab-accent);box-shadow:0 0 0 3px var(--tab-drag-ring);outline:none}.banjo-tab-note-edit{z-index:2;cursor:pointer;touch-action:none;background:0 0;border:0;border-radius:999px;padding:0;position:absolute;inset:0}.banjo-tab-note-edit:focus-visible{outline:3px solid var(--tab-focus);outline-offset:3px}.banjo-tab-note-fret,.banjo-tab-note-operator{z-index:3;pointer-events:none;place-items:center;display:inline-grid;position:absolute;top:50%;transform:translate(-50%,-50%)}.banjo-tab-note-fret{min-width:0;color:var(--tab-ink);box-sizing:border-box;background:0 0;border:0;padding:0}.banjo-tab-note-fret--start{left:15px}.banjo-tab-note-fret--end{left:calc(100% - 15px)}.banjo-tab-note-operator{min-width:18px;color:var(--tab-accent);background:0 0;padding:0 3px;font-weight:850;left:50%}.banjo-tab-note-resize{z-index:4;cursor:ew-resize;touch-action:none;background:0 0;border:0;border-radius:999px;width:24px;height:36px;padding:0;position:absolute;top:50%;transform:translate(-50%,-50%)}.banjo-tab-note-resize--start{left:15px}.banjo-tab-note-resize--end{left:calc(100% - 15px)}.banjo-tab-note-resize:after{content:"";background:var(--tab-accent);opacity:0;border-radius:999px;position:absolute;inset:8px 10px}.banjo-tab-note-resize:hover:after,.banjo-tab-note-resize:focus-visible:after,.banjo-tab-note--articulation[data-resizing=true] .banjo-tab-note-resize:after{opacity:.75}.banjo-tab-note-resize:focus-visible{outline:3px solid var(--tab-focus);outline-offset:2px}.banjo-tab-slot-highlight{z-index:2;border:2px solid var(--tab-highlight-border);background:var(--tab-highlight-bg);pointer-events:none;border-radius:8px;width:max(34px,6.25% - 4px);height:38px;display:block;position:absolute;top:50%;transform:translate(-50%,-50%)}.banjo-tab-selection-copy-button{z-index:5;border:1px solid var(--tab-accent);color:#fff;background:var(--tab-accent);min-height:32px;font:inherit;cursor:pointer;touch-action:none;box-shadow:var(--tab-floating-shadow);border-radius:6px;padding:0 10px;font-size:.82rem;font-weight:800;position:absolute;top:8px;transform:translate(-50%)}.banjo-tab-selection-copy-button:focus-visible{outline:3px solid var(--tab-focus);outline-offset:2px}.banjo-tab-fret-picker{z-index:20;width:min(var(--fret-picker-max-width,316px), calc(100vw - (var(--fret-picker-margin,16px) * 2)));max-height:var(--fret-picker-available-height,calc(100dvh - 32px));box-sizing:border-box;border:1px solid var(--tab-popover-border);background:var(--tab-fret-bg);box-shadow:var(--tab-popover-shadow);overscroll-behavior:contain;border-radius:8px;padding:10px;position:fixed;overflow:auto;transform:translate(-50%)}.banjo-tab-fret-picker,.banjo-tab-fret-picker *{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.banjo-tab-fret-picker-heading{color:var(--tab-muted);text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;font-size:.85rem;font-weight:750;display:flex}.banjo-tab-fret-picker-heading button{border:1px solid var(--tab-border);width:30px;height:30px;color:var(--tab-muted);background:var(--tab-fret-option-bg);cursor:pointer;font:inherit;border-radius:999px;place-items:center;padding:0;font-weight:800;display:inline-grid}.banjo-tab-fret-picker-screen{min-width:0;animation-duration:.15s;animation-timing-function:ease}.banjo-tab-fret-picker[data-transition-direction=forward] .banjo-tab-fret-picker-screen{animation-name:banjo-tab-picker-slide-forward}.banjo-tab-fret-picker[data-transition-direction=back] .banjo-tab-fret-picker-screen{animation-name:banjo-tab-picker-slide-back}.banjo-tab-fret-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;display:grid}.banjo-tab-fret-option{border:1px solid var(--tab-border);min-width:0;min-height:36px;color:var(--tab-ink);background:var(--tab-fret-option-bg);cursor:pointer;font:inherit;border-radius:6px;place-items:center;font-size:.9rem;font-weight:750;display:inline-grid}.banjo-tab-fret-option:hover,.banjo-tab-fret-option[data-highlighted=true]{border-color:var(--tab-accent);background:var(--tab-hover-bg)}.banjo-tab-fret-option:disabled{color:var(--tab-muted);cursor:not-allowed;opacity:.56;background:#ffffff6b;border-style:dashed}.banjo-tab-fret-option[aria-pressed=true]{border-color:var(--tab-accent);color:#fff;background:var(--tab-accent)}.banjo-tab-fret-option:focus-visible,.banjo-tab-fret-picker-heading button:focus-visible,.banjo-tab-fret-more-button:focus-visible,.banjo-tab-fret-back-button:focus-visible,.banjo-tab-articulation-actions button:focus-visible{outline:3px solid var(--tab-focus);outline-offset:2px}.banjo-tab-fret-more-button,.banjo-tab-fret-back-button{border:1px solid var(--tab-measure-handle-border);width:100%;min-height:34px;color:var(--tab-accent);cursor:pointer;font:inherit;background:0 0;border-radius:6px;margin-top:8px;font-size:.88rem;font-weight:750}.banjo-tab-fret-more-button:hover,.banjo-tab-fret-back-button:hover{border-color:var(--tab-accent);background:var(--tab-hover-bg)}.banjo-tab-technique-screen{min-width:0}.banjo-tab-articulation-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.banjo-tab-articulation-actions button{border:1px solid var(--tab-measure-handle-border);min-width:0;min-height:36px;color:var(--tab-ink);cursor:pointer;font:inherit;background:0 0;border-radius:6px;font-size:.88rem;font-weight:750}.banjo-tab-articulation-actions button:hover{border-color:var(--tab-accent);background:var(--tab-hover-bg)}@keyframes banjo-tab-picker-slide-forward{0%{opacity:.86;transform:translate(18px)}to{opacity:1;transform:translate(0)}}@keyframes banjo-tab-picker-slide-back{0%{opacity:.86;transform:translate(-18px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.banjo-tab-fret-picker-screen{animation:none}}@media (width<=420px){.banjo-tab-fret-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.banjo-tab-trash-zone{z-index:30;border:2px dashed var(--tab-trash-border);width:min(420px,100vw - 32px);min-height:76px;color:var(--tab-trash-ink);background:var(--tab-trash-bg);box-shadow:var(--tab-floating-shadow);box-sizing:border-box;pointer-events:none;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:14px 18px;display:flex;position:fixed;bottom:18px;right:50%;transform:translate(50%)}.banjo-tab-trash-zone[data-over-trash=true]{border-color:var(--tab-danger);color:#fff;background:var(--tab-danger)}.banjo-tab-trash-icon{min-width:58px;height:32px;color:inherit;background:var(--tab-trash-icon-bg);text-transform:uppercase;border-radius:999px;place-items:center;font-size:.78rem;font-weight:800;display:inline-grid}.banjo-tab-drag-preview{z-index:40;border:1px solid var(--tab-accent);color:#fff;background:var(--tab-accent);pointer-events:none;min-width:30px;height:30px;box-shadow:var(--tab-preview-shadow);box-sizing:border-box;border-radius:999px;place-items:center;padding:0 4px;font-size:.94rem;font-weight:800;line-height:1;display:inline-grid;position:fixed;transform:translate(-50%,-50%)}.banjo-tab-measure-drag-preview{z-index:40;border:1px solid var(--tab-accent);color:#fff;background:var(--tab-accent);text-transform:uppercase;pointer-events:none;min-width:124px;min-height:40px;box-shadow:var(--tab-preview-shadow);box-sizing:border-box;border-radius:8px;justify-content:center;align-items:center;padding:8px 14px;font-size:.9rem;font-weight:800;display:inline-flex;position:fixed;transform:translate(-50%,-50%)}.banjo-tab-document-drag-preview{z-index:40;border:1px solid var(--tab-accent);color:#fff;background:var(--tab-accent);pointer-events:none;max-width:min(280px,100vw - 32px);min-height:38px;box-shadow:var(--tab-preview-shadow);box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;padding:8px 14px;font-size:.9rem;font-weight:800;display:inline-flex;position:fixed;overflow:hidden;transform:translate(-50%,-50%)}@media (width<=640px){.banjo-tab-editor{padding:16px;padding-bottom:calc(104px + env(safe-area-inset-bottom))}.banjo-tab-editor-header{align-items:center;margin-bottom:18px;display:block}.banjo-tab-editor h1{font-size:2rem}.banjo-tab-document-controls{width:100%}.banjo-tab-document-menu-button{opacity:1}.banjo-tab-header-actions{right:calc(16px + env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));z-index:18;border:1px solid var(--tab-popover-border);background:var(--tab-paper);box-shadow:var(--tab-floating-shadow);border-radius:8px;gap:6px;padding:6px;position:fixed}.banjo-tab-history-button{min-width:44px;padding:0 7px}.banjo-tab-string-row{grid-template-columns:26px minmax(240px,1fr)}.banjo-tab-measure{overflow-x:auto}}.app-shell{--app-bg:#fffdf7;--app-navbar-bg:#fffdf7f0;--app-ink:#1d1b1b;--app-muted:#625f57;--app-paper:#fffdf7;--app-panel:#f5efe3;--app-border:#d8cdbb;--app-line:#34312c;--app-accent:#2f6f73;--app-accent-hover:#255b5e;--app-focus:#c7662f;--app-button-bg:#2f6f731a;--app-button-border:#2f6f733d;--app-title-hover-bg:#2f6f7314;--app-title-focus-bg:#ffffffd6;--app-measure-bg:#fffdf7eb;--app-measure-active-border:#2f6f7399;--app-measure-handle-border:#2f6f7338;--app-drag-ring:#2f6f732e;--app-hover-bg:#2f6f7314;--app-focus-bg:#c7662f1f;--app-slot-border:#34312c1a;--app-highlight-border:#2f6f73a6;--app-highlight-bg:#2f6f731f;--app-note-bg:#fffdf7;--app-popover-border:#2f6f7347;--app-popover-shadow:0 18px 42px #2b221838, 0 3px 10px #2b22181a;--app-fret-bg:#fffaf0;--app-fret-option-bg:#fff;--app-trash-bg:#fff7edf5;--app-trash-border:#6e382975;--app-trash-ink:#593328;--app-trash-icon-bg:#fff3;--app-floating-shadow:0 18px 38px #2b22182e;--app-preview-shadow:0 12px 26px #2b22183d;--app-danger:#a43d28;min-height:100svh;color:var(--app-ink);background:var(--app-bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.app-shell[data-theme=dark]{--app-bg:#141516;--app-navbar-bg:#141516f0;--app-ink:#f2eee8;--app-muted:#b9b0a3;--app-paper:#1d1f20;--app-panel:#262828;--app-border:#3a3d3d;--app-line:#d2c8b9;--app-accent:#6db7aa;--app-accent-hover:#89c8bd;--app-focus:#d9945b;--app-button-bg:#6db7aa24;--app-button-border:#6db7aa52;--app-title-hover-bg:#6db7aa21;--app-title-focus-bg:#262828f0;--app-measure-bg:#1d1f20f5;--app-measure-active-border:#6db7aab8;--app-measure-handle-border:#6db7aa47;--app-drag-ring:#6db7aa38;--app-hover-bg:#6db7aa21;--app-focus-bg:#d9945b2e;--app-slot-border:#d2c8b924;--app-highlight-border:#6db7aab8;--app-highlight-bg:#6db7aa29;--app-note-bg:#141516;--app-popover-border:#6db7aa57;--app-popover-shadow:0 18px 42px #0000006b, 0 3px 10px #00000052;--app-fret-bg:#202223;--app-fret-option-bg:#151718;--app-trash-bg:#3d251ff5;--app-trash-border:#ff9d8070;--app-trash-ink:#ffd9ca;--app-trash-icon-bg:#ffd9ca21;--app-floating-shadow:0 18px 38px #0006;--app-preview-shadow:0 12px 26px #0000006b;--app-danger:#c85f49;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.app-shell-navbar{z-index:50;border-bottom:1px solid var(--app-border);background:var(--app-navbar-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-sizing:border-box;justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding:0 clamp(16px,4vw,48px);display:flex;position:sticky;top:0}.app-shell-brand{color:var(--app-ink);letter-spacing:0;font-size:1.05rem;font-weight:800;text-decoration:none}.app-shell-theme-toggle{border:1px solid var(--app-button-border);min-width:76px;min-height:36px;color:var(--app-ink);background:var(--app-button-bg);cursor:pointer;font:inherit;border-radius:999px;place-items:center;padding:0 14px;font-size:.86rem;font-weight:750;display:inline-grid}.app-shell-theme-toggle:hover{border-color:var(--app-accent)}.app-shell-brand:focus-visible,.app-shell-theme-toggle:focus-visible{outline:3px solid var(--app-focus);outline-offset:4px;border-radius:4px}.app-shell-theme-toggle:focus-visible{border-radius:999px}