:root{--bg-base:#f3f6fc;--ink-strong:#132b44;--ink-soft:#4a617a;--focus-ring:#1d70d1;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Manrope,Avenir Next,Segoe UI Variable,Trebuchet MS,sans-serif;font-weight:500;line-height:1.45}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:radial-gradient(circle at 12% 8%, #dce8ff 0%, transparent 40%), radial-gradient(circle at 86% 14%, #dbf4ea 0%, transparent 44%), linear-gradient(180deg, #eef3fb 0%, var(--bg-base) 100%);margin:0}#root{min-height:100svh}h1,h2,h3{color:inherit;margin:0;font-weight:760}p{color:inherit;margin:0}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid color-mix(in srgb, var(--focus-ring) 35%, transparent);outline-offset:2px}@font-face{font-family:Bravura;src:url(/assets/Bravura-CBWYXOFh.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:#515e70;--riff-color-border:#e2e8f0;--riff-color-primary:#087f78;--riff-color-primary-hover:#06665f;--riff-color-danger:#ef4444;--riff-color-warning:#b45309;--riff-color-success:#22c55e;--riff-color-muted:#94a3b8;--riff-color-hover-bg:#f1f5f9;--riff-color-active-bg:#087f78;--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-page-bg:#f5f5f5;--riff-page-shadow:0 2px 8px #0000001a;--riff-page-border:1px solid #ddd;--riff-system-gap-normal:2;--riff-first-system-indent:15%;--riff-measure-number-size:10px;--riff-measure-number-color:#666}.riff-pages{padding:var(--riff-spacing-4);flex-direction:column;align-items:center;gap:24px;min-height:100%;display:flex}.riff-page-wrapper{flex-shrink:0}.riff-page-svg{box-shadow:var(--riff-page-shadow);border:var(--riff-page-border);background:#fff;display:block}.riff-MeasureNumber{font-size:var(--riff-measure-number-size);fill:var(--riff-measure-number-color);font-family:var(--riff-font-sans);font-weight:var(--riff-font-weight-normal)}.riff-barline--system{stroke:var(--riff-color-text);stroke-width:1px}.riff-metadata__title{font-size:var(--riff-font-size-2xl);font-family:var(--riff-font-serif);font-weight:var(--riff-font-weight-bold);fill:var(--riff-color-text)}.riff-metadata__composer{font-size:var(--riff-font-size-lg);font-family:var(--riff-font-serif);fill:var(--riff-color-text-secondary);font-style:italic}.riff-footer__page-number{font-size:var(--riff-font-size-sm);font-family:var(--riff-font-sans);fill:var(--riff-color-text-secondary)}@media (prefers-reduced-motion:reduce){.RiffScore *,.RiffScore :before,.RiffScore :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{.riff-sr-only,.ConfigMenu,.riff-ScoreEditor__controls,.riff-Toolbar,.riff-EditorFooter,.riff-ConfirmDialog-backdrop,.riff-ShortcutsOverlay-backdrop,.riff-ScoreSetupDialog-backdrop,.riff-MetadataField--preview,.riff-MetadataInput__foreignObject,.riff-GhostPreview,.riff-PlaybackCursor,.riff-LassoRect,.riff-ChordSymbol--preview{display:none!important}html,body,.riff-ScoreEditor,.riff-ScoreEditor__viewport,.riff-ScoreCanvas,.riff-ScoreCanvas--page-view,.riff-pages{background:#fff!important}.riff-page-svg{box-shadow:none!important;border:none!important}.riff-PageBoundary{stroke:none!important}.riff-ScoreEditor,.riff-ScoreEditor__viewport,.riff-ScoreEditor__content,.riff-ScoreCanvas{width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}.riff-ScoreEditor__content{transform-origin:0 0!important;transform:none!important}.riff-ScoreCanvas--page-view{padding:0!important}.riff-pages{gap:0!important;padding:0!important}.riff-page-svg{width:var(--riff-page-width)!important;height:var(--riff-page-height)!important}.riff-page-wrapper{break-after:page;break-inside:avoid;page-break-after:always;page-break-inside:avoid}.riff-page-wrapper:last-child{break-after:auto;page-break-after:auto}.riff-system{break-inside:avoid;page-break-inside:avoid}@page{margin:0}}body.riff-printing .riff-Toolbar,body.riff-printing .riff-EditorFooter{display:none!important}.riff-MetadataTrack__hitArea{cursor:default}.riff-MetadataField{font-family:var(--riff-font-sans);fill:var(--riff-color-text);-webkit-user-select:none;user-select:none;letter-spacing:0;word-spacing:0}.riff-MetadataField--hovered,.riff-MetadataField--selected{fill:var(--riff-color-primary)}.riff-MetadataField--preview{fill:var(--riff-color-muted);opacity:.5;pointer-events:none}.riff-MetadataInput__foreignObject{overflow:visible}.riff-MetadataInput__container{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.riff-MetadataInput{font-family:var(--riff-font-sans);color:var(--riff-color-text);background-color:#0000;border:none;border-radius:0;outline:none;padding:4px 8px;line-height:1.4}.riff-MetadataInput::placeholder{color:var(--riff-color-muted);opacity:.7}.riff-MetadataInput::selection{background-color:#1da59c4d}.riff-MetadataInput:focus{outline:none}@media print{.riff-MetadataField--preview,.riff-MetadataInput__foreignObject,.riff-MetadataTrack__hitArea{display:none}}.riff-ChordTrack__hitArea{cursor:default}.riff-ChordSymbol{font-family:var(--riff-chord-font,var(--riff-font-sans));font-size:var(--riff-chord-size,1.25rem);font-weight:var(--riff-chord-weight,600);fill:var(--riff-color-text);-webkit-user-select:none;user-select:none;letter-spacing:0;word-spacing:0}.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-chord-font,var(--riff-font-sans));font-size:var(--riff-chord-size,1.25rem);font-weight:var(--riff-chord-weight,600);color:var(--riff-color-text);background-color:#0000;border:none;border-radius:0;outline:none;padding:0 8px;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-chord-font,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-ScoreCanvas--page-view{background:var(--riff-page-bg,#f5f5f5);padding-left:0;overflow:auto}.riff-ScoreCanvas--page-view .riff-pages{min-width:max-content;min-height:100%}.riff-ScoreCanvas--readonly{pointer-events:auto}.riff-ScoreCanvas--readonly>*{pointer-events:none}.riff-ScoreCanvas:focus-visible{outline:2px solid var(--riff-color-primary);outline-offset:-2px}.riff-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.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 (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-ImportDialog-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-ImportDialog{background-color:var(--riff-color-bg);border-radius:var(--riff-border-radius-lg);box-shadow:var(--riff-shadow-xl);flex-direction:column;width:560px;max-width:90vw;max-height:85vh;display:flex;position:relative}.riff-ImportDialog__header{padding:var(--riff-spacing-4) var(--riff-spacing-6);border-bottom:var(--riff-border-width) solid var(--riff-color-border);justify-content:space-between;align-items:center;display:flex}.riff-ImportDialog__title{font-size:var(--riff-font-size-lg);font-weight:var(--riff-font-weight-semibold);color:var(--riff-color-text);margin:0}.riff-ImportDialog__close{width:2rem;height:2rem;color:var(--riff-color-text-secondary);cursor:pointer;border-radius:var(--riff-border-radius);transition:background-color var(--riff-transition-fast), color var(--riff-transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:1.5rem;line-height:1;display:flex}.riff-ImportDialog__close:hover{background-color:var(--riff-color-hover-bg);color:var(--riff-color-text)}.riff-ImportDialog__close:focus-visible,.riff-ImportDialog__button:focus-visible{outline:2px solid var(--riff-color-primary);outline-offset:2px}.riff-ImportDialog__content{padding:var(--riff-spacing-6);gap:var(--riff-spacing-3);flex-direction:column;flex:1;display:flex;overflow-y:auto}.riff-ImportDialog__hint{font-size:var(--riff-font-size-sm);color:var(--riff-color-text-secondary);line-height:var(--riff-line-height-normal);margin:0}.riff-ImportDialog__hint code{font-family:var(--riff-font-mono,ui-monospace, SFMono-Regular, Menlo, monospace);font-size:.9em}.riff-ImportDialog__file-row{align-items:center;gap:var(--riff-spacing-3);display:flex}.riff-ImportDialog__file-name{font-size:var(--riff-font-size-sm);color:var(--riff-color-text-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.riff-ImportDialog__file-input{display:none}.riff-ImportDialog__label{font-size:var(--riff-font-size-sm);font-weight:var(--riff-font-weight-medium);color:var(--riff-color-text)}.riff-ImportDialog__textarea{box-sizing:border-box;resize:vertical;width:100%;min-height:8rem;padding:var(--riff-spacing-2) var(--riff-spacing-3);font-family:var(--riff-font-mono,ui-monospace, SFMono-Regular, Menlo, monospace);font-size:var(--riff-font-size-sm);line-height:var(--riff-line-height-normal);color:var(--riff-color-text);background-color:var(--riff-color-bg);border:var(--riff-border-width) solid var(--riff-color-border);border-radius:var(--riff-border-radius-md);transition:border-color var(--riff-transition-fast), box-shadow var(--riff-transition-fast)}.riff-ImportDialog__textarea:focus{border-color:var(--riff-color-primary);outline:none;box-shadow:0 0 0 3px #1da59c33}.riff-ImportDialog__textarea::placeholder{color:var(--riff-color-muted)}.riff-ImportDialog__status{min-height:1.5rem;font-size:var(--riff-font-size-sm);line-height:var(--riff-line-height-normal)}.riff-ImportDialog__ready{color:var(--riff-color-text);margin:0}.riff-ImportDialog__error{color:var(--riff-color-danger);margin:0}.riff-ImportDialog__warnings{margin-top:var(--riff-spacing-2);padding:var(--riff-spacing-2) var(--riff-spacing-3);border-left:3px solid var(--riff-color-warning);background-color:var(--riff-color-hover-bg);border-radius:var(--riff-border-radius);color:var(--riff-color-text)}.riff-ImportDialog__warnings-title{margin:0 0 var(--riff-spacing-1);font-weight:var(--riff-font-weight-medium)}.riff-ImportDialog__warnings-list{padding-left:var(--riff-spacing-4);max-height:9rem;margin:0;overflow-y:auto}.riff-ImportDialog__footer{justify-content:flex-end;gap:var(--riff-spacing-3);padding:var(--riff-spacing-4) var(--riff-spacing-6);border-top:var(--riff-border-width) solid var(--riff-color-border);display:flex}.riff-ImportDialog__button{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);cursor:pointer;transition:background-color var(--riff-transition-fast), opacity var(--riff-transition-fast);border:none}.riff-ImportDialog__button:hover{opacity:.9}.riff-ImportDialog__button:disabled{opacity:.5;cursor:not-allowed}.riff-ImportDialog__button--primary{background-color:var(--riff-color-primary);color:var(--riff-color-active-text)}.riff-ImportDialog__button--secondary{color:var(--riff-color-text);border:var(--riff-border-width) solid var(--riff-color-border);background-color:#0000}.riff-ImportDialog__button--secondary:hover{background-color:var(--riff-color-hover-bg);opacity:1}.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-ScoreSetupDialog-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-ScoreSetupDialog{background-color:var(--riff-color-bg);border-radius:var(--riff-border-radius-lg);box-shadow:var(--riff-shadow-xl);flex-direction:column;width:480px;max-width:90vw;max-height:80vh;display:flex;position:relative}.riff-ScoreSetupDialog__header{padding:var(--riff-spacing-4) var(--riff-spacing-6);border-bottom:var(--riff-border-width) solid var(--riff-color-border);justify-content:space-between;align-items:center;display:flex}.riff-ScoreSetupDialog__title{font-size:var(--riff-font-size-lg);font-weight:var(--riff-font-weight-semibold);color:var(--riff-color-text);margin:0}.riff-ScoreSetupDialog__close{width:2rem;height:2rem;color:var(--riff-color-text-secondary);cursor:pointer;border-radius:var(--riff-border-radius);transition:background-color var(--riff-transition-fast), color var(--riff-transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:1.5rem;line-height:1;display:flex}.riff-ScoreSetupDialog__close:hover{background-color:var(--riff-color-hover-bg);color:var(--riff-color-text)}.riff-ScoreSetupDialog__close:focus-visible{outline:2px solid var(--riff-color-primary);outline-offset:2px}.riff-ScoreSetupDialog__content{padding:var(--riff-spacing-6);flex:1;overflow-y:auto}.riff-ScoreSetupDialog__section{margin-bottom:var(--riff-spacing-6)}.riff-ScoreSetupDialog__section:last-child{margin-bottom:0}.riff-ScoreSetupDialog__section-header{font-size:var(--riff-font-size-sm);font-weight:var(--riff-font-weight-semibold);color:var(--riff-color-text-secondary);text-transform:uppercase;letter-spacing:var(--riff-tracking-wider);border-bottom:var(--riff-border-width) solid var(--riff-color-border);padding-bottom:var(--riff-spacing-2);margin-top:0;margin-bottom:var(--riff-spacing-4)}.riff-ScoreSetupDialog__field{margin-bottom:var(--riff-spacing-4)}.riff-ScoreSetupDialog__field:last-child{margin-bottom:0}.riff-ScoreSetupDialog__label{margin-bottom:var(--riff-spacing-1);font-size:var(--riff-font-size-sm);font-weight:var(--riff-font-weight-medium);color:var(--riff-color-text);display:block}.riff-ScoreSetupDialog__required{color:var(--riff-color-danger);margin-left:2px}.riff-ScoreSetupDialog__input,.riff-ScoreSetupDialog__select{width:100%;padding:var(--riff-spacing-2) var(--riff-spacing-3);font-size:var(--riff-font-size-sm);line-height:var(--riff-line-height-normal);color:var(--riff-color-text);background-color:var(--riff-color-bg);border:var(--riff-border-width) solid var(--riff-color-border);border-radius:var(--riff-border-radius-md);transition:border-color var(--riff-transition-fast), box-shadow var(--riff-transition-fast)}.riff-ScoreSetupDialog__input:focus,.riff-ScoreSetupDialog__select:focus{border-color:var(--riff-color-primary);outline:none;box-shadow:0 0 0 3px #1da59c33}.riff-ScoreSetupDialog__input::placeholder{color:var(--riff-color-muted)}.riff-ScoreSetupDialog__input--error{border-color:var(--riff-color-danger)}.riff-ScoreSetupDialog__input--error:focus{box-shadow:0 0 0 3px #ef444433}.riff-ScoreSetupDialog__error{margin-top:var(--riff-spacing-1);font-size:var(--riff-font-size-xs);color:var(--riff-color-danger);display:block}.riff-ScoreSetupDialog__slider-group{align-items:center;gap:var(--riff-spacing-3);display:flex}.riff-ScoreSetupDialog__slider{appearance:none;background:var(--riff-color-border);border-radius:var(--riff-border-radius-full);cursor:pointer;flex:1;height:6px}.riff-ScoreSetupDialog__slider::-webkit-slider-thumb{appearance:none;background:var(--riff-color-primary);border-radius:var(--riff-border-radius-full);cursor:pointer;width:16px;height:16px;transition:transform var(--riff-transition-fast)}.riff-ScoreSetupDialog__slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.riff-ScoreSetupDialog__slider::-moz-range-thumb{background:var(--riff-color-primary);border-radius:var(--riff-border-radius-full);cursor:pointer;border:none;width:16px;height:16px}.riff-ScoreSetupDialog__slider:focus-visible{outline:2px solid var(--riff-color-primary);outline-offset:2px}.riff-ScoreSetupDialog__slider-value{text-align:right;font-variant-numeric:tabular-nums;min-width:45px;font-size:var(--riff-font-size-sm);color:var(--riff-color-text-secondary)}.riff-ScoreSetupDialog__slider-labels{margin-top:var(--riff-spacing-1);font-size:var(--riff-font-size-xs);color:var(--riff-color-text-secondary);justify-content:space-between;display:flex}.riff-ScoreSetupDialog__footer{justify-content:flex-end;gap:var(--riff-spacing-3);padding:var(--riff-spacing-4) var(--riff-spacing-6);border-top:var(--riff-border-width) solid var(--riff-color-border);display:flex}.riff-ScoreSetupDialog__button{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);cursor:pointer;transition:background-color var(--riff-transition-fast), opacity var(--riff-transition-fast);border:none}.riff-ScoreSetupDialog__button:hover{opacity:.9}.riff-ScoreSetupDialog__button:focus-visible{outline:2px solid var(--riff-color-primary);outline-offset:2px}.riff-ScoreSetupDialog__button--primary{background-color:var(--riff-color-primary);color:var(--riff-color-active-text)}.riff-ScoreSetupDialog__button--secondary{color:var(--riff-color-text);border:var(--riff-border-width) solid var(--riff-color-border);background-color:#0000}.riff-ScoreSetupDialog__button--secondary:hover{background-color:var(--riff-color-hover-bg);opacity:1}.riff-Toolbar{background-color:var(--riff-color-bg-panel);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%;font-size:var(--riff-font-size-xs);margin-top:var(--riff-spacing-2)}.riff-Toolbar__error--error{color:var(--riff-color-danger);font-weight:700;animation:2s cubic-bezier(.4,0,.6,1) infinite riff-pulse}.riff-Toolbar__error--warning{color:var(--riff-color-warning,#b45309);font-weight:500}.riff-Toolbar__error--info{color:var(--riff-color-text-secondary)}@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-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-text-secondary)}.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 (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-text-secondary);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 (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-EditorFooter{-webkit-user-select:none;user-select:none;border-top:1px solid;flex-shrink:0;justify-content:space-between;align-items:center;height:28px;padding:0 12px;font-size:12px;display:flex}.riff-EditorFooter__status{align-items:center;gap:6px;display:flex}.riff-EditorFooter__status-text,.riff-EditorFooter__status--inactive .riff-EditorFooter__status-text,.riff-EditorFooter__status--ready .riff-EditorFooter__status-text{opacity:1}.riff-EditorFooter__status--blocked .riff-EditorFooter__status-text{opacity:1;font-style:italic}.riff-EditorFooter__status--note .riff-EditorFooter__status-text,.riff-EditorFooter__status--notes .riff-EditorFooter__status-text,.riff-EditorFooter__status--chord .riff-EditorFooter__status-text,.riff-EditorFooter__status--rest .riff-EditorFooter__status-text,.riff-EditorFooter__status--chord-symbol .riff-EditorFooter__status-text{opacity:1}.riff-EditorFooter__zoom{align-items:center;gap:2px;display:flex}.riff-EditorFooter__zoom--dragging{cursor:ew-resize}.riff-EditorFooter__zoom-handle{cursor:ew-resize;opacity:0;justify-content:center;align-items:center;width:24px;height:20px;transition:opacity .15s;display:flex}.riff-EditorFooter__zoom:hover .riff-EditorFooter__zoom-handle,.riff-EditorFooter__zoom--dragging .riff-EditorFooter__zoom-handle{opacity:1}.riff-EditorFooter__zoom-handle:hover{opacity:.8!important}.riff-EditorFooter__zoom-handle-icon{background:linear-gradient(90deg,currentColor 1px,#0000 1px 3px,currentColor 3px 4px,#0000 4px);width:6px;height:10px}.riff-EditorFooter__zoom-input{width:36px;height:20px;color:inherit;text-align:right;background:0 0;border:1px solid #0000;border-radius:3px;outline:none;padding:0 4px;font-family:inherit;font-size:12px;transition:border-color .15s,background-color .15s}.riff-EditorFooter__zoom-input:hover{background:#ffffff0d}.riff-EditorFooter__zoom-input:focus{border-color:var(--riff-color-accent,currentColor);background:#ffffff1a}.riff-EditorFooter__zoom-unit{opacity:1;margin-left:-2px}.riff-ScoreEditor{flex-direction:column;min-width:0;height:100%;padding:0;display:flex}.riff-ScoreEditor__viewport{flex:1;position:relative;overflow:auto}.riff-ScoreEditor__content{box-sizing:border-box;flex-direction:column;width:100%;min-height:100%;display:flex}.riff-ScoreEditor--fullscreen{z-index:9999;width:100vw;height:100vh;position:fixed;inset:0}.riff-ScoreEditor--fullscreen .riff-ScoreEditor__viewport{flex:1;overflow:auto}