@import "https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;600;700&family=Inconsolata:wght@400;500;600&family=Fraunces:wght@400;500;600&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=dark]{--bg:#0e0f11;--surface:#16181c;--surface2:#1e2028;--border:#252830;--text:#dddbd5;--muted:#8c93a3;--clr-warn:#e08080;--clr-warn-rgb:190, 80, 80;--clr-accent:#c8a96e;--clr-accent-rgb:200, 169, 110;--clr-main:#5ba88a;--clr-main-rgb:91, 168, 138;--root-bg:#5ba88a;--root-text:#0e1a14;--tone-bg:rgba(var(--clr-main-rgb),.42);--tone-text:#dce8e2;--tone-border:rgba(var(--clr-main-rgb),.6);--none-text:#8a93a8;--sel-root-bg:#e6c878;--sel-root-text:#1a1200;--sel-tone-bg:var(--clr-accent);--sel-tone-text:#1a1200;--sel-tone-border:#a08850;--complete-row:rgba(var(--clr-main-rgb),.06);--tier-top-bg:rgba(var(--clr-main-rgb),.22);--tier-top-bar:#5ba88a;--tier-strong-bg:rgba(var(--clr-main-rgb),.12);--tier-strong-bar:rgba(var(--clr-main-rgb),.6);--cluster-mark:#ecfaf259;--cluster-mark-bright:#ecfaf2a6;--sg:clamp(16px, 1.8vw, 22px);--sg-h:32px;--font-xs:.7rem;--font-sm:.78rem;--font-base:.88rem;--font-lg:1.1rem;--font-title:2.2rem;--ls-tight:.04em;--ls-wide:.08em}[data-theme=light]{--bg:#eef1f6;--surface:#fff;--surface2:#f2f4f8;--border:#cdd3de;--text:#1e2535;--muted:#56627a;--clr-warn:#c04040;--clr-warn-rgb:190, 80, 80;--clr-accent:#7a4f1e;--clr-accent-rgb:122, 79, 30;--clr-main:#1f5e44;--clr-main-rgb:31, 94, 68;--root-bg:#1f5e44;--root-text:#fff;--tone-bg:#56a682;--tone-text:#0a2e1a;--tone-border:#3a8268;--none-text:#4a5772;--sel-root-bg:#7a4f1e;--sel-root-text:#fff;--sel-tone-bg:#9a6f2e;--sel-tone-text:#fff;--sel-tone-border:#7a4f1e;--complete-row:rgba(var(--clr-main-rgb),.08);--tier-top-bg:rgba(var(--clr-main-rgb),.22);--tier-top-bar:#1f5e44;--tier-strong-bg:rgba(var(--clr-main-rgb),.12);--tier-strong-bar:rgba(var(--clr-main-rgb),.6);--cluster-mark:#020a0559;--cluster-mark-bright:#020a05a6;--sg:clamp(16px, 1.8vw, 22px);--sg-h:32px}body{overscroll-behavior:none}.panel-header,.copedent-table th,.section-divider td,.results-table th,.string-num{text-transform:uppercase;letter-spacing:var(--ls-wide);font-family:Rajdhani,sans-serif;font-weight:600}.settings-btn,.io-btn,.show-unused-btn,.revert-btn{text-transform:uppercase;letter-spacing:var(--ls-wide)}.picker-btn,.theme-btn{letter-spacing:var(--ls-tight);font-family:Rajdhani,sans-serif;font-weight:600}.cell-id{letter-spacing:var(--ls-wide);font-family:Rajdhani,sans-serif;font-weight:700}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Inconsolata,monospace;font-size:clamp(13px,1.1vw,16px)}input,select,textarea{font-size:max(1em,16px)}.app{cursor:default;max-width:860px;margin:0 auto;padding:1.25rem .85rem 4rem}.app-header{z-index:100;background:var(--bg);border-bottom:1px solid var(--border);margin-bottom:.6rem;padding:.7rem 0;position:sticky;top:0}.header-top{flex-wrap:nowrap;justify-content:space-between;align-items:stretch;gap:.5rem;display:flex}.app-header h1{font-family:Fraunces,serif;font-size:clamp(1.5rem, 5.5vw, var(--font-title));letter-spacing:var(--ls-tight);color:var(--clr-accent);white-space:nowrap;font-weight:500;line-height:1}.title-area{align-items:center;min-width:0;display:flex}.settings-buttons{flex-shrink:0;align-items:stretch;gap:clamp(.5rem,1.5vw,.6rem);display:flex}.settings-btn{background:var(--surface);border:1px solid var(--border);height:2.75rem;color:var(--muted);font-size:var(--font-base);letter-spacing:var(--ls-tight);cursor:pointer;white-space:nowrap;border-radius:5px;justify-content:center;align-items:center;gap:.35rem;padding:0 .9rem;font-family:Rajdhani,sans-serif;font-weight:700;transition:border-color .15s,color .15s,background .15s;display:flex}.settings-btn:hover{border-color:var(--clr-accent);color:var(--text)}.settings-btn.open{border-color:var(--tone-border);color:var(--tone-text);background:rgba(var(--clr-main-rgb),.12)}.settings-btn.edit-modified{border-color:rgba(var(--clr-accent-rgb),.5);color:var(--clr-accent)}.settings-btn.edit-modified.open{background:rgba(var(--clr-accent-rgb),.12)}.settings-icon,.settings-copedent-label,.settings-label{font-size:var(--font-base);font-weight:700;line-height:1}.settings-copedent-label{text-align:center;text-transform:none;min-width:1.6em;display:inline-block}@media (width<=674px){.settings-label{display:none}.settings-btn{gap:0;width:2.75rem;min-width:2.75rem;padding:0 .6rem}.settings-icon,.settings-copedent-label,.settings-label{font-size:var(--font-lg)}}@media (width>=675px){.settings-btn.copedent-btn{min-width:5.5rem}}.settings-panel{background:var(--surface);border:1px solid var(--border);z-index:500;border-radius:6px;width:280px;max-width:calc(100vw - 1rem);overflow:hidden;box-shadow:0 12px 32px #00000040}.settings-panel.panel-display .panel-row>.panel-row-label{min-width:7rem}.panel-header{border-bottom:1px solid var(--border);font-size:var(--font-sm);color:var(--muted);padding:.6rem 1rem}.panel-body{scrollbar-width:thin;scrollbar-color:var(--border) transparent;cursor:default;max-height:75vh;padding:.8rem 1rem;overflow:hidden auto}.panel-body::-webkit-scrollbar{width:5px}.panel-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.panel-body.panel-edit{flex-direction:column;padding:0;display:flex}.panel-edit-scroll{scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex:auto;min-height:0;padding:.8rem 1rem .5rem;overflow:hidden auto}.panel-edit-scroll::-webkit-scrollbar{width:5px}.panel-edit-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.panel-edit-footer{background:var(--surface);flex-direction:column;flex-shrink:0;align-items:stretch;gap:.55rem;padding:.55rem 1rem .65rem;display:flex;position:relative}.panel-edit-footer:before{content:"";background:var(--border);height:1px;position:absolute;top:0;left:1rem;right:1rem}.panel-edit-footer-actions{justify-content:center;align-items:stretch;gap:.5rem;display:flex}.panel-edit-footer-actions .show-unused-btn{flex:auto}.panel-edit-footer-actions .revert-btn{flex-shrink:0}.panel-edit-footer .panel-hint{margin:0}.panel-footer{border-top:1px solid var(--border);justify-content:center;align-items:center;gap:.7rem;margin-top:.55rem;padding-top:.45rem;display:flex}.panel-hint{font-size:var(--font-sm);color:var(--muted);text-align:center;line-height:1.4}.panel-row{justify-content:space-between;align-items:center;gap:1.5rem;min-height:2.6rem;padding:.2rem 0;display:flex}.panel-row+.panel-row{margin-top:.4rem}.panel-row-label{font-family:Rajdhani,sans-serif;font-weight:600;font-size:var(--font-base);color:var(--muted)}.picker-btn,.theme-btn,.io-btn,.show-unused-btn,.revert-btn,.about-link{border:1px solid var(--border);height:2.25rem;color:var(--muted);font-family:Rajdhani,sans-serif;font-weight:600;font-size:var(--font-sm);letter-spacing:var(--ls-tight);cursor:pointer;white-space:nowrap;box-sizing:border-box;appearance:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border-radius:4px;justify-content:center;align-items:center;padding:0 .6rem;text-decoration:none;transition:border-color .12s,color .12s,background .12s,opacity .12s;display:inline-flex}@media (hover:hover){.picker-btn:hover:not(:disabled),.theme-btn:hover,.io-btn:hover,.show-unused-btn:hover,.revert-btn:hover:not(:disabled){border-color:var(--clr-accent);color:var(--text)}}.picker-btn:disabled,.theme-btn:disabled{opacity:.3;cursor:default}.picker-btn.active,.theme-btn.active{background:var(--tone-bg);border-color:var(--tone-border);color:var(--tone-text)}.revert-btn-active{border-color:rgba(var(--clr-accent-rgb),.5);color:var(--clr-accent)}@media (hover:hover){.revert-btn-active:hover{background:rgba(var(--clr-accent-rgb),.12)}.revert-btn:disabled:hover{border-color:var(--border);color:var(--muted);background:0 0}}.revert-btn:disabled{opacity:.4;cursor:default}.show-unused-btn{border-style:dashed}@media (hover:hover){.show-unused-btn:hover{border-style:solid}}.about-link{border-color:var(--tone-border);background:var(--tone-bg);color:var(--tone-text)}@media (hover:hover){.about-link:hover{opacity:.85}}.io-btn-import{cursor:pointer}.io-btn-reset{border-color:rgba(var(--clr-warn-rgb),.4);color:var(--clr-warn)}@media (hover:hover){.io-btn-reset:hover{border-color:var(--clr-warn);color:var(--surface);background:var(--clr-warn)}}.io-btn-confirm{animation:.5s pulse-warn;border-color:rgba(var(--clr-warn-rgb),.9)!important;color:var(--clr-warn)!important;background:rgba(var(--clr-warn-rgb),.15)!important}@keyframes pulse-warn{0%,to{opacity:1}50%{opacity:.6}}.about-top{grid-template-columns:2fr 1fr;align-items:center;gap:.75rem;margin-bottom:.85rem;display:grid}.about-logo{aspect-ratio:1;width:100%;display:block}.about-info{font-size:var(--font-sm);color:var(--muted);text-align:center;flex-direction:column;gap:.15rem;line-height:1.3;display:flex}.about-info-name{text-transform:uppercase;letter-spacing:var(--ls-tight);color:var(--clr-main);margin-bottom:.25rem;font-family:Fraunces,serif;font-size:1.05rem;font-weight:500;line-height:1}.about-info-version{color:var(--clr-accent);font-weight:600}.about-info-spacer{height:.3rem}.about-tagline{margin:0 0 .65rem}.about-link-cta{width:100%;font-weight:700;border-color:rgba(var(--clr-accent-rgb), .6)!important;background:rgba(var(--clr-accent-rgb), .12)!important;color:var(--clr-accent)!important}.about-footer{border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);align-items:stretch;gap:.4rem;margin-top:.65rem;padding-top:.6rem;display:grid}.about-footer .io-btn{padding:0 .2rem}.about-footer .io-btn:disabled{opacity:.55;cursor:default}.modal-backdrop{z-index:1000;background:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-window{background:var(--surface);border:1px solid var(--border);cursor:default;border-radius:8px;flex-direction:column;width:100%;max-width:30rem;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000080}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.65rem .8rem .65rem 1rem;display:flex}.modal-title{font-family:Rajdhani,sans-serif;font-weight:600;font-size:var(--font-base);text-transform:uppercase;letter-spacing:var(--ls-wide);color:var(--muted)}.modal-close{color:var(--muted);cursor:pointer;appearance:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:1.8rem;height:1.8rem;font-size:1.05rem;display:inline-flex}@media (hover:hover){.modal-close:hover{color:var(--text);background:#ffffff0f}}[data-theme=light] .modal-close:hover{background:#0000000f}.modal-body{font-size:var(--font-sm);color:var(--text);scrollbar-width:thin;scrollbar-color:var(--border) transparent;padding:1rem 1.25rem 1.25rem;line-height:1.5;overflow-y:auto}.modal-body p{margin:0 0 .75rem}.modal-body p:last-child{margin-bottom:0}.modal-body a{color:var(--clr-main);text-underline-offset:2px;text-decoration:underline}@media (hover:hover){.modal-body a:hover{color:var(--clr-accent)}}.modal-actions{justify-content:center;gap:.5rem;margin:.2rem 0 1rem;display:flex}.modal-actions .io-btn{flex:1;max-width:14rem}.guide-modal{max-width:36rem;height:36rem;max-height:90vh}.guide-body{flex-direction:column;flex:auto;gap:.75rem;min-height:0;display:flex}.guide-screenshot{border:1px solid var(--border);background:#ffffff04;border-radius:6px;flex:auto;justify-content:center;align-items:center;width:100%;max-width:22rem;min-height:0;margin:0 auto;display:flex;overflow:hidden}.guide-screenshot img{object-fit:contain;width:100%;height:100%;display:block}[data-theme=light] .guide-screenshot{background:#00000005}.guide-caption{font-size:var(--font-sm);color:var(--text);flex:none;margin:0;line-height:1.55}.guide-caption strong{color:var(--clr-accent);font-weight:700}.guide-caption em{color:var(--clr-main);font-style:italic}.guide-caption .num-jade{color:var(--clr-main);font-style:normal;font-weight:700}.guide-nav{border-top:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;gap:.6rem;padding:.55rem .8rem;display:flex}.guide-nav-arrow{border:1px solid var(--border);width:2.1rem;height:2.1rem;color:var(--text);cursor:pointer;appearance:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border-radius:4px;justify-content:center;align-items:center;font-size:1.3rem;line-height:1;transition:border-color .12s,color .12s,opacity .12s;display:inline-flex}.guide-nav-arrow:disabled{opacity:.3;cursor:default}@media (hover:hover){.guide-nav-arrow:not(:disabled):hover{border-color:var(--clr-accent);color:var(--clr-accent)}}.guide-dots{flex-wrap:wrap;flex:auto;justify-content:center;align-items:center;gap:.45rem;display:flex}.guide-dot{background:var(--border);cursor:pointer;appearance:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:none;border-radius:50%;width:.55rem;height:.55rem;padding:0;transition:background .15s,transform .15s}.guide-dot.active{background:var(--clr-accent);transform:scale(1.25)}@media (hover:hover){.guide-dot:hover:not(.active){background:var(--muted)}}.theme-toggle{gap:.3rem;display:flex}.settings-panel .theme-toggle{gap:.4rem;width:7.5rem}.settings-panel .theme-toggle .theme-btn{flex:1;min-width:0;padding:0 .35rem}.copedent-table{border-collapse:collapse;width:100%;font-size:var(--font-sm);table-layout:fixed}.copedent-table th:first-child{width:3rem}.copedent-table th:nth-child(2){width:4.2rem}.copedent-table th{text-align:left;font-size:var(--font-sm);color:var(--muted);border-bottom:1px solid var(--border);padding:.25rem .35rem}.copedent-table td{vertical-align:middle;cursor:default;border-bottom:1px solid #ffffff06;padding:.3rem .35rem}.copedent-table tr:last-child td{border-bottom:none}.copedent-table tr.row-disabled{opacity:.38}.copedent-table input{caret-color:var(--text);cursor:text!important}.cell-id{text-align:center;vertical-align:middle;font-size:var(--font-xs);color:var(--muted);position:relative}.modified-dot{background:var(--clr-accent);vertical-align:middle;border-radius:50%;flex-shrink:0;width:4px;height:4px;margin-right:.15rem;display:inline-block}.cell-label{width:3.8rem}.label-field{align-items:center;gap:.18rem;display:flex}.label-input{width:2.8rem;font-size:var(--font-base);text-align:center;cursor:text;background:var(--surface2);-webkit-text-align:center;padding:.28rem}.label-input-error{color:var(--clr-warn);border-color:rgba(var(--clr-warn-rgb),.8)!important}.label-clear{color:var(--muted);font-size:var(--font-xs);cursor:pointer;background:0 0;border:none;border-radius:2px;padding:.08rem;line-height:1;transition:color .12s}.label-clear:hover{color:var(--clr-warn)}.section-divider td{font-size:var(--font-xs);color:var(--muted);padding:.24rem .4rem .14rem;border-top:1px solid var(--border)!important;opacity:1!important;border-bottom:none!important}.cell-changes{cursor:pointer;-webkit-user-select:none;user-select:none;padding:.2rem .35rem}.change-summary{border:1px solid #0000;border-radius:3px;justify-content:space-between;align-items:center;gap:.4rem;min-height:2rem;padding:.3rem .4rem;transition:background .12s,border-color .12s;display:flex}.change-summary:hover,.change-summary-open{background:var(--surface2);border-color:var(--border)}.change-summary-text{font-size:var(--font-sm);flex-wrap:wrap;flex:1;gap:.3rem .45rem;min-width:0;font-weight:700;display:flex}.change-summary-cta{border-style:dashed;border-color:var(--border);justify-content:center}.change-summary-cta:hover{border-color:var(--clr-accent);border-style:solid}.change-summary-cta .change-summary-text{flex:none;justify-content:center}.change-summary-add{letter-spacing:var(--ls-tight);color:var(--muted);font-family:Rajdhani,sans-serif;font-weight:600;font-size:var(--font-xs)}.change-summary-cta:hover .change-summary-add{color:var(--clr-accent)}.change-summary-inline{align-items:center;min-height:2rem;padding:.3rem .4rem;display:flex}.change-select-inline{width:100%;min-width:0}.change-tag{white-space:nowrap;letter-spacing:var(--ls-tight)}.change-chevron{color:var(--muted);font-size:var(--font-xs);flex-shrink:0}.change-editor-row td{background:var(--surface);border-bottom:1px solid var(--border);padding:.4rem .5rem .6rem}.change-editor{flex-wrap:wrap;align-items:center;gap:.4rem .55rem;display:flex}.change-slot{align-items:center;gap:.15rem;display:flex}.change-select-str{width:2.4rem;font-size:var(--font-base);background:var(--surface);text-align:center;text-align-last:center;-webkit-text-align-last:center;appearance:none;padding:.26rem .08rem}.change-select-st{width:2.6rem;font-size:var(--font-base);text-align:center;text-align-last:center;-webkit-text-align-last:center;appearance:none;background:var(--surface);border-left-width:3px;border-radius:3px;padding:.26rem .08rem;font-weight:700}.change-select-st,.tgs-change,.change-tag{color:var(--st-color);border-left-color:var(--st-color)}.st-p{--st-color:#7dd9cf}.st-pp{--st-color:#2ec4b0}.st-ppp{--st-color:#1a8e7a}.st-pppp{--st-color:#0d5e52}.st-m{--st-color:var(--clr-warn)}.st-mm{--st-color:#c04040}.st-mmm{--st-color:#8e2828}.st-mmmm{--st-color:#5e1414}[data-theme=light] .st-p{--st-color:#058571}[data-theme=light] .st-pp{--st-color:#047a5e}[data-theme=light] .st-ppp{--st-color:#036350}[data-theme=light] .st-pppp{--st-color:#024c3e}[data-theme=light] .st-mm{--st-color:#8a1a1a}[data-theme=light] .st-mmm{--st-color:#6e1010}[data-theme=light] .st-mmmm{--st-color:#500a0a}.change-select-add{width:auto;min-width:4rem;color:var(--muted);letter-spacing:var(--ls-tight);border-style:dashed;padding:.26rem .5rem;font-weight:600}.change-select-add:hover{border-color:var(--clr-accent);color:var(--clr-accent);border-style:solid}.picker-row{gap:.8rem}.picker-row>.panel-row-label{min-width:4.5rem}.picker-buttons{flex:1;gap:.3rem;display:flex}.picker-buttons .picker-btn{flex:1;min-width:0;padding:0 .4rem}.tuning-grid-summary{background:var(--surface2);border:1px solid var(--border);font-family:Inconsolata,monospace;font-size:var(--font-xs);text-align:center;border-radius:4px;gap:0;margin:.7rem 0 .6rem;line-height:1.15;display:grid;overflow:hidden}.tgs-cell{border-bottom:1px solid #ffffff0a;border-right:1px solid #ffffff0a;min-width:0;padding:.18rem .05rem}[data-theme=light] .tgs-cell{border-bottom-color:#0000000f;border-right-color:#0000000f}.tgs-cell:last-child,.tuning-grid-summary>.tgs-cell:nth-last-child(-n+1){border-right:none}.tgs-corner,.tgs-header{color:var(--muted);font-weight:700;font-size:var(--font-xs);border-bottom:1px solid var(--border);background:#ffffff05}[data-theme=light] .tgs-corner,[data-theme=light] .tgs-header{background:#00000008}.tgs-open{color:var(--text);border-right:1px solid var(--border);padding-left:.25rem;padding-right:.25rem;font-weight:700}.tgs-change{font-weight:600}.panel-display-footer{border-top:1px solid var(--border);flex-direction:column;gap:.4rem;margin-top:.55rem;padding-top:.45rem;display:flex}.panel-display-footer-row{align-items:center;gap:.4rem;min-height:2.6rem;padding:.2rem 0;display:flex}.panel-display-footer-row .io-btn{flex:1}.picker-select{background:var(--surface2);border:1px solid var(--border);min-height:2.4rem;color:var(--text);font-size:var(--font-sm);border-radius:4px;flex:1;padding:.36rem .55rem}.tuning-grid{gap:.5rem;display:grid}.tuning-cell{flex-direction:column;align-items:center;gap:.15rem;min-width:0;display:flex}.tuning-modified .tuning-select{border-color:rgba(var(--clr-accent-rgb),.5);color:var(--clr-accent)}.string-num{font-size:var(--font-xs);color:var(--muted)}.tuning-select{text-align:center;text-align-last:center;-webkit-text-align-last:center;appearance:none;width:100%;min-width:0;font-size:var(--font-base);cursor:pointer;background:var(--surface2);box-sizing:border-box;padding:.4rem .1rem}select,input{background:var(--surface);border:1px solid var(--border);color:var(--text);font-family:Inconsolata,monospace;font-size:var(--font-base);appearance:none;border-radius:4px;outline:none;padding:.32rem .55rem;transition:border-color .15s}select{cursor:pointer}input{cursor:text}select:hover,select:focus,input:hover,input:focus{border-color:var(--clr-accent)}select:disabled{opacity:.35;cursor:default}.slider-group{align-items:center;gap:.5rem;width:7.5rem;display:flex}.slider-value{font-family:Rajdhani,sans-serif;font-weight:600;font-size:var(--font-sm);color:var(--muted);text-align:center;flex-shrink:0;min-width:1.4rem}.range-slider{appearance:none;background:var(--border);cursor:pointer;border-radius:2px;outline:none;flex:1;min-width:0;height:4px}.range-slider::-webkit-slider-thumb{appearance:none;background:var(--muted);cursor:pointer;border:none;border-radius:50%;width:14px;height:14px}.range-slider::-moz-range-thumb{background:var(--muted);cursor:pointer;border:none;border-radius:50%;width:14px;height:14px}.chord-section{border-bottom:1px solid var(--border);flex-direction:column;gap:.46rem;margin-bottom:1.25rem;padding-bottom:1.25rem;display:flex}.chord-summary-row{height:var(--sg-h);grid-template-columns:1.65rem minmax(6.2rem,.85fr) minmax(3.4rem,.75fr) 3fr;align-items:center;column-gap:.5rem;display:grid}.preview-area{display:contents}.btn-remove-label{border:1px solid rgba(var(--clr-warn-rgb), .4);color:var(--clr-warn);font-size:var(--font-xs);cursor:pointer;background:0 0;border-radius:3px;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;padding:0;line-height:1;transition:color .15s,border-color .15s,background .15s;display:flex}.btn-remove-label:hover{color:var(--surface);border-color:var(--clr-warn);background:var(--clr-warn)}.combo-list{background:var(--surface2);border:1px solid var(--border);z-index:400;border-radius:4px;width:100%;max-height:200px;list-style:none;position:absolute;top:calc(100% + 3px);left:0;overflow-y:auto;box-shadow:0 8px 24px #0003}.combo-list::-webkit-scrollbar{width:4px}.combo-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.combo-item{font-size:var(--font-base);cursor:pointer;padding:.3rem .58rem;transition:background .1s}.combo-item:hover{background:#ffffff0f}.preview-pos{font-size:var(--font-lg);color:var(--text);white-space:nowrap;text-align:center;padding:0 .5rem;font-weight:700}.preview-empty{font-size:var(--font-xs);color:var(--muted);grid-column:3/5}.string-grid{gap:2px;min-width:0;display:grid}.sg-cell{min-width:0;height:var(--sg-h);font-size:clamp(.7rem, 1.4vw, var(--font-base));writing-mode:vertical-lr;letter-spacing:.02em;text-indent:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;border-radius:3px;justify-content:center;align-items:center;font-weight:600;display:flex;overflow:hidden}.sg-cell.role-root{background:var(--root-bg);color:var(--root-text);box-shadow:inset 0 1px #ffffff1f}.sg-cell.role-tone{background:var(--tone-bg);color:var(--tone-text);box-shadow:inset 0 1px #ffffff14}.sg-cell.role-none{border:1px solid var(--border);color:var(--none-text);background:0 0}.sg-cell.sg-selected{background:var(--sel-root-bg);color:var(--sel-root-text)}.sg-cell.role-tone.sg-selected{background:var(--sel-tone-bg);color:var(--sel-tone-text)}.sg-cluster{pointer-events:none;border-top:1px solid var(--cluster-mark-bright);border-bottom:1px solid var(--cluster-mark-bright);box-shadow:inset 0 1px 0 var(--cluster-mark), inset 0 -1px 0 var(--cluster-mark);border-radius:4px;align-self:stretch}.max-caption{text-align:center;color:var(--muted);margin:.5rem 0 0;font-size:.85em;font-style:italic;line-height:1.4}.input-panel{background:var(--surface);border:1px solid var(--border);border-radius:5px;margin-top:.6rem;margin-bottom:.6rem;padding:.65rem}.input-panel-add{border-color:var(--clr-main)}.input-panel-edit{border-color:var(--clr-accent)}.input-panel-row{align-items:center;gap:.35rem;display:flex;position:relative}.note-buttons{grid-template-columns:repeat(12,1fr);align-content:center;gap:3px;min-height:2rem;margin-top:.5rem;display:grid}.note-btn{font-family:Inconsolata,monospace;font-size:var(--font-base);text-align:center;background:var(--surface2);border:1px solid var(--border);min-height:2.75rem;color:var(--muted);cursor:pointer;border-radius:3px;padding:.32rem 0;font-weight:600;transition:border-color .12s,color .12s,background .12s}.note-btn:hover{border-color:var(--tone-border);color:var(--tone-text)}.note-btn-active{background:var(--tone-bg);border-color:var(--tone-border);color:var(--tone-text);font-weight:700}.note-btn-dim{opacity:.3;cursor:default}.note-btn-dim:hover{border-color:var(--border);color:var(--muted)}.quality-back-btn{color:var(--muted);font-size:var(--font-lg);cursor:pointer;background:0 0;border:none;padding:0 .3rem;font-weight:700;line-height:1;transition:color .12s}.quality-back-btn:hover{color:var(--text)}.quality-root-label{font-family:Fraunces,serif;font-size:var(--font-lg);color:var(--clr-accent);text-align:center;flex:1;font-weight:600}.quality-grid{grid-template-columns:repeat(12,1fr);gap:3px;margin-top:.5rem;display:grid}.quality-expand:hover{border-color:rgba(var(--clr-accent-rgb), .5);color:var(--clr-accent)}.quality-direct{color:var(--tone-text)}.quality-direct:hover{background:rgba(var(--clr-main-rgb), .55);border-color:rgba(var(--clr-main-rgb), .8)}.variant-row{flex-wrap:wrap;align-items:center;gap:3px;margin-top:.5rem;display:flex}.variant-btn{font-family:Inconsolata,monospace;font-size:var(--font-sm);text-align:center;background:var(--surface2);border:1px solid var(--border);min-width:2.75rem;min-height:2.75rem;color:var(--tone-text);cursor:pointer;border-radius:3px;padding:0 .4rem;font-weight:600;transition:border-color .12s,color .12s,background .12s}.variant-btn:hover{background:rgba(var(--clr-main-rgb), .55);border-color:rgba(var(--clr-main-rgb), .8)}.io-btn.panel-submit-btn{flex:none;min-width:2.3rem;max-width:none;height:2.3rem;padding:0 .6rem}.io-btn.panel-submit-add{border-color:var(--tone-border);background:rgba(var(--clr-main-rgb),.12);color:var(--tone-text)}.io-btn.panel-submit-add:hover{background:rgba(var(--clr-main-rgb),.55);color:var(--tone-text)}.io-btn.panel-submit-edit{border-color:rgba(var(--clr-accent-rgb),.4);background:rgba(var(--clr-accent-rgb),.12);color:var(--clr-accent)}.io-btn.panel-submit-edit:hover{background:var(--clr-accent);color:var(--surface);border-color:var(--clr-accent)}.add-disabled{opacity:.35;pointer-events:none}.pill-input-container{background:var(--surface);border:1px solid var(--border);cursor:text;border-radius:4px;flex-wrap:nowrap;flex:1;align-items:center;gap:.25rem;min-width:0;height:2.3rem;padding:.3rem .45rem;transition:opacity .15s;display:flex;overflow:hidden}.pill-input-container:focus-within{border-color:var(--clr-main)}.pill-text-input{font-family:Inconsolata,monospace;font-size:var(--font-base);color:var(--text);background:0 0;border:none;outline:none;flex:1;min-width:2rem;padding:.08rem 0}.pill-text-input.partial{color:var(--clr-accent)}.pill-text-input.invalid{color:var(--clr-warn)}.pill-input-container .pill{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.pill-input-container .pill:active{cursor:grabbing}.pill-input-container .pill.pill-dragging{opacity:.3}.pill-input-container .pill.drag-over{box-shadow:-2px 0 0 var(--clr-accent)}.pill-clear{color:var(--muted);font-size:var(--font-xs);cursor:pointer;background:0 0;border:none;flex:none;padding:.1rem}.pill-clear:hover{color:var(--text)}.mode-toggle{flex-shrink:0;margin-left:auto}.mode-toggle .theme-btn{align-items:center;height:2.3rem;display:flex}.mode-toggle .theme-btn.active,.mode-toggle .theme-btn.active.highlight{background:var(--muted);border-color:var(--muted);color:var(--surface)}.mode-toggle .theme-btn:hover{border-color:rgba(var(--clr-accent-rgb), .5);color:var(--clr-accent)}.chord-suggestions{z-index:400;width:calc(100% - 5.5rem);position:absolute;top:100%;left:0}.chord-cell{border-radius:3px;justify-content:center;align-items:center;min-width:0;transition:background .12s;display:flex}.chord-clickable{cursor:pointer}.chord-clickable:hover{background:rgba(var(--clr-accent-rgb), .08)}.chord-label{font-size:var(--font-lg);color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.chord-label.editing{color:var(--clr-accent)}.chord-label.preview{color:var(--clr-accent);opacity:.8}.chord-summary-preview{opacity:.85}.chord-summary-preview .preview-pos{color:var(--clr-accent)}.chord-block{border:1px solid var(--border);border-radius:5px;margin-bottom:1.1rem;overflow:hidden}.chord-header{background:var(--surface);border-bottom:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;flex-wrap:wrap;align-items:center;gap:.35rem .7rem;padding:.5rem .85rem;transition:background .12s;display:flex}.chord-header:hover{background:var(--surface2)}.chord-block-collapsed .chord-header{opacity:.8;border-bottom:none}.chord-name{color:var(--text);letter-spacing:.02em;font-family:Fraunces,serif;font-size:1.3rem;font-weight:400}.chord-name-pinned{color:var(--clr-accent)}.chord-notes-list{flex-wrap:wrap;flex:1;justify-content:flex-end;align-items:center;gap:.28rem;display:flex}.pill{min-width:1.7rem;height:1.7rem;font-size:var(--font-xs);border-radius:4px;justify-content:center;align-items:center;padding:0 .3rem;font-weight:700;transition:transform .1s,box-shadow .1s;display:inline-flex}.pill-root{background:var(--root-bg);color:var(--root-text)}.pill-tone{background:var(--tone-bg);color:var(--tone-text);border:1px solid var(--tone-border)}.pill-selected{background:var(--sel-root-bg)!important;color:var(--sel-root-text)!important;border-color:var(--sel-root-bg)!important}.pill.pill-tone.pill-selected{background:var(--sel-tone-bg)!important;color:var(--sel-tone-text)!important;border-color:var(--sel-tone-border)!important}.pill-missing{background:rgba(var(--clr-warn-rgb),.2)!important;color:var(--clr-warn)!important;border:1px solid rgba(var(--clr-warn-rgb),.5)!important}.table-wrap{overflow-x:auto}.results-table{border-collapse:separate;border-spacing:0;width:100%;font-size:var(--font-sm);table-layout:fixed}.results-table thead tr{background:var(--surface)}.results-table th{text-align:left;font-size:clamp(.6rem, 1.2vw, var(--font-sm));color:var(--muted);border-bottom:1px solid var(--border);white-space:nowrap;vertical-align:middle;padding:.32rem .4rem;overflow:hidden}.th-pos{width:4.2rem}.th-match{width:3rem;text-align:center!important}.pos-incomplete-1{color:rgba(var(--clr-warn-rgb), .78)}.pos-incomplete-2{color:rgba(var(--clr-warn-rgb), .5)}.transpose-btn{border:1px solid var(--border);color:var(--muted);font-size:var(--font-sm);cursor:pointer;background:0 0;border-radius:4px;margin:0 auto;padding:.2rem .45rem;line-height:1;transition:background .12s,border-color .12s,color .12s;display:block}.transpose-btn:hover{border-color:var(--text);color:var(--text)}.transpose-btn-active{background:rgba(var(--clr-accent-rgb),.2)!important;border-color:rgba(var(--clr-accent-rgb),.5)!important;color:var(--clr-accent)!important}.results-table .th-str{text-align:center;padding:.32rem 0}.results-table tbody tr:hover{background:var(--surface2)}.results-table td{border-bottom:1px solid var(--border);padding:.36rem .4rem}.results-table tbody tr:last-child td{border-bottom:none}.row-active .td-pos{color:var(--clr-accent)!important;background:rgba(var(--clr-accent-rgb),.1)!important}.row-active{box-shadow:inset 3px 0 0 var(--clr-accent)}.pin-marker{color:var(--clr-accent)}.undo-pin-btn{border:1px solid rgba(var(--clr-accent-rgb),.4);color:var(--clr-accent);font-size:var(--font-sm);cursor:pointer;background:0 0;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;line-height:1;transition:border-color .12s,background .12s;display:flex}.undo-pin-btn:hover{background:rgba(var(--clr-accent-rgb),.12);border-color:var(--clr-accent)}.preview-pos-pinned{color:var(--clr-accent)!important}.preview-pos-drag{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;border:1px solid #0000;border-radius:3px;margin:0 -.1rem;padding:.05rem .3rem;transition:background .12s,border-color .12s}.preview-pos-drag:hover{background:var(--surface2);border-color:var(--border)}.preview-pos-drag:active{cursor:grabbing}.chord-row-dragging{opacity:.35}.chord-row-drag-over-top{box-shadow:inset 0 2px 0 var(--clr-accent)}.chord-row-drag-over-bottom{box-shadow:inset 0 -2px 0 var(--clr-accent)}.row-tier-top{box-shadow:inset 3px 0 0 var(--tier-top-bar)}.row-tier-top .td-pos{background:var(--tier-top-bg);color:var(--tone-text)}.row-tier-strong{box-shadow:inset 3px 0 0 var(--tier-strong-bar)}.row-tier-strong .td-pos{background:var(--tier-strong-bg)}.row-tier-normal.row-complete{background:var(--complete-row)}.top-marker{color:var(--tone-text);font-size:var(--font-xs);vertical-align:middle;margin-right:.28rem}.td-pos{font-size:var(--font-lg);letter-spacing:var(--ls-wide);white-space:nowrap;padding-left:.65rem;font-weight:700}.td-note{text-align:center;font-size:clamp(.7rem, 1.4vw, var(--font-base));white-space:nowrap;border-left:1px solid var(--border);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;padding:.34rem 0;font-weight:600}.td-note:first-of-type{border-left:none}.td-note.role-root{background:var(--root-bg);color:var(--root-text);box-shadow:inset 0 1px #ffffff1a}.td-note.role-tone{background:var(--tone-bg);color:var(--tone-text);box-shadow:inset 0 1px #ffffff12}.td-note.role-none{color:var(--none-text)}.td-note.role-selected{font-weight:800;box-shadow:inset 0 1px #ffffff1a;background:var(--sel-root-bg)!important;color:var(--sel-root-text)!important}.td-note.role-tone.role-selected{background:var(--sel-tone-bg)!important;color:var(--sel-tone-text)!important}.td-note.note-faded{opacity:.6}.td-cluster{position:relative}.td-cluster:before,.td-cluster:after{content:"";pointer-events:none;height:2px;position:absolute;left:-1px;right:-1px}.td-cluster:before{background:linear-gradient(to bottom, var(--cluster-mark-bright) 0 1px, var(--cluster-mark) 1px 2px);top:0}.td-cluster:after{background:linear-gradient(to bottom, var(--cluster-mark) 0 1px, var(--cluster-mark-bright) 1px 2px);bottom:0}.td-cluster-start:before{border-top-right-radius:2px;right:0}.td-cluster-start:after{border-bottom-right-radius:2px;right:0}.td-cluster-end:before{border-top-left-radius:2px;left:0}.td-cluster-end:after{border-bottom-left-radius:2px;left:0}.legend{border-top:1px solid var(--border);justify-content:center;gap:1rem;margin-top:1.1rem;padding-top:.8rem;display:flex}.legend-item{font-size:var(--font-xs);color:var(--muted);align-items:center;gap:.32rem;display:flex}.legend-swatch{border-radius:2px;width:8px;height:8px}.swatch-root{background:var(--root-bg)}.swatch-tone{background:var(--tone-bg);border:1px solid var(--tone-border)}.swatch-none{background:var(--border);opacity:.5}.swatch-cluster{border-top:1px solid var(--cluster-mark-bright);border-bottom:1px solid var(--cluster-mark-bright);box-shadow:inset 0 1px 0 var(--cluster-mark), inset 0 -1px 0 var(--cluster-mark);background:0 0}.chart-actions{flex-direction:column;align-items:center;gap:.4rem;margin-top:.8rem;display:flex}.chart-actions-row{gap:.5rem;width:100%;max-width:15rem;display:flex}.chart-actions-row .io-btn{flex:1}.chart-actions>.io-btn-reset{width:100%;max-width:15rem;margin-top:.4rem}.msg-error{color:var(--clr-warn);font-size:var(--font-sm);padding:.75rem .85rem}.msg-empty{color:var(--muted);font-size:var(--font-sm);padding:.75rem .85rem}@media (width<=480px){.app{padding-bottom:3rem}.td-pos{font-size:var(--font-base)}.note-buttons,.quality-grid{grid-template-columns:repeat(6,1fr)}}