*{text-align:center;margin:0;box-sizing:border-box}#root{height:100lvh;width:100%;background:#000;overflow-x:clip;scrollbar-width:thin;display:flex;flex-direction:column}.spessafont_main *,.spessafont_main{scrollbar-gutter:stable;--lighter-color-start: oklch(16% 0 0);--lighter-color-end: oklch(20.5% 0 0);--lighter-color: linear-gradient(201deg, var(--lighter-color-start), var(--lighter-color-end));--font-color: oklch(95% 0 0);--top-index: 100;--darker-color-start: oklch(12.5% 0 0);--darker-color-end: oklch(14.5% 0 0);--darker-color: linear-gradient(31deg, var(--darker-color-start), var(--darker-color-end));--primary-border-radius: .5rem;--active-scale: .9;--menu-bar-height: 2rem;--primary-color: #320056FF;--border-color: #4c037a;--light-primary-color: #d3a3ff;--track-color: #333;--track-border-color: oklch(30% 0 0);--preset-item-color: darkred;--instrument-item-color: dodgerblue;--sample-item-color: gold;--bouncy-transition: cubic-bezier(.68, -.55, .27, 1.55);--flex-gap: .5rem;font-family:system-ui,Noto Sans,Open Sans,sans-serif;color:var(--font-color);transition:all .2s ease}.spessafont_main{display:flex;flex-direction:column;height:100%;background:var(--darker-color-start);scrollbar-width:thin;gap:var(--flex-gap)}.spessafont_main.light_mode,.spessafont_main.light_mode *{--lighter-color-start: #efefef;--lighter-color-end: #eee;--darker-color-start: #fff;--darker-color-end: #eee;--font-color: #111;--primary-color: #5f93ff;--border-color: #0023c9;--light-primary-color: #c5d9ff;--track-color: #fff;--track-border-color: #aaa;--preset-item-color: red;--instrument-item-color: deepskyblue;--sample-item-color: #e58900}select option{background:var(--darker-color-start);color:var(--font-color)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}.hidden{display:none!important}.monospaced{font-size:1rem;font-family:JetBrains Mono,Monospaced,monospace}.pretty_input{background:var(--lighter-color-end);border-radius:var(--primary-border-radius);color:var(--font-color);border:1px solid var(--track-border-color);transition:all .2s ease;text-align:start;padding:.3rem}.pretty_input:focus{border-color:var(--border-color);outline:none}.pretty_button{user-select:none;background:var(--lighter-color-end);border-radius:var(--primary-border-radius);color:var(--font-color);border:1px solid var(--track-border-color);transition:all .2s ease;text-align:start;padding:.3rem;cursor:pointer;font-size:1rem}.hover_brightness:hover{filter:brightness(1.2)}.responsive_button{transition:all .2s ease}.responsive_button:active{transform:scale(var(--active-scale))}.pretty_outline{background:var(--lighter-color-end);border-radius:var(--primary-border-radius);border:solid var(--track-border-color) 1px;font-size:1rem;padding:.2rem}.disabled{filter:grayscale(10)}.warning{color:red!important}input:focus,select:focus{transition:none;outline:ridge var(--border-color) .2rem}::-webkit-scrollbar{width:.3rem;height:.5rem;background:transparent}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--font-color);border-radius:4px}.menu_bar_main{display:flex;width:100%;background:var(--primary-color);height:max-content;align-items:center;overflow-x:auto;overflow-y:hidden;min-height:var(--menu-bar-height)}.menu_bar_main *{user-select:none;white-space:nowrap;font-size:1.1rem}.menu_bar{width:max-content;text-align:center;height:100%}.menu_bar_button{align-items:center;cursor:pointer;display:flex;height:100%}.menu_bar_contents{transition:all .2s ease;transform-origin:top center;z-index:100;position:absolute;opacity:0;visibility:hidden;max-width:20ch;background:var(--primary-color);display:flex;flex-direction:column;gap:var(--flex-gap);border-radius:0 0 var(--primary-border-radius) var(--primary-border-radius);overflow:hidden;border:solid 1px var(--border-color)}.menu_bar_icon{border-bottom:var(--border-color) 1px solid;border-top:var(--border-color) 1px solid;display:flex;background:var(--primary-color);justify-content:space-between;align-items:center;cursor:pointer}.menu_bar_icon:first-child{border-top:none}.menu_bar_icon:last-child{border-bottom:none}.menu_bar_icon svg{font-size:1.5em;height:100%;width:1em;padding:.2rem}.menu_bar_icon span{padding:.2rem;white-space:break-spaces;border-left:solid 1px var(--border-color);flex:1;height:100%}.menu_bar:hover .menu_bar_contents{opacity:1;visibility:visible}.menu_bar_contents div:last-child{border-radius:0 0 .2rem .2rem}.flex_menu_bar{transition:all .2s ease;display:flex;height:var(--menu-bar-height);align-items:center}.flex_menu_bar div{background:var(--primary-color);cursor:pointer;padding:0 .5rem;transition:all .2s ease;height:100%;display:flex;align-items:center}.menu_bar_contents .menu_bar_button{white-space:break-spaces;border-bottom:var(--border-color) 1px solid}.menu_bar_button{display:flex;justify-content:center;background:var(--primary-color);padding:.2rem .5rem;transition:all .2s ease;cursor:pointer}.menu_bar_icon:hover,.flex_menu_bar div:hover{filter:brightness(1.2)}.settings_button{color:var(--font-color)}.settings_button svg{transition:all .2s ease}.settings_button:hover svg{transform:rotate(90deg)}.voice_display{height:var(--menu-bar-height);transition:all .2s ease;display:flex;width:min-content;justify-content:space-between;flex:0;align-items:center;white-space:nowrap}.voice_display canvas{height:calc(var(--menu-bar-height) - .1rem);padding:0;margin:0}.midi_voice_display{height:100%;background:transparent;margin-right:1ch;display:flex;align-items:center;filter:none!important;cursor:default!important}.menu_bar_button .gear{height:calc(var(--menu-bar-height) * 2 / 3);width:min-content}.get_user_input{user-select:none;width:100%;height:100%;position:absolute;z-index:calc(var(--top-index) * 2);background:var(--darker-color-start);display:flex;align-items:center;justify-content:center;cursor:pointer}.settings{display:flex;flex-direction:column;align-items:center;justify-content:start;padding-top:1rem;flex-grow:1}.settings p{word-wrap:break-word;max-width:30ch;padding:1rem;text-align:start}.settings_display{display:flex;flex-direction:row;flex-wrap:wrap;overflow-y:auto;align-items:baseline;justify-content:center}.settings .settings_group{background:var(--lighter-color-start);border:solid 1px var(--track-border-color);border-radius:var(--primary-border-radius);width:max-content;margin:.5rem;padding:1rem;display:flex;flex-direction:column;align-items:center;align-self:stretch}.setting{display:flex;justify-content:space-between;align-items:center;margin:.5rem;padding:.5rem;background:var(--lighter-color-end);border:solid 1px var(--track-border-color);border-radius:var(--primary-border-radius);width:100%}.setting:hover{filter:brightness(1.2)}.setting input,.setting select{font-size:1rem;text-align:center}.setting input{width:4rem}.tab_list{display:flex;overflow-x:auto;border-bottom:solid var(--track-border-color) 1px;margin-bottom:0;gap:var(--flex-gap);padding-bottom:var(--flex-gap);height:2.5rem;min-height:2.5rem}.tab{padding:0 .5rem;border:solid 1px var(--track-border-color);border-radius:var(--primary-border-radius);user-select:none;font-size:1rem;display:flex;align-items:center;white-space:nowrap}.tab button{background:transparent;border:none;cursor:pointer;font-size:1.3rem;display:flex;justify-content:center;align-items:center;width:2rem;height:100%;border-radius:var(--primary-border-radius)}.tab button:hover{background:var(--lighter-color)}.tab.active{font-weight:700;border-color:var(--border-color)}.keyboard_controller{display:flex;flex-direction:column;align-items:center;overflow:clip}.keyboard_controller *{user-select:none}.controller_row_scroll{overflow-x:auto;align-self:stretch;display:flex;align-items:center}.controller_row_main{margin:auto}.controller_row{display:flex;justify-content:center;width:fit-content}.controller_row .controller_range_wrapper{min-width:max-content}.controller_column{display:flex;flex-direction:column;margin:.5rem;align-items:stretch;justify-content:center;gap:var(--flex-gap)}.controller_column *{text-align:center}.keyboard_controller .controller_column .number_display{margin-left:1ch;width:3ch;display:inline-block}.keyboard{-webkit-user-select:none;user-select:none;display:flex;flex-wrap:nowrap;align-items:stretch;height:5vw;background:#000;overflow:hidden;width:100%;touch-action:none;--key-border-radius: .2vmin}.keyboard .key{-webkit-user-select:none;user-select:none;touch-action:none;flex:1;transition:transform .1s ease,border-radius .5s ease;border-radius:0 0 var(--key-border-radius) var(--key-border-radius);position:relative;transform-origin:center top;cursor:default;--flat-half-width: 1.4;--flat-half-translate: 18%;--sharp-transform: scale(1, .7);--flat-between-transform: scale(1.9, 1);--flat-left-transform: scale(var(--flat-half-width), 1) translateX(calc(var(--flat-half-translate) * -1));--flat-right-transform: scale(var(--flat-half-width), 1) translateX(var(--flat-half-translate));outline:solid 1px black}.keyboard .sharp_key.zone_highlight{background:var(--border-color);filter:brightness(.5)}.keyboard .flat_key.zone_highlight{background:var(--light-primary-color)}.keyboard .key.pressed{background:var(--border-color)!important;filter:none!important}.keyboard .key.disabled{background:linear-gradient(65deg,#333,#888)}.keyboard .flat_key{background:linear-gradient(90deg,#bbb,#fff);z-index:0}.keyboard .flat_dark_key{background:linear-gradient(100deg,#111,#000)}.keyboard .sharp_key{transform:var(--sharp-transform);z-index:1;background:linear-gradient(140deg,#222,#000)}.keyboard .flat_key.between_sharps{transform:var(--flat-between-transform)}.keyboard .flat_key.left_sharp{transform:var(--flat-left-transform)}.keyboard .flat_key.right_sharp{transform:var(--flat-right-transform)}.controller_wrapper{display:flex;flex-direction:column;align-items:center;flex-grow:1;margin:.5rem .25rem .25rem}.controller_wrapper *{user-select:none}.controller_knob{--controller-size: 3rem;height:var(--controller-size);width:var(--controller-size);margin-top:.5rem;border-radius:50%;background:var(--lighter-color-end);border:solid 1px var(--track-border-color);display:flex;align-items:end;justify-content:center;transition:none;cursor:pointer}.controller_knob_wrapper{display:flex;flex-direction:column;align-items:center;flex-grow:1}.controller_knob:active{filter:brightness(1.8);border-color:var(--primary-color)}.controller_knob:active .knob_head{border-color:var(--border-color)}.knob_head{border-radius:50%;height:calc(var(--controller-size) / 3);width:calc(var(--controller-size) / 3);background:var(--track-border-color)}.controller_switch_wrapper{display:flex;flex-grow:1;align-items:center}.controller_switch{--track-height: 1.6rem;--track-width: 2.2rem;--thumb-size: 1.5rem;--track-radius: .3em;position:relative;display:inline-block;width:var(--track-width);height:var(--track-height)}.switch_slider{position:absolute;cursor:pointer;inset:50% 0 0;background-color:var(--track-color);border:solid var(--track-border-color) 1px;transition:.2s;border-radius:var(--track-radius);transform:translateY(-50%)}.switch_slider:before{position:absolute;content:"";height:var(--thumb-size);width:var(--thumb-size);left:calc(var(--thumb-size) / -4);top:50%;transform:translateY(-50%);background-color:var(--track-color);transition:.2s var(--bouncy-transition),border .1s;border-radius:50%;border:solid var(--track-border-color) 1px;box-shadow:0 0 .125rem #0003}.switch_slider:hover:before{border:solid var(--border-color) 1px;filter:brightness(1.2)}.controller_switch.active .switch_slider{background-color:var(--primary-color);border:var(--border-color) 1px solid}.controller_switch.active .switch_slider:before{transform:translate(calc(var(--track-width) - var(--thumb-size) * .66),-50%)}.controller_switch:active .switch_slider:before{transform:translate(calc(var(--track-width) - var(--thumb-size) * 1.2),-50%)}.controller_switch:active input:checked+.switch_slider:before{transform:translate(calc(var(--track-width) - var(--thumb-size) * .95),-50%)}.controller_range_wrapper{display:flex;align-items:stretch;flex-direction:column;justify-content:center}.controller_range_visual_wrapper{--track-height: .8rem;--thumb-size: 1.5rem;--active-brightness: .75;--slider-border-thickness: 1px;--visual-width: 0%;display:flex;position:relative;margin:.3rem;height:var(--track-height);transition:all .1s;cursor:e-resize;background:var(--track-color);border:solid var(--slider-border-thickness) var(--track-border-color);border-radius:var(--track-height)}.controller_range_visual_wrapper:has(.controller_range:active){filter:brightness(var(--active-brightness))}.controller_range{cursor:e-resize;width:100%;opacity:0;-webkit-appearance:none;top:calc((var(--thumb-size) / 4) * -1);height:var(--thumb-size);position:relative}.controller_range:hover{filter:brightness(1.2)}.controller_range:focus{outline:none}.controller_range_progress{width:calc(var(--visual-width) + 2 * var(--slider-border-thickness));position:absolute;background:var(--primary-color);border:solid var(--slider-border-thickness) var(--border-color);height:calc(100% + 2 * var(--slider-border-thickness));border-radius:var(--track-height);top:calc(-1 * var(--slider-border-thickness));left:calc(-1 * var(--slider-border-thickness))}.controller_range_thumb{border:solid var(--slider-border-thickness) var(--track-border-color);background:var(--track-color);height:var(--thumb-size);width:var(--thumb-size);border-radius:50%;position:absolute;top:-.4rem;left:calc(var(--visual-width) - var(--thumb-size) / 2)}.controller_range_wrapper:hover .controller_range_thumb{border-color:var(--primary-color)}.controller_range_transition .controller_range_thumb,.controller_range_transition .controller_range_progress{transition:all .2s ease}.menu_list_main{display:flex;flex-direction:column;width:fit-content;min-width:35ch;transition:none}.menu_list_main *{user-select:none;transition:none}.menu_list_scrollable{user-select:none;display:block;flex:1;overflow-y:auto;scrollbar-gutter:stable both-edges;scrollbar-width:auto}.item_group{display:flex;flex-direction:column;position:relative}.virtual_item{position:absolute;top:0;left:0;width:100%}.search_bar{width:100%;display:flex;margin-top:auto}.search_bar input{flex-grow:1}.menu_list_closed{transition:none;display:flex;align-items:center;align-self:start;padding:.5rem;font-size:1.5rem;background:var(--lighter-color);justify-content:space-between;border-radius:0 var(--primary-border-radius) var(--primary-border-radius) 0;border:solid .2rem var(--track-border-color);cursor:pointer}.menu_list_closed:active{border-color:var(--border-color)}.item_group_header{display:flex;align-items:center;background:var(--lighter-color-end);justify-content:space-between;border-radius:var(--primary-border-radius);border:solid 1px var(--track-border-color);cursor:pointer;margin-bottom:.5rem;position:relative}.item_group_header h2{font-weight:400;margin-left:.3rem;padding:.3rem;text-align:center;width:100%}.item_group_header .left_buttons,.item_group_header .right_buttons{display:flex;align-items:center;height:100%;position:absolute}.item_group_header .left_buttons{left:0}.item_group_header .right_buttons{right:0}.item_group_header .left_buttons>*,.item_group_header .right_buttons>*{font-size:1.5rem;width:min-content;padding:0 .3rem;height:100%;align-items:center;display:flex;position:relative;justify-content:center}.dropdown_triangle{font-size:1rem!important;width:1.5rem!important}.item_group_header .left_buttons>*{border-right:var(--track-border-color) solid 1px}.item_group_header .right_buttons>*{border-left:var(--track-border-color) solid 1px}.item_group_header .svg_wrapper svg{width:max-content}.item_group_header .copy{cursor:copy}.item_group_header:active .left_buttons>*,.item_group_header:active .right_buttons>*,.item_group_header.opened .right_buttons>*{border-color:var(--border-color)}.item_group_header:active,.item_group_header.opened{border-color:var(--border-color)}.sample_display{padding:0 .3rem;display:flex;justify-content:space-between;align-items:center}.sample_display span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sample_display svg *{color:var(--sample-item-color)}.sample_display *{font-size:.9rem}.sample_display svg{font-size:1rem;width:1.3rem;height:auto;margin-right:1ch}.sample_display:hover,.sample_display.selected{background:var(--lighter-color-end)}.instrument_item_wrapper{display:flex;flex-direction:column}.instrument_item{display:flex;justify-content:space-between;gap:1ch;padding:.1rem .5rem}.instrument_item span{font-size:.9rem}.instrument_item svg{cursor:pointer}.instrument_item .left_buttons{display:flex;align-items:center;gap:.3rem;justify-content:center}.instrument_item .left_buttons span{display:flex;align-items:center}.instrument_item .triangle{color:var(--instrument-item-color);display:flex;align-items:center;justify-content:start;flex-grow:1}.instrument_item:hover,.instrument_item.selected{background:var(--lighter-color-end)}.instrument_item_name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:end;flex-grow:1}.instrument_samples{margin-left:1rem;margin-right:.5rem}.preset_item_wrapper{display:flex;flex-direction:column}.preset_item{display:flex;justify-content:space-between;font-size:.9rem;gap:1ch;padding:.1rem .5rem}.preset_item:hover,.preset_item.selected{background:var(--lighter-color-end)}.preset_item span{font-size:.9rem}.preset_item_name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:end;flex-grow:1}.left_group{display:flex;align-items:center;gap:.3rem}.left_group span:not(.monospaced){font-size:1rem;display:flex}.left_group .triangle{color:var(--preset-item-color);flex-grow:1}.left_group svg{cursor:pointer}.preset_instruments{margin-left:1rem;margin-right:.5rem}.main_content{width:100%;display:flex;min-height:0;min-width:0;flex-grow:1;gap:var(--flex-gap);overflow-x:auto;padding-left:var(--flex-gap);padding-bottom:var(--flex-gap);padding-right:var(--flex-gap)}.main_content_window{min-height:0;min-width:64vh;display:block;flex:1}.sound_bank_info .stats{display:flex;flex-direction:column;text-align:center;overflow-y:auto;flex-grow:0;min-width:max-content;user-select:none;gap:var(--flex-gap)}.sound_bank_info .stats h1{width:100%;padding:.3rem;font-size:2rem;background:var(--lighter-color-end);border:solid 1px var(--track-border-color);border-radius:var(--primary-border-radius)}.sound_bank_info .stats h1:hover{filter:brightness(1.2)}.sound_bank_info .stat_span{display:flex;justify-content:space-between;gap:var(--flex-gap)}.sound_bank_info .single_stat{padding:.3rem;background:var(--lighter-color-end);border:solid 1px var(--track-border-color);border-radius:var(--primary-border-radius)}.sound_bank_info .single_stat:hover{filter:brightness(1.2)}.sound_bank_info .default_modulators_button{display:flex;padding:0}.sound_bank_info .default_modulators_button,.sound_bank_info .default_modulators_button *{cursor:pointer}.sound_bank_info .default_modulators_button span:first-child{border-right:solid 1px var(--track-border-color);height:100%;padding:.3rem}.sound_bank_info .default_modulators_button svg{margin-right:.5rem;height:60%;width:auto}.sound_bank_info .monospaced{user-select:text}.sound_bank_info .stats .stat_group{display:flex;flex-direction:column;gap:var(--flex-gap);padding:0}.sound_bank_info .stats .stat_group>label{border-bottom:1px solid var(--track-border-color);padding:.3rem}.sound_bank_info .stats .stat_group>span{padding:.3rem}.sound_bank_info .stats .stat_group span{border:none;margin-top:auto}.sound_bank_info .stats pre,.sound_bank_info .stats label{font-size:1rem}.sound_bank_info .stats pre{font-weight:700}.sound_bank_info .stats a{text-decoration:none}.sound_bank_info .powered_by{margin-top:auto}.sound_bank_info{width:100%;height:100%;display:flex;gap:var(--flex-gap)}.sound_bank_info .editable{display:flex;flex-direction:column;align-items:start;flex-grow:2;gap:var(--flex-gap)}.sound_bank_info .fields{width:100%;display:grid;grid-template-columns:max-content 1fr;gap:var(--flex-gap);align-items:center}.sound_bank_info span{display:contents;grid-template-columns:auto 1fr;width:100%;align-items:center;column-gap:var(--flex-gap)}.sound_bank_info span input{font-size:1rem}.sound_bank_info span label{margin-right:1rem;white-space:nowrap;text-align:start}.sound_bank_info .comment{width:100%;display:flex;flex-direction:column;flex:1}.sound_bank_info .comment textarea{flex:1}.sound_bank_info #INAM{font-size:2rem;padding:.3rem;width:100%}.default_modulators{display:flex;flex-direction:column;align-items:center;flex-grow:2;gap:var(--flex-gap)}.default_modulators_title{padding:.5rem;border-bottom:solid .2rem var(--border-color)}.modulator_main{background:var(--lighter-color);border-radius:var(--primary-border-radius);border:solid var(--track-border-color) 1px;display:flex;align-items:center;--source-picker-height: 2rem;transition:all .2s ease;flex-wrap:wrap;justify-content:center;gap:var(--flex-gap);position:relative;padding-bottom:.5rem;padding-top:.5rem;cursor:pointer;margin-left:1rem;margin-right:1rem}.modulator_main.selected *,.modulator_main.selected{border-color:var(--border-color)}.modulator_main svg{color:var(--font-color);margin:-.5rem;cursor:auto}.modulator_main *{user-select:none}.modulator_title{display:flex;flex-direction:column;gap:var(--flex-gap)}.modulator_title_left{position:absolute;left:.3rem;top:.3rem}.modulator_title_right{cursor:pointer;position:absolute;right:.3rem;line-height:1rem;top:.3rem;height:min-content;font-weight:bolder}.overriding_modulator{color:var(--sample-item-color);font-weight:bolder;text-decoration:underline}.modulator_main .source_pair{display:flex;flex-direction:column;gap:var(--flex-gap)}.modulator_main .amount_input,.modulator_main .transform_selector{font-size:1rem}.amount_input{text-align:end;width:8ch;border-radius:var(--primary-border-radius)}.modulator_main .pretty_input{display:flex}.modulator_main .pretty_input select,.modulator_main .pretty_input input{background:transparent;border:none;font-size:1rem}.source_picker{font-size:1rem;text-align:start;width:20ch;cursor:pointer}.modulator_curve_picker{cursor:pointer;position:relative}.modulator_curve_picker *{transition:none}.modulator_curve{height:var(--source-picker-height);border-radius:var(--primary-border-radius)}.modulator_curve_showcase{position:absolute;z-index:100;display:flex;flex-wrap:wrap;min-width:25rem;top:4rem;align-items:center;justify-content:center;padding:.3rem}.modulator_curve_showcase .modulator_curve{height:calc(var(--source-picker-height) * 2);border-radius:var(--primary-border-radius)}.modulator_curve_pick{margin:.3rem;cursor:pointer}.modulator_curve_pick.selected{filter:brightness(1.8)}.modulator_list{display:flex;flex-direction:column;overflow-y:auto;overflow-x:auto;align-self:stretch;align-items:center;flex-grow:1;gap:var(--flex-gap)}.modulator_list .list_contents{overflow-y:auto;align-items:stretch;display:flex;flex-direction:column;flex-grow:1;overflow-x:auto;align-self:stretch;gap:var(--flex-gap)}.modulator_list .action_buttons{display:flex;margin:0;align-items:center;justify-content:center;gap:var(--flex-gap)}.modulator_list .modulator_list_button{padding:.5rem;cursor:pointer}.preset_editor{display:flex;flex-direction:column;gap:var(--flex-gap);flex-grow:1;width:100%;height:100%}.bottom_bar{overflow-x:auto;display:flex;border-top:solid 1px var(--track-border-color);width:100%;margin-top:auto}.bottom_bar>div{user-select:none;cursor:pointer;padding:.3rem 1rem;text-align:center;white-space:nowrap;border-right:solid 1px var(--track-border-color)}.bottom_bar div:hover{background:var(--lighter-color)}.bottom_bar input{border:none;background:transparent;border-bottom:solid 1px var(--track-border-color);font-size:1rem}.bottom_bar input[type=text]{width:30ch}.header_row{background:var(--track-border-color)}.header_cell{padding:.5rem;cursor:pointer;max-width:15ch;min-width:10ch;position:relative;text-align:start}.header_cell:first-child{border-radius:var(--primary-border-radius) 0 0 0}.header_cell:last-child{border-radius:0 var(--primary-border-radius) 0 0}.header_cell.instrument{color:var(--instrument-item-color);font-weight:700}.header_cell.preset{color:var(--preset-item-color);font-weight:700}.header_cell span{word-break:break-word;white-space:break-spaces;margin-right:1rem}.header_cell.stereo span:first-child{font-style:italic;cursor:help}.header_cell .delete_zone{cursor:pointer;filter:brightness(.8);position:absolute;right:-.8rem;top:0}.header_cell .delete_zone:hover{filter:none}.generator_cell_header{cursor:not-allowed;text-align:left}.generator_cell_header>div{text-align:start;padding:.1rem;display:flex;justify-content:space-between;gap:1ch}.generator_cell_header i{opacity:.5;cursor:help}.generator_cell_header span{white-space:nowrap}.generator_cell{width:max-content}.generator_cell input,.generator_cell select{background:transparent;font-size:var(--generator-table-font-size);border:none;width:100%;height:100%;text-align:end;cursor:cell;transition:none;border-radius:2px}.generator_cell.modulated input,.generator_cell.modulated select{outline:outset var(--sample-item-color) .15rem}.generator_cell input:focus,.generator_cell select:focus{outline:outset var(--border-color) .15rem}.generator_cell input::placeholder{opacity:.5;font-size:calc(var(--generator-table-font-size) * .9)}.generator_cell select{text-align:center;cursor:auto;text-overflow:ellipsis}.generator_row{background:var(--darker-color-start)}.generator_row_highlight{background:var(--lighter-color-end)}.zone_table tr:last-child{border-radius:0 0 var(--primary-border-radius) var(--primary-border-radius);outline:solid 1px var(--track-border-color)}.zone_table tbody tr:last-child th{border-radius:0 0 0 var(--primary-border-radius)}.modulator_cell span{display:block;width:100%;height:100%;cursor:pointer;font-style:italic;opacity:.6;border-radius:2px}.modulator_cell.modulated span{font-weight:700;opacity:1;font-style:unset;box-sizing:border-box;outline:outset var(--sample-item-color) .15rem}.zone_table_wrapper{overflow:auto;flex:1;padding-right:1rem;padding-bottom:1rem}.zone_table{border-spacing:1px;border-radius:var(--primary-border-radius);overflow:hidden;background:var(--track-border-color);--generator-table-font-size: 1rem}.zone_table *{transition:none;font-size:var(--generator-table-font-size)}.zone_table th{font-weight:400;user-select:none;background:var(--lighter-color-end)}.zone_table td{width:min-content}.zone_table th:first-child,.zone_table td:first-child{position:sticky;left:0;z-index:1;outline:solid 1px var(--track-border-color)}.zone_table thead tr:first-child th{position:sticky;top:0;z-index:1;outline:solid 1px var(--track-border-color)}.zone_table thead tr:first-child th:first-child{z-index:2;outline:solid 1px var(--track-border-color)}.zone_modulators{display:flex;flex-direction:column;align-items:center;position:relative;gap:var(--flex-gap);flex-grow:1}.zone_modulators .close{position:absolute;top:1ch;right:1ch;cursor:pointer;line-height:1rem}.instrument_editor{display:flex;flex-direction:column;gap:var(--flex-gap);flex-grow:1;width:100%;height:100%}.sample_editor{display:flex;flex-direction:column;gap:var(--flex-gap);height:100%}.info_split{display:flex;gap:var(--flex-gap)}.info_column{display:flex;flex-direction:column;gap:var(--flex-gap);width:100%}.sample_name{font-size:1.5rem}.tools{align-items:center;justify-content:start;width:100%}.tools>*{text-align:center;white-space:nowrap;width:100%}.tools h2{font-size:1.5rem;padding:.3rem;border:.2rem solid transparent}.tools .controller_range_wrapper{padding:0 .5rem}.info_field{display:flex;justify-content:space-between;gap:var(--flex-gap);align-items:center}.info_field span{text-align:start;white-space:nowrap}.info_field input{text-align:end}.wave_view{background:var(--darker-color-start);min-height:0;min-width:0;flex-grow:1;cursor:pointer;position:relative;align-self:stretch;border-radius:var(--primary-border-radius);overflow:hidden}.wave_view *{transition:none}.wave_view_child{position:absolute;width:100%;height:100%;left:0;top:0;overflow-x:auto}.fake_scroll{position:absolute;height:100%;width:100%;opacity:0;z-index:100}.wave_view canvas{position:absolute;left:0;top:0;width:100%;height:100%}.toasts{background:var(--lighter-color-end)!important;border:solid 1px var(--track-border-color)!important;color:var(--font-color)!important;user-select:none}.toast_col{display:flex;flex-direction:column;gap:var(--flex-gap)}.toast_row{display:flex;gap:var(--flex-gap);justify-content:center}.toasts .pretty_outline{cursor:pointer}.welcome{user-select:none;width:100%;height:100%;display:flex;gap:1rem;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:1rem}.welcome .grouped{display:flex;flex-direction:column;align-items:center;background:var(--lighter-color-start);border-radius:var(--primary-border-radius);padding:1rem;border:var(--lighter-color-end) 1px solid;gap:1rem}.welcome .flex{display:flex;flex-wrap:wrap;width:100%;justify-content:center;gap:1rem}.action_button{border:var(--track-border-color) 1px solid;background:var(--lighter-color-end);border-radius:var(--primary-border-radius);display:flex;align-items:center;gap:.5rem;justify-content:space-around;cursor:pointer}.action_button span{font-size:1.5rem;padding:.5rem}.action_button svg{font-size:1.5rem;margin-left:.5rem;padding-right:.5rem;border-right:solid 1px var(--track-border-color);height:100%;width:2rem}.action_button:hover{filter:brightness(1.2)}.welcome h2{cursor:pointer}.welcome_copyright{margin-top:auto}