.stanza-viewer-shell{position:relative;flex:1;display:flex;flex-direction:column;min-height:0;width:100%}.stanza-viewer-column{box-sizing:border-box;flex:1;min-height:0;display:flex;flex-direction:column;width:100%;max-width:var(--stanza-viewer-max-width);margin-inline:auto;padding-inline:var(--stanza-viewer-gutter)}.stanza-viewer-workbench{box-sizing:border-box;display:flex;flex-direction:column;flex:1;min-height:0;width:var(--stanza-viewer-content-width);max-width:100%;min-width:0}.stanza-viewer-scroll{flex:1;min-height:0;overflow:auto;scrollbar-gutter:stable;padding-top:var(--stanza-viewer-scroll-pt);padding-bottom:var(--stanza-viewer-scroll-pb)}.stanza-viewer-body-grid{box-sizing:border-box;display:grid;width:100%;min-height:0;align-content:start;align-items:start;row-gap:var(--stanza-viewer-row-gap);-moz-column-gap:var(--stanza-viewer-grid-gap);column-gap:var(--stanza-viewer-grid-gap);grid-template-columns:1fr;grid-template-areas:"media" "timeline" "rail"}@media(min-width:900px){.stanza-viewer-body-grid{grid-template-columns:minmax(0,var(--stanza-viewer-media-max-width)) minmax(280px,var(--stanza-viewer-rail-width));grid-template-areas:"media rail" "timeline timeline"}}.stanza-viewer-media-stack{grid-area:media;min-width:0;width:100%;max-width:var(--stanza-viewer-media-max-width);display:flex;flex-direction:column;align-items:stretch}.stanza-viewer-rail-slot{grid-area:rail;min-width:0;width:100%;max-width:var(--stanza-viewer-rail-width)}.stanza-viewer-timeline-slot{grid-area:timeline;min-width:0;width:100%}.stanza-viewer-body-grid .stanza-playback-stack{margin-top:0}@media(min-width:900px){.stanza-viewer-body-grid .stanza-practice-rail--dense{min-height:var(--stanza-viewer-media-height);max-height:var(--stanza-viewer-media-height)}}.stanza-viewer-workbench .stanza-library-panel{box-sizing:border-box;width:100%;flex-shrink:0;margin-top:var(--stanza-viewer-library-gap)}.stanza-app{--stanza-paper: #faf6f1;--stanza-paper-wash: #f3ebe2;--stanza-paper-elevated: rgba(255, 251, 245, .9);--stanza-paper-elevated-strong: rgba(255, 251, 245, .96);--stanza-paper-line: rgba(49, 43, 38, .1);--stanza-paper-line-faint: rgba(49, 43, 38, .06);--stanza-ink: #2a2622;--stanza-ink-muted: #6d665e;--stanza-ink-soft: #8b837a;--stanza-rose: #e848a0;--stanza-rose-strong: #c4176e;--stanza-rose-hover: #d43d90;--stanza-rose-wash: rgba(232, 72, 160, .12);--stanza-rose-line: rgba(232, 72, 160, .28);--stanza-tray-bg: rgba(255, 255, 255, .42);--stanza-tray-bg-strong: rgba(255, 255, 255, .72);--stanza-tray-bg-hover: rgba(49, 43, 38, .05);--stanza-tray-bg-pressed: rgba(49, 43, 38, .1);--stanza-tray-divider: var(--stanza-paper-line-faint);--stanza-focus-ring: 1px solid rgba(49, 43, 38, .32);--stanza-focus-ring-rose: 2px solid rgba(232, 72, 160, .4);--stanza-focus-ring-offset: 1px;--stanza-viewer-max-width: 1160px;--stanza-viewer-gutter: 12px;--stanza-viewer-media-max-width: 720px;--stanza-viewer-media-height: calc( var(--stanza-viewer-media-max-width) * 9 / 16 );--stanza-viewer-rail-width: 360px;--stanza-viewer-grid-gap: 12px;--stanza-viewer-row-gap: 12px;--stanza-viewer-content-width: calc( var(--stanza-viewer-media-max-width) + var(--stanza-viewer-rail-width) + var(--stanza-viewer-grid-gap) );--stanza-viewer-scroll-pt: 8px;--stanza-viewer-scroll-pb: 12px;--stanza-viewer-library-gap: 20px;--stanza-radius-panel: 18px;--stanza-radius-chip: 11px;--stanza-shadow-card: 0 1px 2px rgba(47, 39, 33, .045), 0 16px 38px rgba(47, 39, 33, .075);--stanza-shadow-card-hover: 0 2px 6px rgba(47, 39, 33, .055), 0 20px 44px rgba(47, 39, 33, .1);--stanza-atmosphere-rose-glow: rgba(232, 72, 160, .08);--stanza-atmosphere-amber-glow: rgba(196, 164, 132, .08);--stanza-atmosphere-bg-top: #fdfaf6;--stanza-atmosphere-bg-mid: #f3ebe2;--stanza-atmosphere-bg-bot: #e9dfd3;--stanza-font-ui: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--stanza-font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;min-height:100vh;min-height:100dvh;position:relative;box-sizing:border-box;color:var(--stanza-ink);font-family:var(--stanza-font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(min-width:600px){.stanza-app{--stanza-viewer-gutter: 16px;--stanza-viewer-library-gap: 24px}}@media(min-width:900px){.stanza-app{--stanza-viewer-grid-gap: 20px;--stanza-viewer-row-gap: 16px;--stanza-viewer-scroll-pt: 10px;--stanza-viewer-scroll-pb: 16px}}.stanza-app:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.028) 0,rgba(255,255,255,.028) 1px,transparent 1px,transparent 4px),radial-gradient(ellipse 95% 60% at 50% -25%,var(--stanza-atmosphere-rose-glow),transparent 58%),radial-gradient(ellipse 70% 50% at 100% 85%,var(--stanza-atmosphere-amber-glow),transparent 52%),linear-gradient(168deg,var(--stanza-atmosphere-bg-top) 0%,var(--stanza-atmosphere-bg-mid) 44%,var(--stanza-atmosphere-bg-bot) 100%)}.stanza-main{position:relative;z-index:1;min-height:100vh;min-height:100dvh}.stanza-root{min-height:100vh;min-height:100dvh;box-sizing:border-box}.stanza-panel{background:var(--stanza-paper-elevated);border:1px solid var(--stanza-paper-line);border-radius:var(--stanza-radius-panel)}@supports (backdrop-filter: blur(8px)){.stanza-panel{backdrop-filter:blur(10px)}}.stanza-app .stanza-display-title.MuiTypography-root,.stanza-display-title{font-family:var(--stanza-font-display);font-weight:600;letter-spacing:-.015em;line-height:1.2;color:var(--stanza-ink)}.stanza-app .stanza-hero-title.MuiTypography-root,.stanza-hero-title{font-family:var(--stanza-font-display);font-weight:600;letter-spacing:-.02em;color:var(--stanza-ink)}.stanza-app .stanza-whisper-title.MuiTypography-root,.stanza-whisper-title{font-family:var(--stanza-font-display);font-weight:600;letter-spacing:.01em;line-height:1.25;color:var(--stanza-ink)}.stanza-viewer-header .stanza-display-title{font-size:clamp(1.45rem,1.2rem + .8vw,1.75rem)}.stanza-viewer-header .stanza-song-title-heading{margin:0;padding:0;font-family:var(--stanza-font-display);font-size:clamp(1.45rem,1.2rem + .8vw,1.75rem);font-weight:600;letter-spacing:-.015em;line-height:1.2;color:var(--stanza-ink)}.stanza-viewer-header .stanza-song-title-field{display:block;box-sizing:border-box;width:100%;margin:0;padding:0;border:none;border-radius:0;background:transparent;text-align:left;font:inherit;letter-spacing:inherit;line-height:inherit;color:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}.stanza-viewer-header button.stanza-song-title-field{cursor:text;white-space:normal;word-break:break-word;transition:background-color .15s ease}.stanza-viewer-header button.stanza-song-title-field:hover{background:#e848a00f}.stanza-viewer-header button.stanza-song-title-field:focus-visible{outline:var(--stanza-focus-ring-rose);outline-offset:2px;background:#e848a00f}.stanza-viewer-header textarea.stanza-song-title-field{resize:none;overflow:hidden;outline:none;caret-color:var(--stanza-rose-strong, #d63d92);field-sizing:content;border-radius:0}.stanza-viewer-header textarea.stanza-song-title-field:focus-visible{outline:var(--stanza-focus-ring-rose);outline-offset:2px}.stanza-hero-lede{color:var(--stanza-ink-muted);line-height:1.6}.stanza-rail-section-label{display:block;margin-bottom:.25rem;font-family:var(--stanza-font-display);font-size:.9375rem;font-weight:600;line-height:1.2;letter-spacing:.01em;color:var(--stanza-ink);white-space:nowrap}.stanza-rail-section-label--minor{font-family:var(--stanza-font-ui);font-size:.75rem;font-weight:600;letter-spacing:.01em;color:var(--stanza-ink-muted)}.stanza-link-quiet{font-size:.8125rem;font-weight:500;color:var(--stanza-ink-muted);text-decoration:none;background:none;border:none;cursor:pointer;padding:0;font-family:inherit;transition:color .15s ease}.stanza-link-quiet:hover,.stanza-link-quiet:focus-visible{color:var(--stanza-rose)}.stanza-link-quiet:focus-visible{outline:var(--stanza-focus-ring-rose);outline-offset:2px;border-radius:4px}.stanza-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;max-height:min(52vh,420px);overflow:auto;padding:2px}.stanza-library-card{position:relative;border-radius:14px;overflow:hidden;cursor:pointer;text-align:left;border:1px solid var(--stanza-paper-line-faint);background:#fffbf5eb;box-shadow:var(--stanza-shadow-card);transition:box-shadow .18s ease,border-color .18s ease,transform .14s ease}.stanza-library-card:hover{border-color:var(--stanza-rose-line);box-shadow:var(--stanza-shadow-card-hover);transform:translateY(-1px)}.stanza-library-card--selected{border-color:#e848a09e;box-shadow:0 0 0 1px #e848a02e,var(--stanza-shadow-card)}button.stanza-library-card{display:block;width:100%;margin:0;padding:0;font:inherit;color:inherit;text-align:left;-webkit-appearance:none;-moz-appearance:none;appearance:none}.stanza-library-card-thumb{aspect-ratio:16 / 9;width:100%;-o-object-fit:cover;object-fit:cover;display:block;background:#0f172a}.stanza-library-panel{background:#fffbf5d1;border:1px solid var(--stanza-paper-line);border-radius:var(--stanza-radius-panel);box-shadow:none;overflow:hidden}.stanza-library-panel-heading{margin:0;padding:12px 16px 8px;border-bottom:1px solid var(--stanza-paper-line-faint)}.stanza-library-panel-body{padding:12px 16px 16px}@media(min-width:600px){.stanza-library-panel-heading,.stanza-library-panel-body{padding-inline:20px}}.stanza-hero{position:relative;overflow:hidden;padding:clamp(2rem,6vw,3.5rem) 1.25rem 2.5rem}.stanza-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 90% 55% at 50% -30%,var(--stanza-atmosphere-rose-glow),transparent 55%),radial-gradient(ellipse 70% 45% at 100% 80%,var(--stanza-atmosphere-amber-glow),transparent 50%),linear-gradient(168deg,var(--stanza-atmosphere-bg-top) 0%,var(--stanza-atmosphere-bg-mid) 48%,var(--stanza-atmosphere-bg-bot) 100%);pointer-events:none}.stanza-hero-inner{position:relative;z-index:1;max-width:42rem;margin:0 auto;text-align:center}.stanza-hero-url .MuiOutlinedInput-root{border-radius:14px;background:var(--stanza-paper-elevated-strong);font-size:1.2rem;transition:box-shadow .2s ease,border-color .2s ease}.stanza-hero-url .MuiOutlinedInput-root:hover{background:#fffdf9}.stanza-hero-url .MuiOutlinedInput-root.Mui-focused{box-shadow:0 0 0 3px var(--stanza-rose-wash)}.stanza-hero-url .MuiOutlinedInput-input{padding-top:1.15rem;padding-bottom:1.15rem}@media(min-width:600px){.stanza-hero-url .MuiOutlinedInput-input{font-size:1.28rem;padding-top:1.35rem;padding-bottom:1.35rem}}.stanza-viewer-back-link{display:inline-block;margin-top:.5rem}.stanza-video-column{width:100%}.stanza-viewer-header{padding-bottom:.75rem;border-bottom:1px solid var(--stanza-paper-line-faint);margin-bottom:0}.stanza-youtube-host{position:relative;width:100%;max-width:100%;margin:0;aspect-ratio:16 / 9;background:#0f172a;border-radius:calc(var(--stanza-radius-panel) - 2px);overflow:hidden;border:1px solid var(--stanza-paper-line)}.stanza-youtube-iframe{position:absolute;inset:0}.stanza-youtube-iframe iframe{width:100%;height:100%}.stanza-local-video{width:100%;margin-top:0;border-radius:calc(var(--stanza-radius-chip) + 1px);aspect-ratio:16 / 9;-o-object-fit:contain;object-fit:contain;background:#0a0a0a;cursor:pointer;border:1px solid var(--stanza-paper-line)}.stanza-playback-stack{margin-top:0;background:var(--stanza-paper-elevated);border:1px solid var(--stanza-paper-line);border-radius:var(--stanza-radius-panel);padding:10px 12px 12px;box-sizing:border-box}@supports (backdrop-filter: blur(6px)){.stanza-playback-stack{backdrop-filter:blur(12px)}}.stanza-playback-strip{background:transparent;border:none;border-radius:0;padding:0;margin-bottom:0}@supports (backdrop-filter: blur(6px)){.stanza-playback-strip{backdrop-filter:none}}.stanza-playback-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 14px;margin-bottom:10px}@media(min-width:540px){.stanza-playback-toolbar{flex-wrap:nowrap}}.stanza-playback-transport{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}.stanza-playback-toolbar-tools{display:inline-flex;align-items:center;gap:8px;margin-left:auto;flex-wrap:wrap;min-width:0}.stanza-playback-control-group{display:inline-flex;align-items:center;gap:8px;min-width:0}.stanza-playback-control-label{font-family:var(--stanza-font-display);font-size:.8125rem;font-weight:600;letter-spacing:.01em;color:var(--stanza-ink-muted);line-height:1.2;white-space:nowrap}.stanza-playback-chip{display:inline-flex;align-items:center;gap:1px;padding:2px;border-radius:var(--stanza-radius-chip);background:var(--stanza-tray-bg);box-shadow:inset 0 0 0 1px var(--stanza-tray-divider)}.stanza-playback-chip--meta{padding:2px 4px}.stanza-playback-chip--selection{flex-wrap:wrap;row-gap:2px}.stanza-playback-chip-caption{padding:0 4px 0 6px;font-family:var(--stanza-font-ui);font-size:.6875rem;font-weight:500;letter-spacing:.01em;color:var(--stanza-ink-muted);line-height:1;white-space:nowrap}.stanza-playback-chip-divider{width:1px;height:16px;margin:0 2px;flex-shrink:0;background:var(--stanza-tray-divider)}.stanza-playback-chip-btn.MuiIconButton-root{width:30px;height:26px;margin:0;padding:0;border-radius:8px;color:var(--stanza-ink-muted);transition:background-color .12s ease,color .12s ease}.stanza-playback-chip-btn.MuiIconButton-root .MuiSvgIcon-root{font-size:17px}.stanza-playback-chip-btn.MuiIconButton-root:hover{color:var(--stanza-ink);background:var(--stanza-tray-bg-hover)}.stanza-playback-chip-btn.MuiIconButton-root.Mui-disabled{color:#6d665e47}.stanza-playback-chip-btn.MuiIconButton-root:focus-visible{outline:var(--stanza-focus-ring);outline-offset:var(--stanza-focus-ring-offset)}.stanza-playback-chip-btn--active.MuiIconButton-root{background:var(--stanza-rose-wash);color:var(--stanza-rose);box-shadow:0 1px 2px #e848a024,inset 0 0 0 1px var(--stanza-rose-line)}.stanza-playback-chip-btn--active.MuiIconButton-root:hover{background:#e848a033;color:var(--stanza-rose)}.stanza-playback-chip-btn--active.MuiIconButton-root:focus-visible{outline-color:var(--stanza-rose-line)}.stanza-playback-chip-btn--play.MuiIconButton-root{width:32px;height:28px;background:#fffffff5;color:var(--stanza-ink);box-shadow:0 1px 2px #2f27210f,inset 0 0 0 1px var(--stanza-paper-line-faint)}.stanza-playback-chip-btn--play.MuiIconButton-root:hover{background:#fffdf9}.stanza-playback-chip-btn--solo.MuiIconButton-root{border-radius:var(--stanza-radius-chip);background:var(--stanza-tray-bg);box-shadow:inset 0 0 0 1px var(--stanza-tray-divider)}.stanza-playback-chip-text-btn.MuiButton-root{min-width:0;min-height:26px;padding:0 10px;border-radius:8px;text-transform:none;font-size:.8125rem;font-weight:600;line-height:1.2;color:var(--stanza-ink)}.stanza-playback-chip-text-btn.MuiButton-root:hover{background:var(--stanza-tray-bg-hover)}.stanza-playback-chip-text-btn .MuiButton-startIcon{margin-right:4px;margin-left:0}.stanza-playback-chip-text-btn .MuiButton-startIcon>*:nth-of-type(1){font-size:18px}.stanza-playback-chip-reset-slot{display:inline-flex;width:32px;height:28px;flex:0 0 32px;align-items:center;justify-content:center}.stanza-selection-span-pad-icon{transform:rotate(90deg)}.stanza-playback-track-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 14px;margin-top:10px}.stanza-playback-footer-selection{margin-left:auto}@media(max-width:539px){.stanza-playback-toolbar-tools .stanza-playback-control-label{display:none}}@media(pointer:coarse){.stanza-playback-chip-btn.MuiIconButton-root{min-width:44px;min-height:44px}.stanza-playback-chip-btn--play.MuiIconButton-root{width:44px;height:44px}.stanza-playback-chip-reset-slot{width:44px;height:44px;flex-basis:44px}}.stanza-play-btn.MuiIconButton-root{width:32px;height:28px}.stanza-playback-time{min-width:7.5rem;padding:0 6px;font-variant-numeric:tabular-nums;font-size:.8125rem;font-weight:600;letter-spacing:.01em;color:var(--stanza-ink)}.stanza-playback-track{position:relative;height:40px;border-radius:calc(var(--stanza-radius-chip) + 1px);overflow:visible;border:1px solid var(--stanza-paper-line-faint);background:var(--stanza-tray-bg-strong);cursor:pointer;box-shadow:inset 0 1px #ffffffc7}.stanza-playback-track--loop:after{content:"";position:absolute;left:var(--stanza-loop-start, 0%);width:var(--stanza-loop-width, 0%);top:-3px;bottom:-3px;box-sizing:border-box;border:2px solid rgba(232,72,160,.94);border-radius:8px;pointer-events:none;z-index:5;box-shadow:0 0 0 1px #e848a03d,inset 0 0 0 1px #ffffff47}.stanza-playback-track:focus-visible{outline:var(--stanza-focus-ring);outline-offset:2px}.stanza-playback-segments-clip{border-radius:9px;overflow:hidden}.stanza-playback-seg{-moz-appearance:none;appearance:none;-webkit-appearance:none;position:relative;box-sizing:border-box;margin:0;border:none;border-radius:0;border-right:1px solid var(--stanza-paper-line-faint);background-color:transparent;cursor:pointer;padding:2px 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500;color:var(--stanza-ink)}.stanza-playback-seg--selected{z-index:2;font-weight:600}.stanza-playback-seg:last-of-type{border-right:none}.stanza-playback-seg:focus-visible{outline:var(--stanza-focus-ring);outline-offset:-1px;z-index:1}.stanza-playback-seg--skipped{color:color-mix(in srgb,var(--stanza-ink) 45%,transparent);text-decoration:line-through;text-decoration-thickness:1px;text-decoration-color:color-mix(in srgb,var(--stanza-ink) 35%,transparent);background-image:repeating-linear-gradient(-45deg,transparent 0,transparent 5px,color-mix(in srgb,var(--stanza-ink) 7%,transparent) 5px,color-mix(in srgb,var(--stanza-ink) 7%,transparent) 6px)}.stanza-playback-seg--skipped.stanza-playback-seg--selected{color:color-mix(in srgb,var(--stanza-ink) 65%,transparent)}.stanza-metronome-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0;padding:0;border:none;border-radius:999px;background:var(--stanza-tray-bg-pressed);color:var(--stanza-ink);cursor:pointer;transition:background-color .15s ease,color .15s ease}.stanza-metronome-toggle:hover{background:#312b2624}.stanza-metronome-toggle.active{background:#e848a02e;color:var(--stanza-ink);box-shadow:0 0 0 1px #e848a059}.stanza-metronome-toggle.stanza-metronome-toggle--strip{width:32px;height:32px}.stanza-metronome-toggle.stanza-metronome-toggle--strip .material-symbols-outlined{font-size:20px}.stanza-app .stanza-metronome-strip{display:flex;flex-direction:row;align-items:center;gap:.45rem;min-height:44px;padding:4px 8px;border-radius:var(--stanza-radius-chip);border:1px solid var(--stanza-paper-line-faint);background:#ffffff9e}.stanza-app .stanza-metronome-strip--clickable{cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.stanza-app .stanza-metronome-strip--clickable:hover{background:#ffffffe6;border-color:#e848a038}.stanza-app .stanza-metronome-strip--clickable.stanza-metronome-strip--active:hover{border-color:#e848a052}.stanza-app .stanza-metronome-strip-placeholder{font-size:.8125rem;font-weight:600;color:var(--stanza-ink-muted)}.stanza-app .stanza-beat-visualizer--compact{flex:1;min-width:0}.stanza-app .stanza-beat-counts{display:flex;flex-direction:row;align-items:center;gap:.35rem}.stanza-app .stanza-beat-count{display:inline-flex;align-items:center;justify-content:center;width:1.65rem;height:1.65rem;border-radius:999px;font-size:.75rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--stanza-ink-muted);border:1px solid var(--stanza-paper-line-faint);background:var(--stanza-tray-bg);box-sizing:border-box;transition:background-color .12s ease,border-color .12s ease,color .12s ease,box-shadow .12s ease}.stanza-app .stanza-beat-count--active{color:var(--stanza-rose);background:var(--stanza-rose-wash);border-color:var(--stanza-rose-line);box-shadow:0 0 0 1px #e848a014}.stanza-app .stanza-beat-count--downbeat.stanza-beat-count--active{color:var(--stanza-rose-strong);background:#e848a033;border-color:#e848a073}.stanza-practice-rail.stanza-panel{background:#fffbf5d1;border-color:var(--stanza-paper-line)}.stanza-practice-rail .MuiFormControl-root{margin-top:0}.stanza-app .stanza-metronome-rail .shared-bpm-shell,.stanza-app .stanza-key-shift-block .shared-bpm-shell,.stanza-app .stanza-playback-speed-control .shared-bpm-shell{--bpm-focus: var(--stanza-rose);--bpm-border: var(--stanza-rose-line);--bpm-dropdown-hover-bg: rgba(232, 72, 160, .1);--bpm-dropdown-active-bg: rgba(232, 72, 160, .16);--bpm-dropdown-active-text: var(--stanza-rose);--bpm-chip-hover-bg: rgba(232, 72, 160, .08);--bpm-chip-active-bg: rgba(232, 72, 160, .14);--bpm-chip-active-text: var(--stanza-rose-strong);--bpm-bg: var(--stanza-paper-elevated-strong);overflow:hidden}.stanza-app .stanza-metronome-rail .shared-bpm-shell:focus-within,.stanza-app .stanza-bpm-modal-input .shared-bpm-shell:focus-within,.stanza-tempo-preview-dialog-content .stanza-bpm-modal-input .shared-bpm-shell:focus-within,.stanza-app .stanza-key-shift-block .shared-bpm-shell:focus-within,.stanza-app .stanza-playback-speed-control .shared-bpm-shell:focus-within{box-shadow:none;border-color:var(--stanza-rose)}.stanza-app .stanza-metronome-rail .shared-bpm-shell .MuiIconButton-root:focus-visible,.stanza-app .stanza-key-shift-block .shared-bpm-shell .MuiIconButton-root:focus-visible,.stanza-app .stanza-playback-speed-control .shared-bpm-shell button:focus-visible{outline:none;box-shadow:inset 0 0 0 2px #e848a038}.stanza-app .stanza-metronome-rail .stanza-bpm-rail-input .shared-bpm-shell .shared-bpm-stepper,.stanza-app .stanza-key-shift-block .shared-bpm-shell .shared-bpm-stepper{--bpm-stepper-min-width: 4.25rem}.stanza-app .stanza-key-shift-block .shared-bpm-shell[aria-busy=true]{opacity:.72}.stanza-app .stanza-key-shift-block .stanza-key-shift-reset.MuiIconButton-root{border-radius:0;color:var(--bpm-muted, var(--stanza-ink-muted))}.stanza-app .stanza-key-shift-block .stanza-key-shift-reset.MuiIconButton-root:hover:not(.Mui-disabled){background:color-mix(in srgb,var(--stanza-rose) 10%,transparent);color:var(--bpm-text, var(--stanza-ink))}.stanza-app .stanza-playback-speed-control.shared-bpm-input{width:auto;max-width:none;flex:0 0 auto}.stanza-app .stanza-playback-speed-control .shared-bpm-shell{--bpm-shell-height: 26px;--bpm-shell-radius: 8px;--bpm-border: transparent;--bpm-bg: transparent;--bpm-text: var(--stanza-ink);--bpm-muted: var(--stanza-ink-muted);--bpm-hover: var(--stanza-tray-bg-hover);border:0;box-shadow:none;min-height:26px}.stanza-app .stanza-playback-speed-control .shared-bpm-compact-display{font-size:.8125rem;font-weight:600;letter-spacing:.01em;padding:0 .34rem 0 .42rem}.stanza-app .stanza-playback-speed-control .shared-bpm-preset-toggle{border-left-color:var(--stanza-tray-divider);width:26px;min-width:26px;color:var(--stanza-ink-soft)}.stanza-app .stanza-playback-speed-control .shared-bpm-preset-toggle:hover:not(:disabled){color:var(--stanza-ink)}.stanza-app .stanza-playback-speed-control .shared-bpm-preset-toggle .material-symbols-outlined{font-size:17px}.shared-bpm-dropdown.stanza-bpm-dropdown{--bpm-focus: var(--stanza-rose, #e848a0);--bpm-border: rgba(232, 72, 160, .28);--bpm-dropdown-hover-bg: rgba(232, 72, 160, .1);--bpm-dropdown-active-bg: rgba(232, 72, 160, .16);--bpm-dropdown-active-text: var(--stanza-rose, #e848a0);--bpm-chip-hover-bg: rgba(232, 72, 160, .08);--bpm-chip-active-bg: rgba(232, 72, 160, .14);--bpm-chip-active-text: #c4176e;overflow:visible!important}.shared-bpm-dropdown.stanza-bpm-dropdown .shared-bpm-slider-wrap{overflow:visible}.stanza-app .stanza-metronome-rail .app-slider.stanza-bpm-slider,.shared-bpm-dropdown.stanza-bpm-dropdown .app-slider.stanza-bpm-slider{--app-slider-track: var(--stanza-rose, #e848a0);--app-slider-thumb: var(--stanza-rose, #e848a0);--app-slider-mark-active: var(--stanza-rose, #e848a0);--app-slider-shadow: rgba(232, 72, 160, .22)}.stanza-app .stanza-metronome-rail .stanza-rail-analyze-icon:hover:not(.Mui-disabled),.stanza-app .stanza-metronome-rail .stanza-rail-tap-icon:hover:not(.Mui-disabled){background-color:#e848a01a}.stanza-tap-tempo-pad{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;min-height:160px;margin:0;padding:24px 16px;border:2px dashed rgba(232,72,160,.45);border-radius:16px;background:#e848a00a;color:var(--stanza-ink, #2a2622);font:inherit;font-weight:600;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color .12s ease,border-color .12s ease,transform 80ms ease}.stanza-tap-tempo-pad:hover{background:#e848a014;border-color:#e848a0a6}.stanza-tap-tempo-pad:active,.stanza-tap-tempo-pad--flash{background:#e848a029;border-color:var(--stanza-rose, #e848a0);transform:scale(.985)}.stanza-app .stanza-key-shift-block{margin-bottom:0}.stanza-tempo-preview-dialog-paper.MuiPaper-root{border-radius:16px;border:1px solid rgba(49,43,38,.08);box-shadow:var(--stanza-shadow-card, 0 16px 38px rgba(47, 39, 33, .075))}.stanza-tempo-preview-dialog-content,.stanza-tap-tempo-dialog-content.stanza-tempo-preview-dialog-content{padding-top:0}.stanza-tap-tempo-ready-panel{width:100%}.stanza-app .stanza-bpm-modal-input .shared-bpm-shell,.stanza-tempo-preview-dialog-content .stanza-bpm-modal-input .shared-bpm-shell{width:100%;max-width:none}.stanza-mix-block{border-top:1px solid var(--stanza-paper-line-faint);margin-top:2px;padding-top:5px}.stanza-mix-row{min-height:28px}.stanza-mix-row--system{opacity:1}.stanza-mix-row--system+.stanza-mix-row--system{border-top:1px dashed var(--stanza-paper-line-faint);padding-top:2px}.stanza-drums-block{border-top:1px solid var(--stanza-paper-line-faint);padding-top:4px;overflow:visible}.stanza-drums-panel .drum-accompaniment{color:var(--stanza-ink);font-family:var(--stanza-font-ui)}.stanza-drums-panel .drum-presets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px 3px;margin-bottom:3px}.stanza-drums-panel .preset-btn{background:transparent;border:1px solid var(--stanza-paper-line-faint);border-radius:999px;color:var(--stanza-ink);font-family:inherit;font-size:.62rem;font-weight:600;letter-spacing:.01em;padding:0 4px;cursor:pointer;line-height:1.2;transition:background-color .12s ease,border-color .12s ease,color .12s ease;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stanza-drums-panel .preset-btn:hover:not(.active){border-color:var(--stanza-rose-line);background:var(--stanza-rose-wash)}.stanza-drums-panel .preset-btn.active{background:var(--stanza-rose);color:#fff;border-color:var(--stanza-rose)}.stanza-drums-panel .preset-btn-icon{display:inline-flex;align-items:center;justify-content:center;padding:0 2px;min-height:18px}.stanza-drums-panel .drum-pattern-input{margin-bottom:1px}.stanza-drums-panel .rhythm-template-variation{margin-bottom:2px;gap:2px}.stanza-drums-panel .rhythm-template-variation-counter{color:var(--stanza-ink-muted);font-size:.6rem}.stanza-drums-panel .rhythm-template-variation-arrow{width:20px;height:20px;border-color:var(--stanza-paper-line-faint);background:#ffffffb8;color:var(--stanza-ink-soft)}.stanza-drums-panel .rhythm-template-variation-arrow .material-symbols-outlined{font-size:15px}.stanza-drums-panel .rhythm-template-variation-controls{gap:6px}.stanza-drums-panel .rhythm-template-variation-arrow:hover{border-color:var(--stanza-rose-line);color:var(--stanza-ink)}.stanza-drums-panel .drum-pattern-input input{width:100%;font-family:var(--stanza-font-ui);font-size:.74rem;padding:3px 8px;border:1px solid var(--stanza-paper-line-faint);border-radius:6px;background:var(--stanza-paper-elevated, #fff);color:var(--stanza-ink);outline:none;transition:border-color .12s ease,box-shadow .12s ease}.stanza-drums-panel .drum-pattern-input input::-moz-placeholder{color:var(--stanza-ink-soft)}.stanza-drums-panel .drum-pattern-input input::placeholder{color:var(--stanza-ink-soft)}.stanza-drums-panel .drum-pattern-input input:focus{border-color:var(--stanza-rose);box-shadow:0 0 0 2px var(--stanza-rose-wash)}.stanza-drums-panel .drum-display-error{color:var(--stanza-ink-muted);font-size:.72rem;margin-top:4px}.stanza-drums-panel .drum-display-error p{margin:0}.stanza-drums-panel .stanza-drums-notation-frame{padding:4px 6px 2px;border-radius:calc(var(--stanza-radius-chip) - 1px);background:var(--stanza-tray-bg);border:1px solid var(--stanza-paper-line-faint);box-shadow:none;width:100%;box-sizing:border-box;gap:1px;overflow:visible}.stanza-drums-panel .stanza-drums-notation-frame .rhythm-template-variation{margin-bottom:0;justify-items:stretch}.stanza-drums-panel .stanza-drums-notation-frame .rhythm-template-variation-controls{width:100%;justify-content:space-between;padding-bottom:0}.stanza-drums-panel .stanza-drums-notation-frame .drum-notation-mini-x-scroll{margin-top:-2px}.stanza-drums-panel .stanza-drums-notation-frame.vexflow-mini-container{margin-top:3px;display:flex;flex-direction:column;align-items:stretch;overflow:visible;flex-shrink:0;min-height:auto}.stanza-drums-panel .drum-notation-mini-x-scroll{flex-shrink:0}.stanza-drums-panel .drum-notation-mini{--notation-ink: var(--stanza-ink);--notation-highlight: var(--stanza-rose);flex-shrink:0;overflow:visible}.stanza-drums-panel .drum-notation-mini svg{display:block;overflow:visible;max-width:none;height:auto;margin-top:-2px}.stanza-drums-panel .stanza-drums-notation-frame>div:first-child:has(.measure-dot){margin:0 0 2px}.stanza-drums-panel .measure-dot{width:6px;height:6px}.stanza-drums-panel .stanza-drums-edit-link,.stanza-drums-panel .stanza-drums-edit-link.drum-notation-mini-edit-link{align-self:center;margin-top:0;font-size:.65rem;font-weight:600;color:var(--stanza-ink-muted);text-decoration:none;gap:3px;padding:2px 4px;border-radius:6px;transition:color .12s ease,background-color .12s ease}.stanza-drums-panel .stanza-drums-edit-link:hover{color:var(--stanza-rose-strong);background:var(--stanza-rose-wash)}.stanza-drums-panel .stanza-drums-notation-hint{margin:2px 0 0;padding-top:4px;border-top:1px solid var(--stanza-paper-line-faint);font-size:.68rem;line-height:1.35;color:var(--stanza-ink-soft);text-align:center}.stanza-rail-compact-btn.MuiButton-root{min-height:30px;font-size:.75rem;border-radius:999px;text-transform:none;font-weight:600}.stanza-transport-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px}.stanza-app .MuiButton-root.Mui-disabled{opacity:.45}.stanza-btn-pill{border-radius:999px!important;padding-left:20px!important;padding-right:20px!important;font-weight:600!important;letter-spacing:.01em;box-shadow:0 1px 2px #2f27210f!important}.stanza-btn-soft-outline{border-radius:999px!important;border-color:var(--stanza-paper-line)!important;color:var(--stanza-ink)!important;font-weight:600!important;background:var(--stanza-tray-bg)!important}@media(prefers-reduced-motion:reduce){.stanza-metronome-pulse--on{animation-duration:.24s!important}}.stanza-metronome-pulse{--stanza-beat: 1s;border-radius:12px;transition:box-shadow .12s ease-out}.stanza-metronome-pulse--on{animation:stanzaBeatPulse var(--stanza-beat, 1s) linear infinite}@keyframes stanzaBeatPulse{0%{box-shadow:0 0 #e848a080}15%{box-shadow:0 0 0 10px #e848a000}to{box-shadow:0 0 #e848a000}}