@font-face{font-family:Bravura;src:url(../media/Bravura.be69bf6f.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root,.RiffScore{--riff-color-bg:#fff;--riff-color-bg-panel:#f9f9f9;--riff-color-text:#1e293b;--riff-color-text-secondary:#65758b;--riff-color-border:#e2e8f0;--riff-color-primary:#1da59c;--riff-color-primary-hover:#17877f;--riff-color-danger:#ef4444;--riff-color-success:#22c55e;--riff-color-muted:#94a3b8;--riff-color-hover-bg:#f1f5f9;--riff-color-active-bg:#1da59c;--riff-color-active-text:#fff;--riff-color-button-bg:#fff;--riff-color-backdrop:#00000080;--riff-color-backdrop-light:#0003;--riff-spacing-0:0;--riff-spacing-1:.25rem;--riff-spacing-2:.5rem;--riff-spacing-3:.75rem;--riff-spacing-4:1rem;--riff-spacing-5:1.25rem;--riff-spacing-6:1.5rem;--riff-spacing-8:2rem;--riff-spacing-10:2.5rem;--riff-spacing-12:3rem;--riff-font-sans:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--riff-font-serif:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--riff-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--riff-font-size-xs:.75rem;--riff-font-size-sm:.875rem;--riff-font-size-base:1rem;--riff-font-size-lg:1.125rem;--riff-font-size-xl:1.25rem;--riff-font-size-2xl:1.5rem;--riff-font-size-3xl:1.875rem;--riff-font-weight-normal:400;--riff-font-weight-medium:500;--riff-font-weight-semibold:600;--riff-font-weight-bold:700;--riff-line-height-tight:1.25;--riff-line-height-normal:1.5;--riff-line-height-relaxed:1.75;--riff-tracking-tight:-.025em;--riff-tracking-normal:0;--riff-tracking-wide:.025em;--riff-tracking-wider:.05em;--riff-border-width:1px;--riff-border-radius-sm:.125rem;--riff-border-radius:.25rem;--riff-border-radius-md:.375rem;--riff-border-radius-lg:.5rem;--riff-border-radius-xl:.75rem;--riff-border-radius-full:9999px;--riff-shadow-sm:0 1px 2px 0 #0000000d;--riff-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--riff-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--riff-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--riff-shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--riff-shadow-2xl:0 25px 50px -12px #00000040;--riff-z-dropdown:50;--riff-z-sticky:60;--riff-z-modal-backdrop:90;--riff-z-modal:100;--riff-z-tooltip:110;--riff-transition-fast:.15s ease;--riff-transition-normal:.2s ease;--riff-transition-slow:.3s ease;--riff-button-height:2.25rem;--riff-button-height-sm:2rem;--riff-button-height-lg:2.5rem;--riff-button-min-width:2.25rem;--riff-icon-size-sm:.875rem;--riff-icon-size:1rem;--riff-icon-size-md:1.25rem;--riff-icon-size-lg:1.5rem;--riff-music-icon-base:1.25rem;--riff-music-icon-sm:1rem;--riff-music-icon-lg:1.375rem;--riff-music-icon-xlg:1.75rem;--riff-music-icon-2xl:2rem;--riff-music-icon-clef:2.25rem;--riff-toolbar-button-size:1.75rem;--riff-toolbar-gap:.25rem;--riff-toolbar-padding:.25rem;--riff-divider-size:1px;--riff-divider-height:1.25rem;--riff-input-height:2.25rem;--riff-input-padding-x:.75rem;--riff-modal-max-width-sm:20rem;--riff-modal-max-width-md:28rem;--riff-modal-max-width-lg:32rem;--riff-modal-max-width-xl:42rem}.riff-ChordTrack__hitArea{cursor:default}.riff-ChordSymbol{font-family:var(--riff-font-sans);fill:var(--riff-color-text);-webkit-user-select:none;user-select:none;letter-spacing:0;word-spacing:0;font-size:1.25rem;font-weight:600}.riff-ChordSymbol--hovered,.riff-ChordSymbol--selected{fill:var(--riff-color-primary)}.riff-ChordSymbol--preview{fill:var(--riff-color-primary);opacity:.5;pointer-events:none}.riff-ChordInput__foreignObject{overflow:visible}.riff-ChordInput__container{flex-direction:column;align-items:center;display:flex}.riff-ChordInput{text-align:center;width:80px;font-family:var(--riff-font-sans);color:var(--riff-color-text);background-color:#0000;border:none;border-radius:0;outline:none;padding:0 8px;font-size:1.25rem;font-weight:600;line-height:30px}.riff-ChordInput::placeholder{color:var(--riff-color-muted);opacity:.7}.riff-ChordInput::selection{background-color:#1da59c4d}.riff-ChordInput--error{color:var(--riff-color-danger)}.riff-ChordInput__error{font-family:var(--riff-font-sans);font-size:var(--riff-font-size-xs);color:var(--riff-color-danger);white-space:nowrap;margin-top:2px}.riff-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.riff-ScoreCanvas{z-index:10;padding-left:var(--riff-spacing-8);outline:none;position:relative;overflow-x:auto}.riff-ScoreCanvas::-webkit-scrollbar{height:8px}.riff-ScoreCanvas::-webkit-scrollbar-track{background:0 0}.riff-ScoreCanvas::-webkit-scrollbar-thumb{border-radius:var(--riff-border-radius-full);background-color:#33415580}.riff-ScoreCanvas:hover::-webkit-scrollbar-thumb{background-color:#47556980}.riff-ScoreCanvas__svg{margin-left:0;overflow:visible}.chord-group--ghost{opacity:.5}.riff-DropdownTrigger{align-items:center;gap:var(--riff-spacing-1);padding:var(--riff-spacing-0)var(--riff-spacing-2);border-radius:var(--riff-border-radius);border:var(--riff-border-width)solid transparent;color:var(--riff-color-text-secondary);font-size:var(--riff-font-size-xs);font-weight:var(--riff-font-weight-bold);letter-spacing:var(--riff-tracking-normal);transition:all var(--riff-transition-normal);height:var(--riff-toolbar-button-size);cursor:pointer;background-color:#0000;display:flex}.riff-DropdownTrigger:focus{outline:none}.riff-DropdownTrigger:hover{background-color:var(--riff-color-hover-bg);border-color:var(--riff-color-border)}.riff-DropdownTrigger__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.riff-DropdownTrigger__chevron{transition:transform var(--riff-transition-normal)}.riff-DropdownTrigger__chevron--open{transform:rotate(180deg)}.riff-DropdownTrigger--open{background-color:var(--riff-color-button-bg);border-color:var(--riff-color-primary)}.riff-DropdownOverlay-backdrop{z-index:var(--riff-z-dropdown);background-color:#0000;position:fixed;inset:0}.riff-DropdownOverlay{z-index:var(--riff-z-dropdown);border-radius:var(--riff-border-radius-lg);box-shadow:var(--riff-shadow-xl);border:var(--riff-border-width)solid var(--riff-color-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:var(--riff-color-bg-panel);position:fixed;overflow:hidden}.riff-DropdownOverlay ::-webkit-scrollbar{width:6px}.riff-DropdownOverlay ::-webkit-scrollbar-track{background:0 0}.riff-DropdownOverlay ::-webkit-scrollbar-thumb{background-color:var(--riff-color-border);border-radius:3px}.riff-DropdownOverlay ::-webkit-scrollbar-thumb:hover{background-color:var(--riff-color-muted)}.riff-DropdownItem{text-align:left;width:100%;padding:var(--riff-spacing-2)var(--riff-spacing-3);border-radius:var(--riff-border-radius-md);font-size:var(--riff-font-size-sm);font-weight:var(--riff-font-weight-medium);cursor:pointer;transition:background-color var(--riff-transition-normal);color:var(--riff-color-text-secondary);background-color:#0000;border:none}.riff-DropdownItem:hover,.riff-DropdownItem--selected{background-color:var(--riff-color-border)}.riff-DropdownHeader{padding:var(--riff-spacing-2)var(--riff-spacing-4);border-bottom:var(--riff-border-width)solid var(--riff-color-border);background-color:var(--riff-color-hover-bg);align-items:center;gap:var(--riff-spacing-2);color:var(--riff-color-text-secondary);display:flex}.riff-DropdownHeader__title{font-weight:var(--riff-font-weight-semibold);font-size:var(--riff-font-size-sm);color:var(--riff-color-text);margin:0;padding:0}.riff-DropdownContent{padding:var(--riff-spacing-2);overflow-y:auto}.riff-ClefOverlay{width:320px}.riff-ClefOverlay__grid{padding:var(--riff-spacing-2);gap:var(--riff-spacing-2);grid-template-columns:repeat(3,1fr);display:grid}.riff-ClefOverlay__option{padding:var(--riff-spacing-2);border-radius:var(--riff-border-radius-md);transition:all var(--riff-transition-normal);border:var(--riff-border-width)solid transparent;cursor:pointer;background-color:#0000;flex-direction:column;justify-content:center;align-items:center;display:flex}.riff-ClefOverlay__option:hover{background-color:var(--riff-color-hover-bg)}.riff-ClefOverlay__option--selected{background-color:var(--riff-color-hover-bg);border-color:var(--riff-color-primary)}.riff-ClefOverlay__preview{margin-bottom:var(--riff-spacing-1);justify-content:center;align-items:center;width:100%;height:80px;display:flex;position:relative}.riff-ClefOverlay__label{font-size:var(--riff-font-size-xs);font-weight:var(--riff-font-weight-medium)}.riff-KeySignatureOverlay{background-color:var(--riff-color-backdrop-light);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--riff-z-dropdown);padding:var(--riff-spacing-4);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.riff-KeySignatureOverlay__panel{border-radius:var(--riff-border-radius-xl);box-shadow:var(--riff-shadow-2xl);width:100%;max-width:36rem;overflow:hidden}.riff-KeySignatureOverlay__header{padding:var(--riff-spacing-4);border-bottom:var(--riff-border-width)solid var(--riff-color-border);justify-content:space-between;align-items:center;display:flex}.riff-KeySignatureOverlay__title-group{align-items:center;gap:var(--riff-spacing-2);display:flex}.riff-KeySignatureOverlay__title{font-weight:var(--riff-font-weight-bold);font-size:var(--riff-font-size-lg)}.riff-KeySignatureOverlay__close-btn{padding:var(--riff-spacing-1);border-radius:var(--riff-border-radius-full);transition:background-color var(--riff-transition-normal);cursor:pointer;background:0 0;border:none}.riff-KeySignatureOverlay__close-btn:hover{background-color:var(--riff-color-hover-bg)}.riff-KeySignatureOverlay__content{padding:var(--riff-spacing-4);max-height:70vh;overflow-y:auto}.riff-KeySignatureOverlay__footer{padding:var(--riff-spacing-3);border-top:var(--riff-border-width)solid var(--riff-color-border);text-align:center;font-size:var(--riff-font-size-xs)}.riff-ModeToggle{border-radius:var(--riff-border-radius-lg);padding:var(--riff-spacing-1);margin-bottom:var(--riff-spacing-4);display:flex}.riff-ModeToggle__btn{padding:var(--riff-spacing-2)var(--riff-spacing-4);font-size:var(--riff-font-size-sm);font-weight:var(--riff-font-weight-medium);border-radius:var(--riff-border-radius-md);transition:all var(--riff-transition-normal);cursor:pointer;background:0 0;border:none;flex:1}.riff-ModeToggle__btn--active{background-color:var(--riff-color-primary);color:#fff}.riff-KeySection{margin-bottom:var(--riff-spacing-4)}.riff-KeySection__title{font-size:var(--riff-font-size-xs);font-weight:var(--riff-font-weight-semibold);text-transform:uppercase;letter-spacing:var(--riff-tracking-wide);margin-bottom:var(--riff-spacing-2);padding:0 var(--riff-spacing-1)}.riff-KeySection__grid{gap:var(--riff-spacing-2);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:768px){.riff-KeySection__grid{grid-template-columns:repeat(4,1fr)}}.riff-KeyOption{padding:var(--riff-spacing-2);border-radius:var(--riff-border-radius-md);transition:all var(--riff-transition-normal);border:var(--riff-border-width)solid transparent;cursor:pointer;background-color:#0000;flex-direction:column;justify-content:center;align-items:center;display:flex}.riff-KeyOption:hover{background-color:var(--riff-color-hover-bg)}.riff-KeyOption--selected{background-color:var(--riff-color-hover-bg);border-color:var(--riff-color-primary)}.riff-KeyOption__preview{justify-content:center;align-items:center;width:100%;height:64px;display:flex}.riff-KeyOption__label{font-size:var(--riff-font-size-xs);font-weight:var(--riff-font-weight-medium);text-align:center}.riff-KeySignatureOverlay__divider{border:none;border-top:var(--riff-border-width)solid var(--riff-color-border);margin:var(--riff-spacing-3)0}.riff-KeySignatureOverlay__kbd{padding:var(--riff-spacing-1)var(--riff-spacing-1);border-radius:var(--riff-border-radius);border:var(--riff-border-width)solid var(--riff-color-border)}.riff-TimeSignatureOverlay__grid{padding:var(--riff-spacing-2);gap:var(--riff-spacing-2);grid-template-columns:repeat(2,1fr);display:grid}.riff-TimeSignatureOverlay__option{padding:var(--riff-spacing-2);border-radius:var(--riff-border-radius-md);transition:all var(--riff-transition-normal);border:var(--riff-border-width)solid transparent;cursor:pointer;background-color:#0000;flex-direction:column;justify-content:center;align-items:center;display:flex}.riff-TimeSignatureOverlay__option:hover{background-color:var(--riff-color-hover-bg)}.riff-TimeSignatureOverlay__option--selected{background-color:var(--riff-color-hover-bg);border-color:var(--riff-color-primary)}.riff-TimeSignatureOverlay__preview{margin-bottom:var(--riff-spacing-1);justify-content:center;align-items:center;width:100%;height:64px;display:flex}.riff-TimeSignatureOverlay__label{font-size:var(--riff-font-size-xs);font-weight:var(--riff-font-weight-medium)}.riff-ToolbarButton{border-radius:var(--riff-border-radius);border:var(--riff-border-width)solid var(--riff-color-border);transition:all var(--riff-transition-normal);cursor:pointer;box-sizing:border-box;background-color:var(--riff-color-button-bg);color:var(--riff-color-text-secondary);height:var(--riff-toolbar-button-size);width:var(--riff-toolbar-button-size);padding:var(--riff-spacing-0);justify-content:center;align-items:center;display:flex}.riff-ToolbarButton:hover:not(:disabled){background-color:var(--riff-color-hover-bg)}.riff-ToolbarButton--auto-width{width:auto;min-width:var(--riff-toolbar-button-size);padding:var(--riff-spacing-0)var(--riff-spacing-1)}.riff-ToolbarButton--dashed{border-style:dashed;border-color:var(--riff-color-text-secondary)}.riff-ToolbarButton--solid-border{border-style:solid}.riff-ToolbarButton--ghost{background-color:#0000;border-color:#0000}.riff-ToolbarButton--ghost:hover:not(:disabled){background-color:var(--riff-color-hover-bg);border-color:var(--riff-color-border)}.riff-ToolbarButton--ghost.riff-ToolbarButton--dashed{border-color:var(--riff-color-text-secondary)}.riff-ToolbarButton--active{background-color:var(--riff-color-primary)!important;border-color:var(--riff-color-primary)!important;color:var(--riff-color-active-text)!important}.riff-ToolbarButton--emphasized{border-color:var(--riff-color-primary);color:var(--riff-color-primary)}.riff-ToolbarButton:disabled{opacity:.5;cursor:not-allowed}.riff-ToolbarButton__icon{justify-content:center;align-items:center;display:flex}.riff-ToolbarButton__icon--margin{margin-right:var(--riff-spacing-2)}.riff-ToolbarButton__label{font-size:var(--riff-font-size-xs);font-weight:var(--riff-font-weight-bold);letter-spacing:var(--riff-tracking-normal)}.riff-ToolbarButton__sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.riff-ToolbarButton--accidental .riff-ToolbarButton__icon{font-size:var(--riff-music-icon-base);padding-bottom:.125rem}.riff-ToolbarButton--label-xs .riff-ToolbarButton__label{font-size:var(--riff-font-size-xs);font-weight:var(--riff-font-weight-bold)}.riff-TupletIcon{flex-direction:column;justify-content:center;align-items:center;font-size:10px;line-height:1;display:flex}.riff-TupletIcon__number{font-size:11px;font-weight:700}.riff-TupletIcon__dots{gap:2px;margin-top:2px;display:flex}.riff-TupletIcon__dot{background-color:currentColor;border-radius:50%;width:4px;height:4px}.riff-InstrumentSelector{position:relative}.riff-InstrumentSelector__list{padding:var(--riff-spacing-1)}.riff-InstrumentSelector__option{justify-content:space-between;align-items:center;width:100%;display:flex}.riff-InstrumentSelector__check{color:var(--riff-color-primary)}.riff-PlaybackControls{align-items:center;gap:var(--riff-spacing-2);display:flex}.riff-PlaybackControls__bpm-wrapper{align-items:center;gap:var(--riff-spacing-0);padding:var(--riff-spacing-0)var(--riff-spacing-2);border-radius:var(--riff-border-radius);border:var(--riff-border-width)solid transparent;transition:all var(--riff-transition-normal);height:var(--riff-toolbar-button-size);border-color:var(--riff-color-border);display:flex}.riff-PlaybackControls__bpm-wrapper--ghost{border-color:#0000}.riff-PlaybackControls__bpm-wrapper--hovered:not(.riff-PlaybackControls__bpm-wrapper--focused){border-color:var(--riff-color-border)}.riff-PlaybackControls__bpm-wrapper--focused{border-color:var(--riff-color-primary)!important}.riff-PlaybackControls__bpm-label{align-items:center;gap:var(--riff-spacing-1);color:var(--riff-color-text-secondary);display:flex}.riff-PlaybackControls__bpm-note{font-family:Bravura;font-size:calc(var(--riff-music-icon-base)*.85);margin-bottom:-.75rem;margin-left:.125rem;margin-right:.125rem;line-height:1}.riff-PlaybackControls__bpm-equals{font-size:var(--riff-font-size-xs);font-weight:var(--riff-font-weight-bold);padding:var(--riff-spacing-0)var(--riff-spacing-1)}.riff-PlaybackControls__bpm-input{width:var(--riff-spacing-8);font-size:var(--riff-font-size-sm);font-weight:var(--riff-font-weight-bold);text-align:center;color:var(--riff-color-primary);background-color:#0000;border:none;outline:none}.riff-PlaybackControls__play-button{align-items:center;gap:var(--riff-spacing-2);padding:var(--riff-spacing-0)var(--riff-spacing-2);height:var(--riff-toolbar-button-size);border-radius:var(--riff-border-radius);border:var(--riff-border-width)solid var(--riff-color-primary);background-color:var(--riff-color-button-bg);color:var(--riff-color-primary);font-size:var(--riff-font-size-xs);font-weight:var(--riff-font-weight-bold);cursor:pointer;transition:all var(--riff-transition-normal);display:flex}.riff-PlaybackControls__play-button:hover{background-color:var(--riff-color-primary);color:var(--riff-color-active-text);border-color:#0000}.riff-PlaybackControls__label{font-size:var(--riff-font-size-xs);font-weight:var(--riff-font-weight-bold);letter-spacing:var(--riff-tracking-normal)}.riff-Divider{background-color:var(--riff-color-border)}.riff-Divider--vertical{width:var(--riff-divider-size);height:var(--riff-divider-height);margin:var(--riff-spacing-0)var(--riff-spacing-2)}.riff-Divider--horizontal{width:100%;height:var(--riff-divider-size);margin:var(--riff-spacing-2)var(--riff-spacing-0)}.riff-Toolbar{padding:var(--riff-spacing-2)var(--riff-spacing-2);flex-direction:column;gap:0;margin-bottom:0;display:flex}.riff-Toolbar:focus{outline:none}.riff-Toolbar__row{align-items:center;gap:var(--riff-spacing-0);flex-wrap:wrap;display:flex}.riff-Toolbar__spacer{flex:1}.riff-Toolbar__error{width:100%;color:var(--riff-color-danger);font-size:var(--riff-font-size-xs);margin-top:var(--riff-spacing-2);font-weight:700;animation:2s cubic-bezier(.4,0,.6,1) infinite riff-pulse}@keyframes riff-pulse{0%,to{opacity:1}50%{opacity:.5}}.riff-Toolbar__library-wrapper{gap:var(--riff-spacing-1);display:flex;position:relative}.riff-ControlGroup{gap:var(--riff-spacing-1);align-items:center;display:flex}.riff-ScoreEditor__title-wrapper{z-index:20;pointer-events:none;position:relative}.riff-ScoreEditor__title-wrapper>*{pointer-events:auto}.riff-ScoreTitleField,.riff-ScoreTitleField__input{box-sizing:border-box;font-family:inherit;font-weight:var(--riff-font-weight-bold);padding:var(--riff-spacing-0)var(--riff-spacing-1);border-radius:var(--riff-border-radius);color:var(--riff-color-text);border:var(--riff-border-width)solid transparent;transition:background-color var(--riff-transition-normal);letter-spacing:0;font-kerning:normal;vertical-align:top;background-color:#0000;height:2.25rem;margin:1rem 1.6rem 0}.riff-ScoreTitleField{cursor:pointer;display:inline-block}.riff-ScoreTitleField:hover{background-color:var(--riff-color-hover-bg)}.riff-ScoreTitleField__input{border-color:var(--riff-color-border);outline:none;max-width:100%}.riff-ShortcutsOverlay-backdrop{z-index:var(--riff-z-dropdown);padding:var(--riff-spacing-4);background-color:var(--riff-color-backdrop-light);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.riff-ShortcutsOverlay{background-color:var(--riff-color-bg-panel);border-radius:var(--riff-border-radius-xl);box-shadow:var(--riff-shadow-2xl);width:100%;max-width:var(--riff-modal-max-width-xl);flex-direction:column;max-height:90vh;display:flex;overflow:hidden}.riff-ShortcutsOverlay__header{padding:var(--riff-spacing-4);border-bottom:var(--riff-border-width)solid var(--riff-color-border);background-color:var(--riff-color-bg);justify-content:space-between;align-items:center;display:flex}.riff-ShortcutsOverlay__title-group{align-items:center;gap:var(--riff-spacing-2);color:var(--riff-color-primary);display:flex}.riff-ShortcutsOverlay__title{font-weight:var(--riff-font-weight-bold);font-size:var(--riff-font-size-lg);color:var(--riff-color-text)}.riff-ShortcutsOverlay__close-btn{padding:var(--riff-spacing-1);border-radius:var(--riff-border-radius-full);color:var(--riff-color-text-secondary);cursor:pointer;transition:background-color var(--riff-transition-normal);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.riff-ShortcutsOverlay__close-btn:hover{background-color:var(--riff-color-border)}.riff-ShortcutsOverlay__content{padding:var(--riff-spacing-6);flex:1;overflow-y:auto}.riff-ShortcutsOverlay__content::-webkit-scrollbar{width:8px}.riff-ShortcutsOverlay__content::-webkit-scrollbar-track{background:0 0}.riff-ShortcutsOverlay__content::-webkit-scrollbar-thumb{background-color:var(--riff-color-border);border-radius:4px}.riff-ShortcutsOverlay__content::-webkit-scrollbar-thumb:hover{background-color:var(--riff-color-muted)}.riff-WelcomeSection{margin-bottom:var(--riff-spacing-8);padding:var(--riff-spacing-4);border-radius:var(--riff-border-radius-lg);border:1px solid rgba(var(--riff-color-primary-rgb),.3);background-color:rgba(var(--riff-color-primary-rgb),.05)}.riff-WelcomeSection__title{font-weight:var(--riff-font-weight-bold);margin-bottom:var(--riff-spacing-2);color:var(--riff-color-primary)}.riff-WelcomeSection__text{font-size:var(--riff-font-size-sm);margin-bottom:var(--riff-spacing-4);color:var(--riff-color-text)}.riff-WelcomeSection__grid{gap:var(--riff-spacing-4);font-size:var(--riff-font-size-sm);grid-template-columns:1fr;display:grid}@media (min-width:768px){.riff-WelcomeSection__grid{grid-template-columns:1fr 1fr}}.riff-WelcomeSection__subtitle{font-weight:var(--riff-font-weight-bold);margin-bottom:var(--riff-spacing-1);color:var(--riff-color-text)}.riff-WelcomeSection__list{color:var(--riff-color-muted);list-style-type:disc;list-style-position:inside}.riff-WelcomeSection__list li{margin-bottom:var(--riff-spacing-1)}.riff-ShortcutsGrid{gap:var(--riff-spacing-8);grid-template-columns:1fr;display:grid}@media (min-width:768px){.riff-ShortcutsGrid{grid-template-columns:1fr 1fr}}.riff-ShortcutGroup{margin-bottom:var(--riff-spacing-6)}.riff-ShortcutGroup__header{font-size:var(--riff-font-size-sm);font-weight:var(--riff-font-weight-bold);text-transform:uppercase;letter-spacing:var(--riff-tracking-wider);margin-bottom:var(--riff-spacing-3);border-bottom:var(--riff-border-width)solid var(--riff-color-border);padding-bottom:var(--riff-spacing-1);color:var(--riff-color-text-secondary)}.riff-ShortcutGroup__list{gap:var(--riff-spacing-2);grid-template-columns:1fr;display:grid}.riff-ShortcutItem{font-size:var(--riff-font-size-sm);color:var(--riff-color-text);justify-content:space-between;align-items:center;display:flex}.riff-ShortcutItem__keys{gap:var(--riff-spacing-1);display:flex}.riff-Kbd{padding:var(--riff-spacing-1)var(--riff-spacing-2);border-radius:var(--riff-border-radius);font-size:var(--riff-font-size-xs);min-width:var(--riff-icon-size-lg);text-align:center;background-color:var(--riff-color-bg-panel);border:var(--riff-border-width)solid var(--riff-color-border);color:var(--riff-color-text-secondary);display:inline-block}.riff-WelcomeSection__list .riff-Kbd{color:var(--riff-color-primary);padding:0 .25rem}.riff-ShortcutsOverlay__footer{padding:var(--riff-spacing-4);border-top:var(--riff-border-width)solid var(--riff-color-border);text-align:center;font-size:var(--riff-font-size-xs);color:var(--riff-color-text-secondary);background-color:var(--riff-color-bg)}.riff-ShortcutsOverlay__footer-kbd{padding:var(--riff-spacing-1)var(--riff-spacing-1);border-radius:var(--riff-border-radius);border:var(--riff-border-width)solid var(--riff-color-border);color:var(--riff-color-text);background-color:var(--riff-color-bg-panel)}.riff-ConfirmDialog-backdrop{width:100vw;height:100vh;z-index:var(--riff-z-modal);background-color:var(--riff-color-backdrop);justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.riff-ConfirmDialog{background-color:var(--riff-color-bg);border-radius:var(--riff-border-radius-lg);box-shadow:var(--riff-shadow-xl);padding:var(--riff-spacing-6);max-width:var(--riff-modal-max-width-md);width:100%;margin:var(--riff-spacing-0)var(--riff-spacing-4);max-height:90vh;position:relative;overflow-y:auto}.riff-ConfirmDialog__title{font-size:var(--riff-font-size-lg);font-weight:var(--riff-font-weight-semibold);margin-bottom:var(--riff-spacing-2);color:var(--riff-color-text)}.riff-ConfirmDialog__message{margin-bottom:var(--riff-spacing-6);color:var(--riff-color-text-secondary)}.riff-ConfirmDialog__actions{justify-content:flex-end;gap:var(--riff-spacing-3);display:flex}.riff-ConfirmDialog__button{padding:var(--riff-spacing-2)var(--riff-spacing-4);border-radius:var(--riff-border-radius);font-weight:var(--riff-font-weight-medium);transition:opacity var(--riff-transition-normal);cursor:pointer;border:none}.riff-ConfirmDialog__button:hover{opacity:.8}.riff-ConfirmDialog__button--primary{background-color:var(--riff-color-primary);color:var(--riff-color-active-text)}.riff-ConfirmDialog__button--danger{background-color:var(--riff-color-danger);color:var(--riff-color-active-text)}.riff-ConfirmDialog__button--secondary{color:var(--riff-color-text);border:var(--riff-border-width)solid var(--riff-color-border);background-color:#0000}.riff-ScoreEditor{flex-direction:column;padding:0;display:flex}.riff-ScoreEditor__content{box-sizing:border-box;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}