.uWbIaa_sizeContent{max-width:800px}.uWbIaa_sizeNarrow{max-width:650px}.uWbIaa_sizeFull{max-width:100%}.uWbIaa_paddingDefault{padding:0 .625rem .625rem}.uWbIaa_paddingNone{padding:0}.uWbIaa_alignCenter{text-align:center}.uWbIaa_alignLeft{text-align:left}.uWbIaa_surfaceBugger{background-color:var(--color-midibugger-surface);min-height:100%}
.oxFZyW_amber{color:var(--gray-8);cursor:pointer;-webkit-user-select:none;user-select:none;background-color:var(--gray-2);border-color:var(--gray-3);border-style:dashed;border-width:2px;outline:none;line-height:1;transition:border .24s ease-in-out}.oxFZyW_amber:hover{color:var(--gray-12);background:var(--color-amber-hover)}.oxFZyW_amber[data-drag-active]{color:var(--gray-12);outline:2px dashed var(--color-amber-focus);outline-offset:2px;background:var(--color-amber-hover)}
.KSyUaa_actions{gap:var(--space-3);display:flex}
.iMOdqG_scoreArea{position:relative}.iMOdqG_svg{cursor:pointer}.iMOdqG_fit{flex-grow:1}.iMOdqG_fit .iMOdqG_svg{width:100%;display:block}.iMOdqG_natural .iMOdqG_svg{max-width:calc(100vw - var(--width-crate-bar));padding-block:var(--space-3)}.iMOdqG_hidden{visibility:hidden}.iMOdqG_tooManyNotes{padding-inline:var(--space-3);font-size:var(--font-size-1);color:var(--gray-9);pointer-events:none;align-items:center;display:flex;position:absolute;inset:0}.iMOdqG_playhead{pointer-events:none;background-color:var(--gray-7);width:.125rem;position:absolute;top:0;bottom:0}.iMOdqG_playhead[data-playing]{animation:iMOdqG_playhead-run var(--playhead-remaining) linear forwards}@keyframes iMOdqG_playhead-run{to{left:100%}}.iMOdqG_svg rect{fill:var(--gray-12)}.iMOdqG_svg rect[data-ch="1"]{fill:var(--color-deep-blue)}.iMOdqG_svg rect[data-ch="2"]{fill:var(--color-deep-orange)}.iMOdqG_svg rect[data-ch="3"]{fill:var(--color-deep-red)}.iMOdqG_svg rect[data-ch="4"]{fill:var(--color-deep-slate)}.iMOdqG_svg rect[data-ch="5"]{fill:var(--color-deep-green)}.iMOdqG_svg rect[data-ch="6"]{fill:var(--color-deep-yellow)}.iMOdqG_svg rect[data-ch="7"]{fill:var(--color-deep-cyan)}.iMOdqG_svg rect[data-ch="8"]{fill:var(--color-deep-purple)}.iMOdqG_svg rect[data-ch="9"]{fill:var(--color-yellow-600)}.iMOdqG_svg rect[data-active]{fill:var(--color-vivid-red);stroke:var(--color-white);stroke-opacity:.8;stroke-width:1px;vector-effect:non-scaling-stroke}
.Y4ez1a_root{gap:var(--space-2);justify-content:center;align-items:center;display:flex}.Y4ez1a_root[data-orientation=vertical]{gap:var(--space-2);font-size:var(--font-size-1);line-height:var(--line-height-1);color:var(--gray-11);flex-direction:column}.Y4ez1a_slider{touch-action:none;-webkit-user-select:none;user-select:none;align-items:center;width:6.75rem;display:flex;position:relative}.Y4ez1a_slider[data-orientation=vertical]{flex-direction:column;width:1rem;height:8rem}.Y4ez1a_track{cursor:pointer;background-color:var(--gray-9);border-radius:3.40282e38px;flex-grow:1;width:100%;height:.375rem;position:relative;overflow:hidden}.Y4ez1a_track[data-orientation=vertical]{width:.375rem;height:auto}.Y4ez1a_range{background-color:var(--gray-12);height:100%;position:absolute}.Y4ez1a_range[data-orientation=vertical]{width:100%;height:auto}.Y4ez1a_thumb{cursor:pointer;background-color:var(--color-white);border:1px solid var(--gray-11);width:1rem;height:1rem;box-shadow:var(--shadow-2);border-radius:3.40282e38px;display:block}.Y4ez1a_thumb:focus-visible{box-shadow:0 0 0 2px var(--color-white), 0 0 0 4px var(--gray-12);outline:none}.Y4ez1a_thumb[data-state=active]{transform:scale(.95)}
.j_N4oG_player{gap:var(--space-2);flex-grow:1;align-items:center;display:flex}.j_N4oG_waveform{padding-inline:var(--space-1);background-color:var(--color-white);flex-grow:1}
.mt8Coa_midibugger{width:100%;max-width:100%;font-family:var(--font-tourney);font-weight:900}.mt8Coa_inputLabel{width:fit-content;padding-block:var(--space-4);padding-inline:var(--space-5);font-size:var(--font-size-4);color:var(--gray-12);cursor:pointer;background-color:var(--gray-1);border-radius:.25rem;margin-block:1rem;margin-inline:auto;line-height:1.75rem;animation:1s ease-in-out infinite mt8Coa_pulseDeep;display:block}.mt8Coa_inputLabel.mt8Coa_inputLabelLoaded{font-size:var(--font-size-1);color:var(--gray-1);background-color:var(--gray-12);line-height:1rem;animation:none}@keyframes mt8Coa_pulseDeep{0%,to{opacity:1}65%{opacity:.35}}@media (min-width:48rem){.mt8Coa_inputLabel{margin-block:1.25rem}}.mt8Coa_previewArea{width:fit-content;max-width:calc(100vw - var(--width-crate-bar));text-align:center;margin-inline:auto}.mt8Coa_tempoRow{-moz-column-gap:var(--space-4);column-gap:var(--space-4);justify-content:center;display:flex}.mt8Coa_tempoBlock{font-size:var(--font-size-1);text-align:center;margin-bottom:.5rem;line-height:1rem}.mt8Coa_caption{font-size:var(--font-size-1);color:var(--gray-9);text-align:center;margin-bottom:.5rem;line-height:1rem}.mt8Coa_mutedLabel{color:var(--gray-9)}@media (min-width:48rem){.mt8Coa_tempoRow{-moz-column-gap:5rem;column-gap:5rem}.mt8Coa_tempoBlock,.mt8Coa_caption{font-size:var(--font-size-3);line-height:1.5rem}}.mt8Coa_scoreStack{flex-direction:column-reverse;align-items:center;margin-block:.625rem;display:flex}.mt8Coa_randomizeList{gap:var(--space-2);width:100%;max-width:42rem;padding-inline:var(--space-2);flex-wrap:wrap;justify-content:space-between;margin-inline:auto;display:flex}.mt8Coa_loaderFilter{background-color:var(--color-white);opacity:.5;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.mt8Coa_loaderItem{background-color:var(--gray-12);width:1.5rem;height:1.5rem}.mt8Coa_pingItem{animation:1s cubic-bezier(0,0,.2,1) infinite mt8Coa_ping}@keyframes mt8Coa_ping{75%,to{opacity:0;transform:scale(2)}}
.j53R-q_trigger{color:var(--gray-9);appearance:none;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:6px;display:inline-flex}.j53R-q_trigger:hover,.j53R-q_trigger[data-state=open]{color:var(--gray-12)}
.aahzPG_partItem{border-bottom:1px dashed var(--gray-5)}
.okmCGG_tableMidiDataWrapper{width:100%;max-width:40rem;padding:var(--space-1);margin-inline:auto;font-family:monospace}.okmCGG_scrollArea{scrollbar-gutter:stable;max-height:60dvh;overflow-y:auto}.okmCGG_virtualSizer{width:100%;position:relative}.okmCGG_virtualRow{width:100%;position:absolute;top:0;left:0}.okmCGG_valueRow{color:var(--gray-12);font-size:10px;line-height:.95;display:flex}.okmCGG_valueCell{display:inline-block}.okmCGG_trackSeparator{background-color:var(--gray-12);border:0;height:.125rem}.okmCGG_deleteButton{cursor:pointer;font-size:10px}.okmCGG_flash{animation:.25s ease-out okmCGG_flash}@keyframes okmCGG_flash{0%{background-color:var(--gray-1)}}@media (prefers-reduced-motion:reduce){.okmCGG_flash{animation:none}}
.s_UX6q_heading{padding:var(--space-1) 0;font-size:var(--font-size-2);color:var(--gray-12)}.s_UX6q_label{padding:var(--space-1) 0;font-size:var(--font-size-2);color:var(--gray-12);writing-mode:vertical-rl;text-decoration:none}.s_UX6q_label:focus-visible{outline:2px solid var(--color-amber-focus);outline-offset:2px}
.i4ieRq_control{gap:var(--space-1);font-size:var(--font-size-1);line-height:var(--line-height-1);color:var(--gray-9);align-items:center;display:flex}
.ttWG5W_ghostLog{padding:var(--space-4);text-overflow:ellipsis;color:var(--gray-9);font-size:8px;line-height:1;overflow:hidden scroll}
.g6Mb3G_button{width:33.3333%;font-size:var(--font-size-5);padding-inline:.125rem;font-weight:700;line-height:1.75rem}.g6Mb3G_button:hover{background-color:var(--gray-9)}.g6Mb3G_previewCard{pointer-events:none}@media (min-width:48rem){.g6Mb3G_button{padding-block:var(--space-1)}}
._8hak0W_player{gap:var(--space-2);flex-grow:1;align-items:center;display:flex}
._9MaECq_dropZone{padding:var(--space-1)}
.dYIntG_select{background-color:#0000}.dYIntG_select:disabled{opacity:.5}.dYIntG_idle{color:var(--gray-9)}.dYIntG_overriding{color:var(--gray-12)}
.oJQlnW_audioViewer{width:100%;max-width:100vw;padding:var(--space-7) 0;color:var(--gray-9);word-break:break-all}.oJQlnW_bar{color:var(--gray-12);overflow:hidden}
._90-dWq_item[data-kind=sound-shorter]{--item-bg:var(--color-vivid-blue);--item-button-bg:var(--color-deep-blue)}._90-dWq_item[data-kind=sound-longer]{--item-bg:var(--color-vivid-orange);--item-button-bg:var(--color-deep-orange)}._90-dWq_item[data-kind=vel-contrast]{--item-bg:var(--color-vivid-red);--item-button-bg:var(--color-deep-red)}._90-dWq_item[data-kind=noteon-diff]{--item-bg:var(--color-vivid-slate);--item-button-bg:var(--color-deep-slate)}._90-dWq_item[data-kind=change-octave]{--item-bg:var(--color-vivid-green);--item-button-bg:var(--color-deep-green)}._90-dWq_item[data-kind=totally-chaos]{--item-bg:var(--color-vivid-purple);--item-button-bg:var(--color-deep-purple)}._90-dWq_item[data-kind=drumize]{--item-bg:var(--color-vivid-yellow);--item-button-bg:var(--color-deep-yellow)}._90-dWq_item[data-kind=channeller]{--item-bg:var(--color-vivid-cyan);--item-button-bg:var(--color-deep-cyan)}._90-dWq_item[data-kind=melody-maker]{--item-bg:var(--color-vivid-pink);--item-button-bg:var(--color-deep-pink)}._90-dWq_item{width:calc(50% - .75rem);font-size:var(--font-size-1);color:var(--color-white);text-align:center;background-color:var(--item-bg);border-radius:.25rem;margin-bottom:.5rem;font-weight:700;line-height:1rem}@media (min-width:48rem){._90-dWq_item{width:8.5rem;margin-bottom:1.25rem}}._90-dWq_title{height:2rem;line-height:2rem;position:relative}._90-dWq_helpTrigger{position:absolute;top:0;right:.5rem}._90-dWq_helpMark{font-size:var(--font-size-1);line-height:1rem}._90-dWq_description{font-size:var(--font-size-1);font-weight:700;line-height:1rem}._90-dWq_btnWrapper{background-color:var(--item-button-bg);border-radius:.25rem;display:flex}._90-dWq_btnWrapper>button:first-child{border-right:1px solid}._90-dWq_btnWrapper>button:last-child{border-left:1px solid}._90-dWq_btnWrapper>button:first-child:after{content:"+"}._90-dWq_btnWrapper>button:nth-child(2):after{content:"++"}._90-dWq_btnWrapper>button:nth-child(3):after{content:"+++"}
.zcpQhW_tile{color:var(--gray-12);overflow-wrap:anywhere;background-image:var(--gradient-brand);border:0;border-radius:.25rem;padding-inline:.375rem;font-size:2rem;font-weight:900;display:inline-block;transform:rotate(-5deg)}.zcpQhW_tile.zcpQhW_go{filter:hue-rotate(90deg);background-image:linear-gradient(50deg,#00f,#ff0,#0000);padding-inline:0}
.MC_neq_iconOpen,.MC_neq_iconClosed{display:inline-block}[data-state=open] .MC_neq_iconClosed,[data-state=closed] .MC_neq_iconOpen{display:none}
._4Fm9KG_row{grid-template-columns:subgrid;gap:var(--space-3);padding:var(--space-1) 0;background:var(--color-background);border-bottom:1px solid var(--gray-4);grid-column:1/-1;align-items:center;display:grid;position:relative}._4Fm9KG_row:last-child{border-bottom:0}._4Fm9KG_handle{color:var(--gray-9);touch-action:none;cursor:grab}._4Fm9KG_name{text-overflow:ellipsis;min-width:0;color:var(--gray-11);white-space:nowrap;cursor:pointer;font-size:.8rem;overflow:hidden}._4Fm9KG_slot{scrollbar-color:var(--gray-a8) transparent;scrollbar-width:thin;min-width:0;overflow-x:auto}
.ytzE5G_select{background-color:#0000}.ytzE5G_select:disabled{opacity:.5}.ytzE5G_idle{color:var(--gray-9)}.ytzE5G_sending{color:var(--gray-12)}
.cIsHiW_wrapper{gap:var(--space-2);font-size:var(--font-size-1);color:var(--gray-9);justify-content:center;align-items:center;margin-block:.625rem;line-height:1rem;display:flex}.cIsHiW_root{cursor:pointer;background-color:var(--gray-7);border:2px solid #0000;border-radius:.25rem;width:2.25rem;height:1.25rem;transition:background-color .15s;display:inline-flex;position:relative}.cIsHiW_root[data-state=checked]{background-color:var(--gray-9)}.cIsHiW_thumb{pointer-events:none;background-color:var(--color-white);width:1rem;height:1rem;box-shadow:var(--shadow-2);border-radius:.25rem;transition:transform .15s;display:block}.cIsHiW_thumb[data-state=checked]{transform:translate(1rem)}.cIsHiW_thumb[data-state=unchecked]{transform:translate(0)}
.Cn-5qa_resizer{flex:0 0 var(--width-pane-resizer);touch-action:none;cursor:col-resize;background-color:var(--gray-4);border:0;height:auto;margin:0}.Cn-5qa_resizer:hover{background-color:var(--gray-7)}@media not (min-width:48rem){.Cn-5qa_resizer{display:none}}
.SeIOGa_options{gap:var(--space-2);flex-wrap:wrap;display:flex}
.Cq9Caa_root{gap:var(--space-1);zoom:1.25;flex-direction:column;width:16rem;display:flex}.Cq9Caa_label,.Cq9Caa_message{font-size:var(--font-size-1);color:var(--gray-11);font-weight:700}
.pxcD4a_shareLink{padding:var(--space-1);color:var(--gray-12);align-items:center;display:inline-flex}
.w58zPa_toolbar{padding:var(--space-2) 0;border-bottom:1px solid var(--gray-4);flex-shrink:0}.w58zPa_djButton{--ring-color:var(--gray-12);box-shadow:0 0 0 2px var(--color-background), 0 0 0 3px var(--ring-color)}.w58zPa_djButton:disabled{--ring-color:var(--gray-a6)}.w58zPa_djButton[data-state=closed]:after{content:"▼"}.w58zPa_djButton[data-state=open]:after{content:"▲"}
._2lw9PG_pane{--pane-background:var(--color-background);background:var(--pane-background);flex-direction:row-reverse;flex:none;height:100%;min-height:0;display:flex}._2lw9PG_pane[data-background-color=amber]{--pane-background:var(--color-amber-surface)}._2lw9PG_pane[data-side=left]{flex-direction:row}._2lw9PG_bar{flex-direction:inherit;height:var(--height-crate-bar);font-size:var(--font-size-2);display:flex;position:relative}._2lw9PG_triggerRow{gap:var(--space-2);width:var(--width-crate-bar);height:100%;padding:var(--space-2) 2px;background:var(--color-amber-surface);border-left:1px solid var(--gray-4);flex-direction:column;flex:none;justify-content:space-between;align-items:center;display:flex}._2lw9PG_pane[data-side=left] ._2lw9PG_triggerRow{border-right:1px solid var(--gray-4);border-left:0}._2lw9PG_barEnd{writing-mode:vertical-rl}._2lw9PG_head{flex-direction:column;align-items:center;display:flex}._2lw9PG_label{padding:var(--space-1) 0;font-size:var(--font-size-2);color:var(--gray-12);writing-mode:vertical-rl;text-decoration:none}._2lw9PG_label:focus-visible{outline:2px solid var(--color-amber-focus);outline-offset:2px}._2lw9PG_chevronButton{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;min-width:32px;display:inline-flex}._2lw9PG_chevronButton:focus-visible{outline:2px solid var(--color-amber-focus);outline-offset:2px}._2lw9PG_pane[data-side=left] ._2lw9PG_chevronButton{transform:scaleX(-1)}._2lw9PG_drawer{z-index:var(--z-index-crate-drawer);gap:var(--space-2);width:var(--pane-width);max-width:calc(100vw - var(--width-crate-bar));padding:var(--space-2) var(--space-3);overscroll-behavior:contain;background:var(--pane-background);border-left:1px solid var(--gray-4);box-shadow:var(--shadow-4);flex-direction:column;display:flex;position:absolute;top:0;bottom:0;right:100%;overflow:hidden}._2lw9PG_drawer[data-state=open]{animation:.2s ease-out _2lw9PG_slideIn}._2lw9PG_drawer[data-state=closed]{display:none}._2lw9PG_pane[data-side=left] ._2lw9PG_drawer{border-right:1px solid var(--gray-4);border-left:0;left:100%;right:auto}._2lw9PG_pane[data-side=left] ._2lw9PG_drawer[data-state=open]{animation-name:_2lw9PG_slideInFromLeft}._2lw9PG_modeSwitcher{flex-shrink:0}._2lw9PG_body{overscroll-behavior:contain;flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:auto}@keyframes _2lw9PG_slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes _2lw9PG_slideInFromLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@media (max-width:640px){._2lw9PG_drawer{width:calc(100vw - var(--width-crate-bar))}}@media (min-width:48rem){._2lw9PG_pane[data-mode=dock]{flex-shrink:1;min-width:0}._2lw9PG_pane[data-mode=dock] ._2lw9PG_bar{min-width:0}._2lw9PG_pane[data-mode=dock] ._2lw9PG_drawer{min-width:0;max-width:var(--pane-max-width);box-shadow:none;border:0;flex:0 auto;position:static}._2lw9PG_pane[data-mode=dock] ._2lw9PG_drawer[data-state=open]{animation:none}}@media not (min-width:48rem){._2lw9PG_modeSwitcher{display:none}}
.hjcr8W_textTry a{text-decoration-line:underline}.hjcr8W_textTry input{background-color:var(--gray-4);border:0}
.tshn7G_dropZone{padding:var(--space-3);text-align:center}.tshn7G_dropZone:focus-visible{outline:2px solid var(--color-amber-focus);outline-offset:2px}.tshn7G_dropZone[data-disabled]{cursor:not-allowed;opacity:.5}.tshn7G_inputBlock{margin-bottom:1rem}.tshn7G_fileName{font-size:var(--font-size-2);color:var(--gray-11);margin-top:.25rem;line-height:1.25rem}
.p-6c_G_relatedWords{gap:var(--space-3);flex-direction:column;display:flex}.p-6c_G_tiles{gap:var(--space-4);flex-wrap:wrap;display:flex}
.KQ2khG_root{gap:var(--space-4);flex-direction:column;display:flex}.KQ2khG_section{gap:var(--space-2);flex-direction:column;display:flex}
.MI9rEq_paintZone canvas{touch-action:none;cursor:crosshair;background:var(--color-white);border:1px solid var(--gray-4);width:100%}
._6AsMFG_ccGroup{padding:var(--space-1) var(--space-3);border:1px solid var(--gray-a5);border-radius:4px}._6AsMFG_ccGroup[data-enabled]{background-color:var(--gray-12);border-color:var(--gray-12)}._6AsMFG_ccGroup[data-enabled] span{color:var(--color-white)}
._77vTPa_scroller{overscroll-behavior:contain;scrollbar-color:var(--gray-a8) transparent;scrollbar-width:thin;flex:1;min-height:0;overflow:hidden auto}._77vTPa_list{-moz-column-gap:var(--space-3);column-gap:var(--space-3);grid-template-columns:auto auto minmax(0,1fr) minmax(0,2fr) auto;align-content:start;margin:4px 0 0;padding:0;list-style:none;display:grid}._77vTPa_columnTitles{z-index:1;grid-template-columns:subgrid;padding:var(--space-1) 0;font-family:var(--code-font-family);color:var(--gray-9);letter-spacing:.1em;background:var(--color-background);border-bottom:1px solid var(--gray-4);grid-column:1/-1;font-size:.625rem;font-weight:700;display:grid;position:sticky;top:0}._77vTPa_nameTitle{grid-column-start:3}._77vTPa_previewTitle{padding-inline-start:calc(var(--space-6) + var(--space-2))}._77vTPa_empty{padding:var(--space-1) 0;color:var(--gray-9);grid-column:1/-1}
.q7ZRWa_globalFooter{z-index:var(--z-index-global-footer);gap:var(--space-3);min-height:var(--height-footer);padding:0 var(--space-4);padding-bottom:calc(env(safe-area-inset-bottom) + 6px);background-color:var(--color-white);border-top:1px solid var(--gray-4);justify-content:space-between;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.q7ZRWa_controls{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.q7ZRWa_links{align-items:center;gap:10px;display:flex}.q7ZRWa_authorLink{padding:var(--space-1);color:var(--gray-12);align-items:center;display:inline-flex}.q7ZRWa_authorLink:hover{color:#43e55e}@media (max-width:640px){.q7ZRWa_globalFooter{flex-direction:column;justify-content:center;align-items:stretch;gap:0}.q7ZRWa_controls{justify-content:flex-end;padding-block:10px}.q7ZRWa_links{justify-content:flex-end}}
.mq7CKW_about>*{margin-bottom:2rem}.mq7CKW_video{max-width:100%;margin-inline:auto}.mq7CKW_figure{margin-inline:auto}
.WZxMEa_collection{margin:1rem auto}.WZxMEa_collection>table{width:100%}.WZxMEa_collection>table td{padding:var(--space-4) 0;text-align:center;border:1px solid var(--gray-4)}.WZxMEa_collection>table td>a{letter-spacing:.05rem;width:100%;height:100%;font-weight:600;display:block}.WZxMEa_collection>table td>a:after{content:".midi";font-size:xx-small}
.mRQvKG_main{padding:var(--space-5);color:var(--color-white);background-color:var(--gray-9);margin-block:1.5rem;font-size:.9em}
.JyCBsq_root{height:100%;min-height:0}.JyCBsq_barExtended{height:var(--height-crate-bar);padding:var(--space-1) var(--space-3);font-size:var(--font-size-2);border-top:1px solid var(--gray-4);border-bottom:1px solid var(--gray-4);flex-direction:column;display:flex;overflow:hidden}.JyCBsq_triggerRowExtended{gap:var(--space-2);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.JyCBsq_contentExtended{flex-direction:column;flex:1;min-height:0;display:flex}
.y3l8da_midiContainer{gap:var(--space-5);text-align:left;flex-direction:column;display:flex}.y3l8da_hero{gap:var(--space-5);flex-wrap:wrap;align-items:flex-start;display:flex}.y3l8da_tile{max-width:100%;padding-block:var(--space-5);background-image:var(--gradient-brand);border-radius:var(--radius-4);flex:0 auto}.y3l8da_displayedText{box-sizing:border-box;vertical-align:top;pointer-events:none;margin:0 auto;font-family:Hiragino Mincho ProN,YuMincho,Yu Mincho,Noto Serif CJK JP,serif;font-size:120px;font-weight:200;line-height:1}.y3l8da_info{gap:var(--space-3);flex-direction:column;flex:20rem;align-items:flex-start;min-width:0;display:flex}
.SVlgRa_root{gap:var(--space-3);width:fit-content;max-width:calc(100vw - var(--width-crate-bar));margin-block:var(--space-4);flex-direction:column;align-items:center;margin-inline:auto;display:flex}
._8ODG5q_paintContainer{gap:var(--space-4);max-width:calc(100vw - var(--width-crate-bar));padding:var(--space-2);flex-direction:column;align-items:center;display:flex}._8ODG5q_controls{gap:var(--space-3);display:flex}
.KYhbZG_notePad{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));width:100%;max-width:100%;display:grid}.KYhbZG_noteButton{font-size:var(--font-size-1);color:var(--gray-12);cursor:pointer;background-color:var(--color-white);border:1px solid var(--gray-a5)}.KYhbZG_noteButton[data-active]{filter:invert()}
.Utuw9a_buttonGrid{grid-template-columns:repeat(auto-fill,minmax(4rem,1fr));place-items:center;display:grid}.Utuw9a_buttonGrid>button{margin:10px}