._roll_11n1o_1{color:#27251f;background:#faf7ee;border:1px solid #8c887c;min-width:0}._toolbar_11n1o_7{border-bottom:1px solid #8c887c;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}._title_11n1o_15{font-size:14px;font-weight:600}._controls_11n1o_19{gap:4px;display:flex}._controls_11n1o_19 button{width:44px;height:40px;color:inherit;background:#faf7ee;border:1px solid #8c887c;place-items:center;display:grid}._controls_11n1o_19 button:disabled{opacity:.35}._controls_11n1o_19 button:focus-visible{outline-offset:-2px;outline:2px solid #a33020}._scroll_11n1o_36:focus-visible{outline-offset:-2px;outline:2px solid #a33020}._hint_11n1o_40,._details_11n1o_41{margin:0;padding:8px 12px;font-size:12px;line-height:1.6}._details_11n1o_41{overflow-wrap:anywhere;border-top:1px solid #8c887c;min-height:38px}._scroll_11n1o_36{overscroll-behavior:contain;scrollbar-gutter:stable;width:100%;overflow:auto}._surface_11n1o_58{min-width:100%;position:relative}._ruler_11n1o_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_11n1o_72{z-index:5;background:#faf7ee;border-right:1px solid #8c887c;place-items:center;font-size:11px;display:grid;position:sticky;left:0}._scale_11n1o_82{position:relative;overflow:hidden}._tick_11n1o_86{white-space:nowrap;border-left:1px solid #8c887c;height:26px;padding:2px 5px;font-size:11px;position:absolute;bottom:0}._tick_11n1o_86[data-end=true]{border-left:0;border-right:1px solid #8c887c;transform:translate(-100%)}._body_11n1o_100{grid-template-columns:64px 1fr;display:grid}._keyboard_11n1o_104{z-index:3;background:#fcfaf3;border-right:1px solid #8c887c;position:sticky;left:0}._key_11n1o_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_11n1o_104[data-black=true]{color:#faf7ee;background:#27251f;border-color:#15140f;width:46px}._key_11n1o_104[data-playing=true]{background:#d6e3b1}._key_11n1o_104[data-black=true][data-playing=true]{background:#486534}._timeline_11n1o_135{background:#fcfaf3;position:relative}._lane_11n1o_139{pointer-events:none;border-bottom:1px solid #e0dbce;position:absolute;left:0;right:0}._lane_11n1o_139[data-black=true]{background:#eeeadf}._timeLine_11n1o_149{pointer-events:none;background:#d5cfbf;width:1px;position:absolute;top:0;bottom:0}._note_11n1o_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_11n1o_157[data-hand=right]{background:#3f6f9c;border-color:#264a6c}._note_11n1o_157[data-hand=left]{background:#b0702a;border-color:#764a1a}._note_11n1o_157[data-wait=done]{background:#2f8a3c;border-color:#1d5c27;opacity:1!important}._note_11n1o_157[data-wait=current]{outline-offset:1px;outline:2px solid #a33020;opacity:1!important}._note_11n1o_157[data-finger]{text-align:center;font-size:11px;font-weight:700}._note_11n1o_157[data-playing=true]{background:#a33020;border-color:#782012;opacity:1!important}._note_11n1o_157[data-editable=true]{touch-action:none;cursor:grab}._note_11n1o_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_11n1o_157[data-selected=true],._note_11n1o_157:focus-visible){outline-offset:1px;z-index:2;outline:2px solid #27251f;opacity:1!important}._note_11n1o_157[data-selected=true][data-editable=true]{background:#a33020;border-color:#782012}._playhead_11n1o_227{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_11n1o_227: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_11n1o_36{max-height:420px}._toolbar_11n1o_7{gap:8px;padding:6px 8px}._hint_11n1o_40,._details_11n1o_41{padding:8px}}