._roll_1vuof_1{color:#27251f;background:#faf7ee;border:1px solid #8c887c;min-width:0}._toolbar_1vuof_7{border-bottom:1px solid #8c887c;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}._title_1vuof_15{font-size:14px;font-weight:600}._controls_1vuof_19{gap:4px;display:flex}._controls_1vuof_19 button{width:44px;height:40px;color:inherit;background:#faf7ee;border:1px solid #8c887c;place-items:center;display:grid}._controls_1vuof_19 button:disabled{opacity:.35}._controls_1vuof_19 button:focus-visible{outline-offset:-2px;outline:2px solid #a33020}._scroll_1vuof_36:focus-visible{outline-offset:-2px;outline:2px solid #a33020}._hint_1vuof_40,._details_1vuof_41{margin:0;padding:8px 12px;font-size:12px;line-height:1.6}._details_1vuof_41{overflow-wrap:anywhere;border-top:1px solid #8c887c;min-height:38px}._scroll_1vuof_36{overscroll-behavior:contain;scrollbar-gutter:stable;width:100%;overflow:auto}._surface_1vuof_58{min-width:100%;position:relative}._ruler_1vuof_62{z-index:4;background:#faf7ee;border-bottom:1px solid #8c887c;grid-template-columns:64px 1fr;height:34px;display:grid;position:sticky;top:0}._corner_1vuof_72{z-index:5;background:#faf7ee;border-right:1px solid #8c887c;place-items:center;font-size:11px;display:grid;position:sticky;left:0}._scale_1vuof_82{position:relative;overflow:hidden}._tick_1vuof_86{white-space:nowrap;border-left:1px solid #8c887c;height:26px;padding:2px 5px;font-size:11px;position:absolute;bottom:0}._tick_1vuof_86[data-end=true]{border-left:0;border-right:1px solid #8c887c;transform:translate(-100%)}._body_1vuof_100{grid-template-columns:64px 1fr;display:grid}._keyboard_1vuof_104{z-index:3;background:#fcfaf3;border-right:1px solid #8c887c;position:sticky;left:0}._key_1vuof_104{box-sizing:border-box;color:#27251f;background:#fcfaf3;border-bottom:1px solid #b6b1a3;justify-content:flex-end;align-items:center;padding-right:7px;font-size:10px;line-height:1;display:flex}._key_1vuof_104[data-black=true]{color:#faf7ee;background:#27251f;border-color:#15140f;width:46px}._key_1vuof_104[data-playing=true]{background:#d6e3b1}._key_1vuof_104[data-black=true][data-playing=true]{background:#486534}._timeline_1vuof_135{background:#fcfaf3;position:relative}._lane_1vuof_139{pointer-events:none;border-bottom:1px solid #e0dbce;position:absolute;left:0;right:0}._lane_1vuof_139[data-black=true]{background:#eeeadf}._timeLine_1vuof_149{pointer-events:none;background:#d5cfbf;width:1px;position:absolute;top:0;bottom:0}._note_1vuof_157{z-index:1;color:#fff;white-space:nowrap;text-align:left;cursor:pointer;background:#627b4d;border:1px solid #404936;border-radius:2px;padding:0 2px;scroll-margin-top:40px;scroll-margin-left:70px;font-size:9px;line-height:1;position:absolute;overflow:hidden}._note_1vuof_157[data-playing=true]{background:#a33020;border-color:#782012;opacity:1!important}._note_1vuof_157[data-editable=true]{touch-action:none;cursor:grab}._note_1vuof_157[data-resizable=true]:after{content:"";cursor:ew-resize;border-right:1px solid #fff9;width:4px;position:absolute;top:1px;bottom:1px;right:0}:is(._note_1vuof_157[data-selected=true],._note_1vuof_157:focus-visible){outline-offset:1px;z-index:2;outline:2px solid #27251f;opacity:1!important}._note_1vuof_157[data-selected=true][data-editable=true]{background:#a33020;border-color:#782012}._playhead_1vuof_204{z-index:2;pointer-events:none;background:#a33020;width:2px;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 0 1px #faf7ee}._playhead_1vuof_204:before{content:"";border-top:7px solid #a33020;border-left:5px solid #0000;border-right:5px solid #0000;position:absolute;top:0;left:-4px}@media (max-width:480px){._scroll_1vuof_36{max-height:420px}._toolbar_1vuof_7{gap:8px;padding:6px 8px}._hint_1vuof_40,._details_1vuof_41{padding:8px}}