.screen--song-editor .stage-mode{z-index:var(--z-dropdown);background:var(--bg-primary);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.screen--song-editor .stage-mode .chord-pro-viewer{-webkit-overflow-scrolling:touch;box-sizing:border-box;width:100%;max-width:900px;min-height:0;padding:var(--spacing-2xl) var(--spacing-xl) calc(var(--control-xl) + var(--spacing-2xl) + env(safe-area-inset-bottom,0px));flex:auto;margin-inline:auto;overflow-y:auto}.screen--song-editor .stage-mode .chord-pro-content{font-size:var(--stage-chart-font-size,var(--font-size-lg));line-height:var(--line-height-chart,var(--line-height-normal))}.stage-view__controls{z-index:var(--z-dropdown);justify-content:center;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg) calc(var(--spacing-md) + env(safe-area-inset-bottom,0px));background:var(--bg-secondary);border-top:1px solid var(--border-color);opacity:1;flex-wrap:wrap;transition:opacity .2s,transform .2s;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(0)}.stage-view__controls[data-visible=false]{opacity:0;pointer-events:none;transform:translateY(6px)}.stage-view__cluster{align-items:center;gap:var(--spacing-sm);display:flex}.stage-view__title{text-overflow:ellipsis;white-space:nowrap;max-width:32ch;color:var(--text-secondary);font-size:var(--font-size-sm);overflow:hidden}.stage-view__sequence-label{text-align:center;min-width:5ch;color:var(--text-secondary);font-size:var(--font-size-sm)}.stage-view__button{min-width:var(--control-lg);min-height:var(--control-lg);border:1px solid var(--border-color);border-radius:var(--border-radius-xl);background:var(--surface-2);color:var(--text-primary);cursor:pointer;transition:var(--transition-button);justify-content:center;align-items:center;display:inline-flex}.stage-view__button:hover:not(:disabled){background:var(--interactive-hover)}.stage-view__button:disabled{color:var(--text-muted);cursor:not-allowed;opacity:.5}.stage-view__button--primary{background:var(--selected-bg);border-color:var(--selected-border);color:var(--accent-primary)}.stage-view__button--primary.is-running{background:var(--selected-bg-hover)}.stage-view__font-btn--sm{font-size:var(--font-size-xs)}.stage-view__font-btn--lg{font-size:var(--font-size-lg)}.stage-view__exit{color:var(--text-secondary)}@media (width<=768px){.stage-view__controls{gap:var(--spacing-md)}.stage-view__title{max-width:20ch}}@media (width<=480px){.stage-view__controls{justify-content:space-between;gap:var(--spacing-sm)}.stage-view__cluster--identity{flex-basis:100%;order:-1;justify-content:space-between}.stage-view__title{max-width:60vw}}.stage-view__mode-toggle{padding-inline:var(--spacing-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.02em;text-transform:uppercase}.stage-paged{width:100%;min-height:0;padding:var(--spacing-lg) var(--spacing-lg) calc(var(--control-xl) + var(--spacing-2xl) + env(safe-area-inset-bottom,0px));flex:auto;justify-content:center;align-items:center;display:flex;overflow:hidden}.stage-paged__status{color:var(--text-secondary);font-size:var(--font-size-md);align-items:center;gap:var(--spacing-md);text-align:center;flex-direction:column;display:flex}.stage-paged__status--error{color:var(--status-danger-text)}.stage-paged__viewport{width:100%;height:100%;position:relative}.stage-paged__scroller{width:100%;height:100%;display:flex;overflow-y:auto}.stage-paged__page{color:var(--paper-page-text);background:var(--paper-page-bg);box-shadow:0 24px 56px var(--shadow-color);flex:none;margin:auto;position:relative;overflow:hidden}.stage-paged__page-inner{transform-origin:0 0;position:absolute;top:0;left:0;overflow:hidden}.stage-paged__line{white-space:pre;line-height:1;position:absolute}.stage-paged__rule{background:var(--paper-page-rule);position:absolute}.stage-paged__tap-zone{cursor:pointer;z-index:1;background:0 0;border:none;width:20%;max-width:160px;position:absolute;top:0;bottom:0}.stage-paged__tap-zone:disabled{cursor:default}.stage-paged__tap-zone--prev{left:0}.stage-paged__tap-zone--next{right:0}.stage-paged__tap-zone:hover:not(:disabled){background:linear-gradient(to var(--stage-paged-tap-zone-fade-direction,right), var(--color-overlay-light), transparent)}.stage-paged__tap-zone--next:hover:not(:disabled){--stage-paged-tap-zone-fade-direction:left}.stage-paged__indicator{bottom:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-xl);background:var(--scrim);color:var(--text-primary);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;pointer-events:none;position:absolute;left:50%;transform:translate(-50%)}@media (width<=768px){.stage-paged{padding:var(--spacing-md) var(--spacing-md) calc(var(--control-xl) + var(--spacing-lg) + env(safe-area-inset-bottom,0px))}}