@layer components{.tt{min-height:0;color:var(--gp-ink);font-family:var(--gp-f-body);flex-direction:column;flex:1;display:flex}.tt-top{box-shadow:inset 0 -1px 0 var(--gp-line);flex-direction:column;flex:none;gap:12px;padding:0 18px 14px;display:flex}.tt-text{border-radius:var(--gp-r-m);background:var(--gp-field);width:100%;color:var(--gp-ink);white-space:pre;resize:vertical;border:0;outline:none;padding:10px 12px;font:12.5px/1.4 ui-monospace,SF Mono,Menlo,Consolas,monospace}.tt-text:focus{box-shadow:inset 0 0 0 1.5px var(--gp-m-300)}.tt-text:read-only{background:var(--gp-well);color:var(--gp-ink-2)}.tt-text::placeholder{color:var(--gp-ink-3)}.tt-fields{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.tt-field{font-weight:600;font-size:var(--gp-t-cap);color:var(--gp-ink-3);align-items:center;gap:8px;display:flex}.tt-input{border-radius:var(--gp-r-s);background:var(--gp-field);min-width:0;height:34px;color:var(--gp-ink);font:500 var(--gp-t-ui) / 1 var(--gp-f-body);border:0;outline:none;padding:0 10px}.tt-input:focus{box-shadow:inset 0 0 0 1.5px var(--gp-m-300)}.tt-num{font-variant-numeric:tabular-nums;width:72px}.tt-grow{flex:140px}.tt-body{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.tt-empty{font-size:var(--gp-t-ui);color:var(--gp-ink-2);margin:0;padding:20px 18px}.tt-readings{flex-direction:column;gap:8px;margin:0;padding:14px 18px;list-style:none;display:flex}.tt-reading{border-radius:var(--gp-r-m);background:var(--gp-card);box-shadow:var(--gp-ring-c);flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 12px;display:flex}.tt-reading[aria-current=true]{box-shadow:inset 0 0 0 1.5px var(--gp-m-500), 3px 3px 0 0 var(--gp-m-sh);transform:translateY(-2px)}.tt-pick{min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:180px;gap:2px;padding:0;display:flex}.tt-pick b{font-weight:650;font-size:var(--gp-t-ui)}.tt-pick>span{font-size:var(--gp-t-cap);color:var(--gp-ink-2)}.tt-meta{font-weight:500;font-size:var(--gp-t-cap);color:var(--gp-ink-3);font-variant-numeric:tabular-nums;margin:0 0 0 8px}p.tt-meta{margin:0}.tt-staves{--tab-ink:var(--gp-ink);--tab-dim:var(--gp-ink-3);--tab-faint:var(--gp-ink-3);--tab-line:var(--gp-edge);--tab-paper:var(--gp-card);--tab-chord:var(--gp-m-700);border-radius:var(--gp-r-m);background:var(--gp-card);box-shadow:var(--gp-ring-c);margin:0 18px 16px;padding:10px 8px}.tt-foot{box-shadow:inset 0 1px 0 var(--gp-line);flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:8px 12px;padding:12px 18px 16px;display:flex}.tt-acts{align-items:center;gap:8px;display:flex}}