.screen--song-editor .stage-mode{--stage-chart-base-font-size:clamp(var(--font-size-lg), 2.4vw, var(--font-size-5xl));--focus-ring-color:var(--accent-primary);--akds-focus-ring-color:var(--focus-ring-color);--stage-controls-clearance:var(--stage-controls-height,calc(var(--control-xl) + var(--spacing-2xl) + env(safe-area-inset-bottom,0px)));z-index:var(--z-dropdown);background:var(--bg-primary);color:var(--text-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(--stage-controls-clearance) + var(--spacing-lg));flex:auto;margin-inline:auto;overflow-y:auto}.screen--song-editor .stage-mode .chord-pro-content{width:fit-content;max-width:100%;font-size:calc(var(--stage-chart-base-font-size) * var(--stage-chart-scale,1));line-height:var(--line-height-chart,var(--line-height-normal));margin-inline:auto}.stage-view__controls{z-index:calc(var(--z-dropdown) + 1);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,visibility linear;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(0)}.stage-view__controls[data-visible=false]{opacity:0;visibility:hidden;transition-delay:0s,0s,.2s;transform:translateY(6px)}.stage-view__cluster{align-items:center;gap:var(--spacing-sm);display:flex}.stage-view__caption{flex-direction:column;justify-content:center;gap:2px;min-width:0;max-width:40ch;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__up-next{text-overflow:ellipsis;white-space:nowrap;max-width:40ch;color:var(--accent-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);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--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__button:disabled,.stage-view__button:disabled:hover,.stage-view__button--primary:disabled,.stage-view__button--primary:disabled:hover{background:var(--disabled-bg);color:var(--disabled-fg);border-color:var(--disabled-border);cursor:not-allowed}.stage-view__stepper{border-radius:var(--border-radius-xl);background:var(--surface-2);align-items:stretch;display:inline-flex}.stage-view__stepper>.stage-view__button{background:0 0;border:none;border-radius:0}.stage-view__stepper>.stage-view__button:first-child{border-radius:var(--border-radius-xl) 0 0 var(--border-radius-xl)}.stage-view__stepper>.stage-view__button:last-child{border-radius:0 var(--border-radius-xl) var(--border-radius-xl) 0}.stage-view__stepper>.stage-view__button:disabled,.stage-view__stepper>.stage-view__button:disabled:hover{color:var(--disabled-fg);background:0 0}.stage-view__stepper-label{min-width:6ch;padding-inline:var(--spacing-xs);color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;justify-content:center;align-items:center;display:inline-flex}.stage-view__stepper>.stage-view__size-reset{min-width:6ch;padding-inline:var(--spacing-xs)}.stage-view__stepper>.stage-view__size-reset:disabled,.stage-view__stepper>.stage-view__size-reset:disabled:hover{color:var(--text-secondary);cursor:default}.stage-view__mode-switch{border-radius:var(--border-radius-xl);background:var(--surface-2)}.stage-view__mode-switch>.segment{min-height:var(--control-lg);padding-inline:var(--spacing-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.02em;text-transform:uppercase}.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) var(--spacing-xs);padding-inline:var(--spacing-md)}.stage-view__caption{justify-content:space-between;align-items:baseline;gap:var(--spacing-md);flex-direction:row;flex:100%;order:-3;max-width:none}.stage-view__title,.stage-view__up-next{min-width:0;max-width:none;font-size:var(--font-size-xs)}.stage-view__exit{order:-2}.stage-view__cluster--mode{order:-1}.stage-view__cluster--sequence{order:1}.stage-view__cluster--display{order:2}.stage-view__cluster{gap:var(--spacing-xs)}.stage-view__mode-switch>.segment{padding-inline:var(--spacing-sm)}}.stage-view__notice{justify-content:center;align-items:center;gap:var(--spacing-md);padding:calc(var(--spacing-xs) + env(safe-area-inset-top,0px)) var(--spacing-lg) var(--spacing-xs);background:var(--bg-secondary);border-bottom:1px solid var(--border-color-soft);color:var(--text-secondary);font-size:var(--font-size-sm);text-align:center;flex:none;display:flex}.stage-view__notice>span{min-width:0}.stage-view__notice-retry{padding-inline:var(--spacing-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.02em;text-transform:uppercase;flex:none}:root:has(.screen--song-editor .stage-mode) .notification-container{top:auto;left:50%;right:auto;bottom:calc(var(--stage-controls-height,calc(var(--control-xl) + var(--spacing-2xl) + env(safe-area-inset-bottom,0px))) + var(--spacing-sm));width:calc(100% - 2 * var(--spacing-lg));max-width:360px;transform:translate(-50%)}:root:has(.screen--song-editor .stage-mode .stage-paged__indicator) .notification-container{bottom:calc(var(--stage-controls-height,calc(var(--control-xl) + var(--spacing-2xl) + env(safe-area-inset-bottom,0px))) + var(--control-sm) + var(--spacing-md))}.stage-view__size-reset,.stage-view__markup-edit,.stage-view__markup-tool,.stage-view__markup-conflict,.stage-view__markup-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-view__markup-edit[aria-pressed=true],.stage-view__markup-tool[aria-pressed=true],.stage-view__markup-toggle[aria-pressed=true]{background:var(--selected-bg);border-color:var(--selected-border);color:var(--accent-primary)}.stage-view__cluster--display{flex-wrap:wrap;justify-content:center}.stage-view__markup-colors{align-items:center;display:flex}@media (width<=480px){.stage-view__markup-colors{flex-basis:100%;order:1;justify-content:center}}.stage-view__markup-colors .pdf-annotation-toolbar__colors{gap:var(--spacing-sm)}.stage-view__markup-colors .pdf-annotation-toolbar__color-swatch{width:var(--control-sm);height:var(--control-sm);border-color:rgba(var(--text-muted-rgb), .5)}.stage-view__markup-colors .pdf-annotation-toolbar__color-swatch--active{border-color:var(--accent-primary);box-shadow:0 0 0 2px rgba(var(--accent-primary-rgb), .55)}.stage-paged{width:100%;min-height:0;padding:var(--spacing-lg) var(--spacing-lg) calc(var(--stage-controls-clearance) + var(--spacing-sm));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__viewport{box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.stage-paged__viewport--has-page{padding-bottom:calc(var(--control-sm) + var(--spacing-sm))}.stage-paged__scroller{width:100%;height:100%;display:flex;overflow:auto}.stage-paged__page{color:var(--paper-page-text);background:var(--paper-page-bg);box-shadow:0 0 0 1px var(--border-color), 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__markup{pointer-events:none;position:absolute;inset:0}.stage-paged__markup--editing{pointer-events:auto;touch-action:none;outline:2px dashed rgba(var(--accent-primary-rgb), .55);outline-offset:2px}.stage-view__markup-error{color:var(--status-danger-text);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);align-self:center}.stage-view__markup-conflict{align-self:center}.stage-paged__markup-pending{left:50%;bottom:calc(var(--control-sm) + var(--spacing-md));max-width:min(32rem, calc(100% - var(--spacing-2xl)));padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-md);background:var(--surface-2);color:var(--text-secondary);font-size:var(--font-size-sm);text-align:center;z-index:40;position:absolute;transform:translate(-50%)}.stage-paged__edit-nav{left:50%;bottom:calc(var(--control-sm) + var(--spacing-md));transform:translateX(-50%) translateY(calc(-1 * var(--spacing-2xl)));gap:var(--spacing-sm);z-index:40;display:flex;position:absolute}.stage-paged__edit-nav-btn{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);font-size:var(--font-size-lg);cursor:pointer;transition:var(--transition-button);justify-content:center;align-items:center;display:inline-flex}.stage-paged__edit-nav-btn:hover:not(:disabled){background:var(--interactive-hover)}.stage-paged__edit-nav-btn:disabled,.stage-paged__edit-nav-btn:disabled:hover{background:var(--disabled-bg);color:var(--disabled-fg);border-color:var(--disabled-border);cursor:not-allowed}.stage-paged__portable-ink{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.stage-paged__markup-chip{max-width:40%;padding:2px var(--spacing-xs);border-radius:var(--border-radius-sm);background:rgba(var(--accent-primary-rgb), .16);line-height:1.2;position:absolute}.stage-paged__markup-content{white-space:pre-wrap;overflow-wrap:break-word}.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__chords{z-index:2;pointer-events:none;position:absolute;inset:0}.stage-paged__chord{border-radius:var(--border-radius-xs);cursor:pointer;pointer-events:auto;touch-action:manipulation;background:0 0;border:none;padding:0;position:absolute}.stage-paged__chord:hover{background:rgba(var(--accent-primary-rgb), .14)}.stage-paged__chord:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:1px}.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{height:var(--control-sm);box-sizing:border-box;padding-inline:var(--spacing-md);border-radius:var(--border-radius-xl);background:var(--surface-2);color:var(--text-secondary);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;pointer-events:none;align-items:center;display:inline-flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}@media (width<=768px){.stage-paged{padding:var(--spacing-md) var(--spacing-md) calc(var(--stage-controls-clearance) + var(--spacing-sm))}}