@layer theme,base,theory-ui,chord-practice-ui,guitar-ui;@layer page{:root[data-page=tab-editor] .tab-editor-card{border-radius:var(--radius-lg);padding:24px}:root[data-page=tab-editor] .title-input{color:var(--text);background:0 0;border:none;border-bottom:2px solid #0000;width:min(100%,420px);min-width:0;padding:2px 0;font-size:1.5rem;font-weight:800}:root[data-page=tab-editor] .title-input:hover,:root[data-page=tab-editor] .title-input:focus-visible{border-bottom-color:#4ecca380;outline:none}:root[data-page=tab-editor] .tab-status{color:var(--accent);min-height:1.2em;margin:0;font-weight:600}:root[data-page=tab-editor] .toolbar-actions{flex-wrap:wrap;margin-top:14px}:root[data-page=tab-editor] .load-select{background:var(--surface-soft);color:var(--text);cursor:pointer;border:1px solid #ffffff1f}:root[data-page=tab-editor] .load-select option{color:#101425}:root[data-page=tab-editor] .import-label{align-items:center;margin:0;display:inline-flex}:root[data-page=tab-editor] .visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:root[data-page=tab-editor] .tab-editor-scroll{margin-top:20px;padding-bottom:6px;overflow-x:auto}:root[data-page=tab-editor] .tab-editor-grid{flex-wrap:wrap;align-items:flex-start;gap:14px;display:flex}:root[data-page=tab-editor] .tab-measure{background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;flex-shrink:0;padding:10px 34px 10px 10px;position:relative}:root[data-page=tab-editor] .tab-measure-controls{flex-direction:column;gap:4px;display:flex;position:absolute;top:6px;right:6px}:root[data-page=tab-editor] .tab-mini-btn{width:22px;height:22px;color:var(--muted);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff24;border-radius:7px;padding:0;font-size:.85rem;font-weight:700;line-height:1}:root[data-page=tab-editor] .tab-mini-btn:hover,:root[data-page=tab-editor] .tab-mini-btn:focus-visible{color:#cffff0;background:#4ecca32e;border-color:#4ecca366;outline:none}:root[data-page=tab-editor] .tab-mini-btn.is-remove-measure{color:#ffb7c2}:root[data-page=tab-editor] .tab-mini-btn.is-remove-measure:hover,:root[data-page=tab-editor] .tab-mini-btn.is-remove-measure:focus-visible{background:#e945602e;border-color:#e9456066}:root[data-page=tab-editor] .tab-notation-staff{background:linear-gradient(180deg, #fffdf9 0%, var(--staff) 100%);border-radius:10px;margin-bottom:10px;overflow:hidden}:root[data-page=tab-editor] .tab-notation-staff svg{display:block}:root[data-page=tab-editor] .tab-duration-row{align-items:stretch;margin-top:8px;display:flex}:root[data-page=tab-editor] .tab-duration-select{width:34px;color:var(--muted);text-align:center;text-align-last:center;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;flex-shrink:0;margin-right:0;padding:2px 0;font-size:.58rem}:root[data-page=tab-editor] .tab-duration-select:hover,:root[data-page=tab-editor] .tab-duration-select:focus-visible{color:var(--text);border-color:#4ecca366;outline:none}:root[data-page=tab-editor] .tab-string-row{border-bottom:2px solid #ffffff29;align-items:stretch;display:flex}:root[data-page=tab-editor] .tab-string-row:last-child{border-bottom:none}:root[data-page=tab-editor] .tab-string-label{width:20px;color:var(--muted);flex-shrink:0;justify-content:center;align-items:center;font-family:Courier New,ui-monospace,monospace;font-size:.8rem;font-weight:700;display:flex}:root[data-page=tab-editor] .tab-cell{width:34px;color:var(--text);text-align:center;background:0 0;border:none;flex-shrink:0;padding:8px 0;font-family:Courier New,ui-monospace,monospace;font-size:.95rem;font-weight:700}:root[data-page=tab-editor] .tab-cell:focus-visible{background:#4ecca333;border-radius:6px;outline:none}:root[data-page=tab-editor] .add-measure-btn{color:var(--muted);cursor:pointer;background:0 0;border:1px dashed #ffffff38;border-radius:12px;margin-top:14px;padding:10px 18px;font-weight:600;transition:background .14s,color .14s,border-color .14s}:root[data-page=tab-editor] .add-measure-btn:hover,:root[data-page=tab-editor] .add-measure-btn:focus-visible{color:var(--text);background:#4ecca31a;border-color:#4ecca366;outline:none}:root[data-page=tab-editor] .grid-hint{color:var(--muted);max-width:70ch;margin-top:14px;font-size:.88rem}:root[data-page=tab-editor] .tab-preview-wrap{margin-top:22px}:root[data-page=tab-editor] .tab-preview-header{margin-bottom:8px}:root[data-page=tab-editor] .tab-preview{background:linear-gradient(180deg, #fffdf9 0%, var(--staff) 100%);color:#1c2333;white-space:pre;border-radius:18px;margin:0;padding:18px 20px;font-family:Courier New,ui-monospace,monospace;font-size:.95rem;line-height:1.5;overflow-x:auto}:root[data-page=tab-editor] .tab-legend{background:#ffffff08;border:1px solid #ffffff14;border-radius:18px;margin-top:22px;padding:16px 18px}:root[data-page=tab-editor] .tab-legend h3{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:0 0 10px;font-size:.85rem}:root[data-page=tab-editor] .tab-legend-grid{color:var(--text);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px 16px;font-size:.9rem;display:grid}:root[data-page=tab-editor] .legend-example{color:var(--muted);margin-left:4px;font-family:Courier New,ui-monospace,monospace}@media (width<=760px){:root[data-page=tab-editor] .tab-cell{width:28px}}@media print{:root[data-page=tab-editor] .card-toolbar .tab-status,:root[data-page=tab-editor] .toolbar-actions,:root[data-page=tab-editor] .tab-editor-scroll,:root[data-page=tab-editor] .grid-hint,:root[data-page=tab-editor] .tab-legend,:root[data-page=tab-editor] .subtitle,:root[data-page=tab-editor] .eyebrow{display:none!important}:root[data-page=tab-editor] body{background:#fff}:root[data-page=tab-editor] .tab-preview{color:#000;background:#fff;border:none;padding:0}}}