:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#18211c;--ink:#18211c;--muted:#657069;--line:#d7ded6;--panel:#fbfcf8;--paper:#fffef9;--active:#166a5a;--active-soft:#e0f0eb;--danger:#b64a60;--gold:#c58a25;--blue:#336c9c;--surface:#fff;--surface-soft:#f7faf6;--app-bg:#eef1ec;--sidebar-bg:#f7f9f4;--shadow:0 20px 55px #18211c14;--string-label-width:44px;--tab-column-width:72px;background:#eef1ec;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f1f3f2;--ink:#f1f3f2;--muted:#aeb5b2;--line:#32383c;--panel:#1b1f22;--paper:#151719;--active:#65cdb7;--active-soft:#22332f;--danger:#ff7c70;--gold:#e2bd62;--blue:#8ebce6;--surface:#1d2124;--surface-soft:#24292d;--app-bg:#111315;--sidebar-bg:#171a1d;--shadow:0 20px 55px #00000057;background:#111315}*{box-sizing:border-box}body{background:var(--app-bg);min-width:320px;color:var(--ink);margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}.app-shell{background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 72%, transparent), color-mix(in srgb, var(--app-bg) 92%, transparent)), var(--app-bg);grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:var(--sidebar-bg);flex-direction:column;gap:24px;min-height:100vh;padding:22px;display:flex}.brand-block{align-items:center;gap:12px;display:flex}.brand-button{min-width:0;color:inherit;text-align:left;background:0 0;border:0;padding:0}.brand-icon{flex:none;width:44px;height:44px;display:block}.brand-block strong{display:block}.preference-controls{grid-template-columns:1fr 1fr;gap:8px;display:grid}.preference-controls button{border:1px solid var(--line);background:var(--surface);min-height:38px;color:var(--ink);border-radius:8px;justify-content:center;align-items:center;gap:7px;font-size:.84rem;font-weight:900;display:inline-flex}.preference-controls button:hover{border-color:var(--active)}.project-fields{gap:14px;display:grid}label{color:var(--muted);gap:7px;font-size:.82rem;font-weight:800;display:grid}input,select,textarea{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);border-radius:8px;outline:none}input,select{min-height:38px;padding:0 11px}textarea{resize:vertical;padding:10px 11px;line-height:1.5}input:focus,select:focus,textarea:focus{border-color:var(--active);box-shadow:0 0 0 3px #166a5a21}.notation-guide{border:1px solid var(--line);background:var(--surface);border-radius:8px}.notation-guide summary{min-height:40px;color:var(--ink);cursor:pointer;padding:10px 12px;font-size:.84rem;font-weight:900}.notation-grid{gap:6px;padding:0 12px 12px;display:grid}.notation-grid span{color:var(--muted);grid-template-columns:58px 1fr;align-items:center;gap:8px;font-size:.78rem;display:grid}.notation-grid strong{border:1px solid var(--line);background:var(--surface-soft);min-height:28px;color:var(--danger);border-radius:6px;place-items:center;font-family:Courier New,monospace;font-size:.82rem;display:inline-grid}.sidebar-status{color:var(--muted);gap:8px;margin-top:auto;font-size:.84rem;display:grid}.sidebar-status span{overflow-wrap:anywhere}.dashboard-shell{background:var(--app-bg);grid-template-rows:auto minmax(0,1fr);gap:18px;min-height:100vh;padding:22px;display:grid}.login-shell{background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 68%, transparent), transparent 440px), var(--app-bg);grid-template-rows:auto minmax(0,1fr);gap:18px;min-height:100vh;padding:22px;display:grid}.dashboard-topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;width:min(1180px,100%);margin:0 auto;padding-bottom:16px;display:flex}.dashboard-topbar .brand-block span{color:var(--muted);margin-top:2px;font-size:.82rem;font-weight:800;display:block}.login-main{place-items:center;width:min(1180px,100%);margin:0 auto;padding:32px 0 72px;display:grid}.login-panel{border:1px solid var(--line);background:var(--surface);border-radius:8px;gap:14px;width:min(420px,100%);padding:28px;display:grid;box-shadow:0 24px 64px #181d1a1a}.login-panel h1{margin:0;font-size:2rem;line-height:1.1}.login-panel p{color:var(--muted);margin:0;font-weight:800;line-height:1.5}.login-google-button{border:1px solid var(--active);background:var(--active);min-height:46px;color:var(--app-bg);border-radius:8px;justify-content:center;align-items:center;gap:9px;margin-top:8px;font-weight:900;display:inline-flex}.login-pending{color:var(--muted);font-size:.8rem;font-weight:800}.dashboard-main{align-content:start;gap:18px;width:min(1180px,100%);margin:0 auto;display:grid}.dashboard-intro{grid-template-columns:minmax(0,1fr) minmax(240px,360px);align-items:end;gap:18px;padding:12px 0 4px;display:grid}.dashboard-copy{gap:10px;min-width:0;display:grid}.dashboard-copy p{max-width:720px;color:var(--muted);margin:0;font-weight:700;line-height:1.6}.dashboard-metrics{grid-template-columns:1fr 1fr;gap:10px;display:grid}.metric-tile{border:1px solid var(--line);background:var(--surface);border-radius:8px;gap:7px;min-height:92px;padding:14px;display:grid}.metric-tile span{color:var(--muted);text-transform:uppercase;font-size:.78rem;font-weight:900}.metric-tile strong{color:var(--active);font-size:1.45rem;line-height:1}.dashboard-actions{flex-wrap:wrap;gap:10px;padding:12px 0;display:flex}.dashboard-action,.workspace-open-button,.dashboard-back-button{border:1px solid var(--line);background:var(--surface);min-height:40px;color:var(--ink);border-radius:8px;justify-content:center;align-items:center;gap:8px;font-weight:900;display:inline-flex}.dashboard-action{padding:0 14px}.dashboard-action.primary{border-color:var(--active);background:var(--active);color:var(--app-bg)}.dashboard-action:not(:disabled):hover,.workspace-open-button:hover,.dashboard-back-button:hover{border-color:var(--active)}.workspace-board{border-top:1px solid var(--line);gap:14px;padding-top:16px;display:grid}.board-toolbar{justify-content:space-between;align-items:end;gap:16px;display:flex}.board-toolbar h2{margin:0;font-size:1.25rem;line-height:1.2}.dashboard-search{width:min(260px,100%);position:relative}.dashboard-search span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.workspace-card{border:1px solid var(--line);background:var(--surface);border-radius:8px;grid-template-columns:minmax(220px,1.2fr) minmax(0,2fr) auto;align-items:center;gap:14px;padding:16px;display:grid}.workspace-card-main{align-items:center;gap:12px;min-width:0;display:flex}.workspace-card-main svg{color:var(--blue)}.workspace-card-main strong,.workspace-card-main span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.workspace-card-main span{color:var(--muted);margin-top:3px;font-size:.82rem;font-weight:800}.workspace-card dl{grid-template-columns:70px minmax(140px,1fr) minmax(140px,1fr);gap:10px;min-width:0;margin:0;display:grid}.workspace-card dl div{min-width:0}.workspace-card dt{color:var(--muted);text-transform:uppercase;font-size:.72rem;font-weight:900}.workspace-card dd{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-weight:800;overflow:hidden}.workspace-open-button{padding:0 13px}.dashboard-empty{border:1px dashed var(--line);background:color-mix(in srgb, var(--surface) 74%, transparent);min-height:150px;color:var(--muted);border-radius:8px;justify-items:start;gap:8px;padding:22px;display:grid}.dashboard-empty svg{color:var(--blue)}.dashboard-empty strong{color:var(--ink);font-size:1.05rem}.dashboard-back-button{justify-self:start;min-height:34px;padding:0 10px;font-size:.82rem}.workspace{min-width:0;padding:20px 20px 72px;padding-bottom:max(72px, calc(40px + env(safe-area-inset-bottom)));grid-template-rows:auto auto auto auto;align-content:start;gap:14px;display:grid}.toolbar,.control-strip,.custom-tuning{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 78%, transparent);border-radius:8px}.toolbar{grid-template-columns:minmax(0,1fr) auto;justify-content:space-between;align-items:start;gap:18px;padding:16px;display:grid}.toolbar-kicker{color:var(--active);text-transform:uppercase;margin:0 0 5px;font-size:.78rem;font-weight:900}.workspace-meta-editor{gap:6px;min-width:0;display:grid}.workspace-meta-fields{grid-template-columns:minmax(180px,2fr) minmax(96px,1fr) minmax(96px,1fr);align-items:end;gap:8px;display:grid}.workspace-title-field,.workspace-meta-fields label{gap:5px}.workspace-title-field span,.workspace-meta-fields span{color:var(--muted);text-transform:uppercase;font-size:.72rem;font-weight:900}.workspace-title-field input{font-weight:900}.workspace-meta-fields input{min-height:36px;font-size:.9rem}h1{letter-spacing:0;margin:0;font-size:clamp(1.8rem,3.6vw,3rem);line-height:1}.tool-groups{flex-wrap:nowrap;justify-content:flex-end;gap:8px;min-width:max-content;display:flex}.icon-group{border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;flex:none;gap:6px;padding:5px;display:flex}.icon-group button,.chord-layer button,.note-layer button,.tab-cell{place-items:center;display:grid}.icon-group button{width:34px;height:34px;color:var(--ink);background:0 0;border:1px solid #0000;border-radius:8px}.icon-group button.shortcut-button{gap:5px;width:auto;min-width:76px;padding:0 7px;display:inline-flex}.shortcut-button kbd{font:inherit;color:var(--muted);font-size:.68rem;font-weight:900}.icon-group button.pdf-button{gap:5px;width:auto;min-width:62px;padding:0 8px;font-size:.78rem;font-weight:900;display:inline-flex}.icon-group button:hover{border-color:var(--line);background:var(--surface)}.hidden-input{display:none}.control-strip{flex-wrap:wrap;align-items:end;gap:10px;padding:14px;display:flex}.control-strip label{min-width:170px}.position-cluster{grid-template-columns:38px minmax(96px,auto) 38px;align-items:end;gap:6px;display:grid}.column-nav-button,.current-position{border:1px solid var(--line);background:var(--surface);border-radius:8px;min-height:38px}.column-nav-button{width:38px;color:var(--ink);place-items:center;display:grid}.column-nav-button:hover{border-color:var(--active)}.current-position{align-content:center;padding:0 12px;display:grid}.current-position strong,.current-position span{display:block}.current-position strong{color:var(--ink);font-size:.86rem}.current-position span{color:var(--muted);font-size:.76rem;font-weight:800}.fret-entry{min-width:118px;max-width:118px}.technique-palette{border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;grid-template-columns:repeat(9,34px);align-self:end;gap:5px;min-height:38px;padding:4px;display:grid}.technique-palette button{width:30px;min-width:30px;height:30px;color:var(--danger);background:0 0;border:1px solid #0000;border-radius:7px;place-items:center;font-family:Courier New,monospace;font-size:.78rem;font-weight:900;display:grid}.technique-palette button:hover,.technique-palette button.active{border-color:var(--active);background:var(--surface);color:var(--active)}.scope-select{min-width:150px;max-width:150px}.action-button,.wide-action{border:1px solid var(--ink);background:var(--ink);min-height:38px;color:var(--app-bg);border-radius:8px;font-weight:900}.action-button{padding:0 14px}.action-button.subtle,.wide-action{background:var(--surface);color:var(--ink)}.transpose-readout{border:1px solid var(--line);background:var(--surface);min-height:38px;color:var(--blue);border-radius:8px;align-items:center;gap:8px;padding:0 12px;font-weight:900;display:inline-flex}.custom-tuning{grid-template-columns:repeat(6,minmax(90px,1fr));gap:10px;padding:14px;display:grid}.editor-and-panel{gap:14px;min-height:0;display:grid}.score-header,.print-score{display:none}.tab-manuscript{scroll-behavior:smooth;scrollbar-gutter:stable both-edges;overscroll-behavior-x:contain;border:1px solid var(--line);background:var(--paper);min-width:0;box-shadow:var(--shadow);border-radius:8px;overflow:auto}.tab-manuscript::-webkit-scrollbar{width:12px;height:12px}.tab-manuscript::-webkit-scrollbar-track{background:color-mix(in srgb, var(--paper) 82%, var(--line))}.tab-manuscript::-webkit-scrollbar-thumb{border:3px solid var(--paper);background:color-mix(in srgb, var(--active) 54%, var(--line));border-radius:999px}.tab-line-block{border-bottom:1px solid var(--line);width:max-content;min-width:100%;padding:0 14px 18px}.tab-line-block:last-child{border-bottom:0}.line-heading{z-index:3;background:var(--paper);min-height:40px;color:var(--muted);align-items:center;gap:10px;padding:8px 0;font-size:.78rem;font-weight:900;display:inline-flex;position:sticky;left:0}.line-heading button{border:1px solid var(--line);background:var(--surface);min-height:30px;color:var(--ink);border-radius:8px;font-weight:900}.active-line .line-select-button{border-color:var(--active);background:var(--active-soft);color:var(--active)}.line-actions{gap:5px;display:inline-flex}.line-heading .line-icon-button{place-items:center;width:30px;padding:0;display:grid}.line-heading .line-delete-button{color:var(--danger)}.tab-editor{overflow:visible}.chord-layer,.tab-row,.note-layer{grid-template-columns:var(--string-label-width) repeat(24, var(--tab-column-width));width:max-content;min-width:100%;display:grid}.chord-layer{z-index:2;border-bottom:1px solid var(--line);background:var(--paper);position:sticky;top:0}.string-label-space,.string-label{border-right:1px solid var(--line);min-height:42px}.string-label{color:var(--muted);place-items:center;font-family:Courier New,monospace;font-weight:900;display:grid}.chord-layer button,.note-layer button{border:0;border-right:1px solid var(--line);min-height:42px;color:var(--active);text-overflow:ellipsis;white-space:nowrap;background:0 0;font-size:.78rem;font-weight:900;overflow:hidden}.chord-layer button.selected,.note-layer button.selected{background:var(--active-soft)}.tab-row{background-image:linear-gradient(to right, transparent 43px, var(--ink) 44px, transparent 44px)}.tab-cell{min-width:var(--tab-column-width);border:0;border-right:1px solid var(--line);background:linear-gradient(to bottom, transparent 20px, var(--ink) 20px, var(--ink) 22px, transparent 22px), transparent;height:44px;color:var(--danger);font-family:Courier New,monospace;font-size:.92rem;font-weight:900;position:relative}.tab-cell span{max-width:calc(var(--tab-column-width) - 8px);background:var(--paper);text-overflow:ellipsis;white-space:nowrap;min-width:20px;padding:1px 3px;overflow:hidden}.tab-cell:hover,.tab-cell.column-selected{background:linear-gradient(to bottom, transparent 20px, var(--ink) 20px, var(--ink) 22px, transparent 22px), color-mix(in srgb, var(--active) 10%, transparent)}.tab-cell.active{outline:3px solid color-mix(in srgb, var(--active) 42%, transparent);outline-offset:-3px}.tab-cell.drafting span{border:1px dashed var(--active);color:var(--active)}.note-layer{border-top:1px solid var(--line);background:var(--surface-soft)}.note-layer button{color:var(--blue);white-space:normal;flex-direction:column;justify-content:flex-start;align-items:center;gap:2px;min-height:74px;padding:6px 2px;line-height:1.15;display:flex}.note-layer button span{text-overflow:ellipsis;max-width:100%;display:block;overflow:hidden}.analysis-panel{border:1px solid var(--line);background:var(--surface);border-radius:8px;grid-template-columns:minmax(220px,.8fr) minmax(180px,1fr) minmax(260px,2fr) auto;align-content:start;align-items:center;gap:14px;min-width:0;padding:16px;display:grid}.panel-heading{align-items:center;gap:10px;display:flex}.panel-heading strong,.panel-heading span{display:block}.panel-heading span{color:var(--muted);margin-top:4px;font-size:.88rem}.note-stack{flex-wrap:wrap;gap:8px;display:flex}.note-stack span,.empty-candidate,.empty-note{border:1px solid var(--line);background:var(--surface-soft);min-height:34px;color:var(--active);border-radius:8px;padding:8px 10px;font-weight:900}.candidate-list{flex-wrap:wrap;gap:8px;display:flex}.candidate-list button{border:1px solid var(--line);background:var(--panel);min-height:42px;color:var(--ink);border-radius:8px;padding:0 14px;font-weight:900}.candidate-list button.active{border-color:var(--active);background:var(--active);color:var(--app-bg)}.wide-action{width:100%}.analysis-panel .wide-action{white-space:nowrap;width:auto;min-width:130px;padding:0 14px}.json-preview{gap:10px;min-width:0;display:grid}.json-preview div{color:var(--muted);align-items:center;gap:8px;font-weight:900;display:flex}.json-preview pre{border:1px solid var(--line);color:#e5f2ec;background:#18211c;border-radius:8px;max-height:260px;margin:0;padding:12px;font-size:.76rem;line-height:1.5;overflow:auto}@media (width<=1080px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);min-height:auto}.dashboard-intro,.workspace-card{grid-template-columns:1fr}.workspace-card dl{grid-template-columns:repeat(3,minmax(0,1fr))}.analysis-panel,.editor-and-panel{grid-template-columns:1fr}}@media (width<=680px){:root{--tab-column-width:58px}.workspace{padding:12px 12px 88px;padding-bottom:max(88px, calc(48px + env(safe-area-inset-bottom)))}.sidebar,.dashboard-shell,.login-shell{padding:12px}.dashboard-topbar,.board-toolbar{flex-direction:column;align-items:stretch}.dashboard-topbar .preference-controls{width:100%}.dashboard-metrics,.workspace-card dl{grid-template-columns:1fr}.dashboard-action,.login-google-button,.workspace-open-button{width:100%}.login-panel{padding:20px}.toolbar{grid-template-columns:1fr;align-items:flex-start}.workspace-meta-fields{grid-template-columns:1fr}.tool-groups{flex-wrap:wrap;justify-content:flex-start;min-width:0}.custom-tuning,.notation-grid{grid-template-columns:1fr 1fr}.technique-palette{grid-template-columns:repeat(5,34px)}}@media print{@page{size:landscape;margin:0}.sidebar,.toolbar,.control-strip,.custom-tuning,.analysis-panel{display:none}.app-shell,.workspace{background:#fff;min-height:auto;display:block}.app-shell{padding:0}.workspace{padding:3mm 5mm}.score-header{color:#111;break-after:avoid;border-bottom:1px solid #d7ded6;margin:0 0 2mm;padding-bottom:1.5mm;display:block}.score-header h2{text-align:center;margin:0;font-size:14pt;line-height:1.15}.score-credits{justify-content:flex-end;gap:.6mm;margin-top:1mm;font-size:6.5pt;line-height:1.1;display:grid}.score-credits span{grid-template-columns:7mm max-content;justify-content:end;gap:2mm;display:grid}.score-credits strong{font-weight:900}.editor-and-panel{display:none}.print-score{color:#111;display:block}.print-line-block{display:contents}.print-tab-group{break-inside:avoid;page-break-inside:avoid;width:100%;min-height:56mm;margin:0 0 2mm}.print-line-heading{align-items:center;gap:3mm;min-height:4mm;font-size:7pt;font-weight:900;display:flex}.print-line-heading span{color:#657069;font-weight:800}.print-chord-layer,.print-tab-row,.print-note-layer{grid-template-columns:7mm repeat(12,minmax(0,1fr));width:100%;display:grid}.print-string-label-space,.print-string-label{border-right:.2mm solid #c8d0ca}.print-string-label-space,.print-chord-cell{min-height:4mm}.print-string-label,.print-tab-cell{min-height:6mm}.print-string-label{color:#657069;place-items:center;font-family:Courier New,monospace;font-size:7pt;font-weight:900;display:grid}.print-chord-cell,.print-note-cell{color:#00796b;text-align:center;border-right:.2mm solid #c8d0ca;place-items:center;min-width:0;padding:0 .8mm;font-size:7.5pt;font-weight:900;line-height:1.1;display:grid;overflow:hidden}.print-tab-cell{color:#8a2131;border-right:.2mm solid #c8d0ca;place-items:center;min-width:0;font-family:Courier New,monospace;font-size:8.5pt;font-weight:900;display:grid;position:relative}.print-tab-cell:before{content:"";z-index:1;border-top:.25mm solid #111;position:absolute;top:50%;left:0;right:0}.print-tab-cell span{z-index:2;text-overflow:ellipsis;white-space:nowrap;background:#fff;max-width:calc(100% - 1mm);padding:0 .6mm;position:relative;overflow:hidden}.print-note-layer{background:#f7faf6;border-top:.2mm solid #c8d0ca}.print-note-cell{color:#2f6fa2;white-space:normal;align-content:start;min-height:9mm;padding:.8mm .5mm;font-size:7pt}.print-note-cell span{display:block}}