.tr-stage{align-items:stretch;gap:var(--space-2)}.tr-io{display:grid;gap:12px;width:100%}.tr-box{display:grid;gap:8px;min-width:0}.tr-box__head{display:flex;align-items:center;justify-content:space-between;gap:10px}.tr-label{font-size:var(--fs-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-gray)}.tr-text,.tr-out{width:100%;margin:0;padding:12px 14px;border-radius:var(--radius-media);border:1px solid var(--color-hairline);background:var(--color-surface-2);color:var(--color-ink);font-family:ui-monospace,SF Mono,Cascadia Mono,Consolas,Liberation Mono,monospace;font-size:var(--fs-base);line-height:1.6;white-space:pre;overflow-x:auto;tab-size:4}.tr-text{min-height:128px;resize:vertical;box-shadow:var(--shadow-sm)}.tr-text:focus{outline:none;border-color:var(--color-accent)}.tr-text::placeholder{color:var(--color-gray)}.tr-out{min-height:128px;background:var(--color-bg)}.tr-ch{color:var(--color-accent-ink);font-weight:700}.tr-empty{font-family:var(--font-body);color:var(--color-gray);white-space:normal}.tr-detect{margin:0;min-height:1.4em;font-size:var(--fs-sm);color:var(--color-gray)}.tr-shift{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:10px}.tr-stepper{grid-template-columns:var(--tap) 64px var(--tap)}.tr-stepper .stepper__value{font-family:var(--font-heading);font-size:1.5rem}.tr-shift__lab{font-size:var(--fs-sm);color:var(--color-gray)}.tr-target:disabled{opacity:.5}.tr-capo{list-style:none;margin:0;padding:0;display:grid;gap:6px}.tr-capo li{display:flex;justify-content:space-between;gap:12px;padding:9px 12px;border-radius:var(--radius);background:var(--color-surface-2);border:1px solid var(--color-hairline);font-size:var(--fs-base)}.tr-capo__shape{font-weight:700}.tr-capo__fret{color:var(--color-accent-ink);font-weight:700}.tr-capo li:first-child{border-color:var(--color-accent);background:var(--color-accent-dim)}.stage:fullscreen .tr-out,.stage.is-stage-mode .tr-out{font-size:clamp(1.1rem,2.4vw,2rem);min-height:40vh}@media (max-width: 600px){.tr-text,.tr-out{font-size:var(--fs-sm);padding:10px 12px;min-height:112px}.tr-text{min-height:112px}.tr-shift{grid-template-columns:auto minmax(0,1fr)}.tr-shift__lab{display:none}.tr-stepper{grid-template-columns:var(--tap) 56px var(--tap);gap:6px}}