.ui-bits-list-row{display:flex;align-items:center;gap:8px;width:100%;min-height:var(--ui-bits-list-row-height, 24px);padding:0 var(--ui-bits-list-row-padding-x, 8px);border:1px solid var(--ui-bits-list-row-color-a, currentColor);border-radius:var(--ui-bits-list-row-radius, 3px);background:var(--ui-bits-list-row-color-b, transparent);color:inherit;font:inherit;line-height:1;text-align:left;box-sizing:border-box}.ui-bits-list-row--active{background:var(--ui-bits-list-row-color-a, currentColor);color:var(--ui-bits-list-row-color-b, transparent);border-color:var(--ui-bits-list-row-active-border, var(--ui-bits-list-row-color-b, transparent))}.ui-bits-list-row--selectable{cursor:pointer}.ui-bits-list-row--selectable:hover:not([aria-disabled=true]){filter:brightness(1.05)}.ui-bits-list-row[aria-disabled=true]{opacity:.5;cursor:not-allowed}.ui-bits-list-surface{width:100%}.ui-bits-list-surface__wrap{position:relative;width:100%}.ui-bits-list-surface__list{max-height:var(--ui-bits-list-max-height, 160px);overflow-y:auto;display:grid;grid-template-columns:repeat(var(--ui-bits-list-columns, 1),minmax(0,1fr));grid-auto-rows:minmax(var(--ui-bits-list-row-min-height, 24px),auto);gap:var(--ui-bits-list-gap, 2px);align-content:start;scrollbar-width:none;-ms-overflow-style:none}.ui-bits-list-surface__list::-webkit-scrollbar{width:0;height:0}.ui-bits-list-surface__empty{min-height:var(--ui-bits-list-row-min-height, 24px);display:flex;align-items:center;justify-content:center;grid-column:1 / -1;opacity:.6;font-size:.9em;padding:0 var(--ui-bits-list-row-padding-x, 8px);box-sizing:border-box;text-align:center}.ui-bits-list-surface__scrollbar{position:absolute;top:0;right:0;bottom:0;width:6px;pointer-events:none;opacity:0;transition:opacity .16s ease}.ui-bits-list-surface__wrap:hover .ui-bits-list-surface__scrollbar,.ui-bits-list-surface__wrap--scrolling .ui-bits-list-surface__scrollbar{opacity:1}.ui-bits-list-surface__scrollbar-thumb{width:100%;border-radius:999px;background:var(--ui-bits-list-scrollbar-color, currentColor)}.ui-bits-text-input{appearance:none;background-clip:padding-box}.ui-bits-text-input::selection{background:var(--ui-bits-text-input-selection-bg, #2f2f2f);color:var(--ui-bits-text-input-selection-color, #f0f0f0)}.ui-bits-text-input::-moz-selection{background:var(--ui-bits-text-input-selection-bg, #2f2f2f);color:var(--ui-bits-text-input-selection-color, #f0f0f0)}.ui-bits-text-input::placeholder{color:currentColor;opacity:.5}.ui-bits-preset-manager{display:flex;flex-direction:column;gap:6px;width:100%;color:var(--pm-color-a, #f0f0f0);font-family:var(--ui-bits-font-family, "IBM Plex Mono", monospace);box-sizing:border-box}.ui-bits-preset-manager__input-row{display:flex;gap:4px;width:100%;align-items:center}.ui-bits-preset-manager__input{flex:1;min-width:0}.ui-bits-preset-manager__input:disabled{opacity:.5;cursor:not-allowed}.ui-bits-preset-manager__item{gap:8px}.ui-bits-preset-manager__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-bits-preset-manager__delete{width:calc(var(--pm-row-height, 24px) - 6px);height:calc(var(--pm-row-height, 24px) - 6px);border:none;border-radius:3px;background:transparent;color:inherit;font-size:1.1em;line-height:1;display:inline-flex;align-items:center;justify-content:center;opacity:.5;cursor:pointer;padding:0}.ui-bits-preset-manager__delete:hover:not(:disabled){opacity:1}.ui-bits-preset-manager__delete:disabled{opacity:.3;cursor:not-allowed}:root{--ui-bits-font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace}.flex{display:flex}.ui-bits-slider,.ui-bits-slider *,.ui-bits-slider *:before,.ui-bits-slider *:after{box-sizing:border-box}.flex-col{flex-direction:column}.relative{position:relative}.inline-block{display:inline-block}.select-none{-webkit-user-select:none;user-select:none}.outline-none{outline:none}.overflow-hidden{overflow:hidden}.absolute{position:absolute}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.inset-0{inset:0}.-z-10{z-index:-10}.z-0{z-index:0}.z-10{z-index:10}.cursor-col-resize{cursor:col-resize}.cursor-text{cursor:text}.pl-2{padding-left:.5rem}.pr-2{padding-right:.5rem}.items-center{align-items:center}.items-start{align-items:flex-start}.w-full{width:100%}.gap-1{gap:.25rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.text-right{text-align:right}.leading-none{line-height:1}.whitespace-pre{white-space:pre}.text-transparent{color:transparent}.selection-grid__scroll::-webkit-scrollbar{display:none}.selection-grid__canvas{display:block}.dropdown-root{font-family:var(--ui-bits-font-family, "IBM Plex Mono", monospace);font-size:var(--dropdown-font-size, 16px);display:flex;flex-direction:column;gap:4px;position:relative}.dropdown-root[data-label-inline=true]{flex-direction:row;align-items:center;gap:8px}.dropdown-root[data-label-inline=true] .dropdown-label:not(.dropdown-label--sr){flex:0 0 auto;white-space:nowrap}.dropdown-root[data-label-inline=true] .dropdown-field{flex:1 1 auto;min-width:0}.dropdown-label{font-size:var(--dropdown-font-size, 16px);letter-spacing:.08em;text-transform:uppercase;color:var(--dropdown-muted)}.dropdown-label--sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.dropdown-field{position:relative;border-style:solid;border-width:1px;border-color:var(--dropdown-border);border-top-color:var(--dropdown-border-top, var(--dropdown-border));border-right-color:var(--dropdown-border-right, var(--dropdown-border));border-bottom-color:var(--dropdown-border-bottom, var(--dropdown-border));border-left-color:var(--dropdown-border-left, var(--dropdown-border));border-radius:var(--dropdown-radius, 3px);padding:0;display:flex;flex-direction:column}.dropdown-root[data-open=true]:not([data-overlay-menu=true]) .dropdown-field{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-width:0}.dropdown-trigger{font-family:inherit;width:100%;border-radius:var(--dropdown-radius, 3px);border:none;background:var(--dropdown-surface);color:var(--dropdown-text);display:flex;align-items:center;justify-content:space-between;padding:.35em .75rem .35em .5rem;font-size:var(--dropdown-font-size, 16px);font-weight:600;cursor:pointer;transition:border-color .12s ease,color .12s ease;line-height:1;min-width:0}.dropdown-trigger:disabled{cursor:not-allowed;opacity:.6}.dropdown-trigger[data-open=true]{border-color:var(--dropdown-text);border-bottom-left-radius:0;border-bottom-right-radius:0}.dropdown-root[data-overlay-menu=true] .dropdown-trigger[data-open=true]{border-bottom-left-radius:var(--dropdown-radius, 3px);border-bottom-right-radius:var(--dropdown-radius, 3px)}.dropdown-value{display:inline-flex;align-items:center;color:var(--dropdown-text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-placeholder{color:var(--dropdown-placeholder)}.dropdown-caret{display:inline-flex;align-items:center;color:var(--dropdown-muted);transition:transform .12s ease}.dropdown-trigger[data-open=true] .dropdown-caret{transform:rotate(180deg)}.dropdown-root--icon .dropdown-menu{width:max-content;min-width:max(var(--dropdown-menu-width, 100%),var(--dropdown-anchor-width, 0px));border-top-width:1px;border-top-color:var(--dropdown-border);border-radius:var(--dropdown-radius, 3px)}.dropdown-root--icon .dropdown-field{border:none}.dropdown-menu{position:fixed;box-sizing:border-box;background:transparent;border-style:solid;border-width:1px;border-color:var(--dropdown-border);border-right-color:var(--dropdown-border-right, var(--dropdown-border));border-bottom-color:var(--dropdown-border-bottom, var(--dropdown-border));border-left-color:var(--dropdown-border-left, var(--dropdown-border));border-radius:0 0 var(--dropdown-radius, 3px) var(--dropdown-radius, 3px);box-shadow:var(--dropdown-shadow, none);padding:0;display:flex;flex-direction:column;gap:0;max-height:240px;overflow:hidden;z-index:1000}.dropdown-menu__viewport{display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.dropdown-menu__viewport::-webkit-scrollbar{width:0;height:0}.dropdown-menu__scrollbar{position:absolute;top:0;right:0;bottom:0;width:6px;pointer-events:none;opacity:0;transition:opacity .16s ease}.dropdown-menu:hover .dropdown-menu__scrollbar{opacity:1}.dropdown-menu__scrollbar-thumb{width:100%;border-radius:999px;background:var(--dropdown-text)}.dropdown-menu[data-placement=down]{border-top-width:0;border-radius:0 0 var(--dropdown-radius, 3px) var(--dropdown-radius, 3px)}.dropdown-root[data-overlay-menu=true] .dropdown-menu[data-placement=down]{border-top-width:1px;border-radius:var(--dropdown-radius, 3px)}.dropdown-menu[data-placement=up]{transform:translateY(-100%);border-top-width:1px;border-bottom-width:0;border-radius:var(--dropdown-radius, 3px) var(--dropdown-radius, 3px) 0 0}.dropdown-root[data-overlay-menu=true] .dropdown-menu[data-placement=up]{border-bottom-width:1px;border-radius:var(--dropdown-radius, 3px)}.dropdown-root--icon .dropdown-menu[data-placement=down]{border-top-width:1px;border-radius:var(--dropdown-radius, 3px)}.dropdown-root--icon .dropdown-menu[data-placement=up]{border-bottom-width:1px;border-radius:var(--dropdown-radius, 3px)}.dropdown-option{font-family:inherit;width:100%;border:none;background:var(--dropdown-surface);text-align:left;border-radius:0;padding:0 .75rem 0 .5rem;color:var(--dropdown-text);display:flex;flex-direction:column;gap:2px;font-size:var(--dropdown-font-size, 16px);cursor:pointer;transition:background .1s ease,color .1s ease;justify-content:center;height:var(--dropdown-row-height);flex-shrink:0;box-sizing:border-box}.dropdown-root[data-compact=true] .dropdown-option{flex-shrink:1}.dropdown-option:disabled{cursor:not-allowed;background:var(--dropdown-surface);color:var(--dropdown-muted)}.dropdown-option:disabled .dropdown-option-label,.dropdown-option:disabled .dropdown-option-description{opacity:.4}.dropdown-option:disabled .dropdown-option-icon{color:var(--dropdown-muted)}.dropdown-root[data-show-icons=true] .dropdown-option{padding-left:.35rem}.dropdown-option[data-has-description=true]{padding:.35em .75rem .35em .5rem;height:auto;min-height:var(--dropdown-row-height)}.dropdown-root[data-show-icons=true] .dropdown-option[data-has-description=true]{padding-left:.35rem}.dropdown-option[data-focused=true]{background:linear-gradient(var(--dropdown-focus-overlay, transparent),var(--dropdown-focus-overlay, transparent)),var(--dropdown-surface)}.dropdown-option[aria-selected=true]{background:var(--dropdown-inverse-surface);color:var(--dropdown-inverse-text)}.dropdown-option:disabled[aria-selected=true]{background:var(--dropdown-surface);color:var(--dropdown-muted)}.dropdown-option-label{font-family:inherit;font-weight:600;line-height:1.1}.dropdown-option-label--icon{display:inline-flex;align-items:center;gap:.4em}.dropdown-option-icon{width:var(--dropdown-row-height);height:var(--dropdown-row-height);display:inline-flex;align-items:center;justify-content:center;color:var(--dropdown-text);box-sizing:border-box;padding:calc(var(--dropdown-icon-inset) + 1px)}.dropdown-option-icon svg{width:100%;height:100%}.dropdown-option-icon--empty{opacity:0}.dropdown-option[aria-selected=true] .dropdown-option-icon{color:var(--dropdown-inverse-text)}.dropdown-option:disabled[aria-selected=true] .dropdown-option-icon{color:var(--dropdown-muted)}.dropdown-option-text{line-height:1.1;white-space:nowrap}.dropdown-option-description{font-family:inherit;font-size:calc(var(--dropdown-font-size, 16px) * .75);color:var(--dropdown-muted);line-height:1.1}.dropdown-option-description--inverse{color:var(--dropdown-inverse-text)}.dropdown-option:disabled .dropdown-option-description--inverse{color:var(--dropdown-muted)}.dropdown-option:last-of-type{border-bottom-left-radius:var(--dropdown-radius, 3px);border-bottom-right-radius:var(--dropdown-radius, 3px)}.dropdown-empty{padding:10px;font-size:12px;color:var(--dropdown-muted);text-align:center}.ui-bits-key-value-rows{display:flex;flex-direction:column}.ui-bits-key-value-rows__row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:var(--ui-bits-key-value-rows-row-height);padding:0 var(--ui-bits-key-value-rows-padding-x);border-top:1px solid var(--ui-bits-key-value-rows-border-color);box-sizing:border-box}.ui-bits-key-value-rows__row:first-child{border-top:none}.ui-bits-key-value-rows__row--empty{justify-content:center;opacity:.7}.ui-bits-key-value-rows__label{flex:0 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.7}.ui-bits-key-value-rows__value{flex:1 1 auto;min-width:0;margin-left:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right}.ui-bits-key-value-accordion{display:flex;flex-direction:column}.ui-bits-key-value-accordion__item{display:flex;flex-direction:column;border-top:1px solid var(--ui-bits-key-value-accordion-border-color)}.ui-bits-key-value-accordion__item:first-child{border-top:none}.ui-bits-key-value-accordion__header{display:grid;grid-template-columns:var(--ui-bits-key-value-accordion-row-height) minmax(0,1fr) minmax(0,auto);align-items:center;gap:12px;min-height:var(--ui-bits-key-value-accordion-row-height);padding:0 var(--ui-bits-key-value-accordion-padding-x);box-sizing:border-box}.ui-bits-key-value-accordion__header--expandable{cursor:pointer}.ui-bits-key-value-accordion__header--disabled{cursor:not-allowed;opacity:.62}.ui-bits-key-value-accordion__icon{display:flex;align-items:center;justify-content:flex-start}.ui-bits-key-value-accordion__icon-placeholder{width:var(--ui-bits-key-value-accordion-row-height);height:var(--ui-bits-key-value-accordion-row-height)}.ui-bits-key-value-accordion__label{flex:0 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.7}.ui-bits-key-value-accordion__value{flex:1 1 auto;min-width:0;margin-left:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right}.ui-bits-key-value-accordion__body{border-top:1px solid var(--ui-bits-key-value-accordion-border-color);padding-left:var(--ui-bits-key-value-accordion-body-padding-x);padding-right:var(--ui-bits-key-value-accordion-body-padding-x);padding-top:var(--ui-bits-key-value-accordion-body-padding-y);padding-bottom:var(--ui-bits-key-value-accordion-body-padding-y);display:flex;flex-direction:column;gap:var(--ui-bits-key-value-accordion-body-gap);background:var(--ui-bits-key-value-accordion-body-background);backdrop-filter:var(--ui-bits-key-value-accordion-body-backdrop-filter);-webkit-backdrop-filter:var(--ui-bits-key-value-accordion-body-backdrop-filter);box-sizing:border-box}.ui-bits-key-value-accordion__body--collapsed{display:none}.ui-bits-key-value-accordion__empty{min-height:var(--ui-bits-key-value-accordion-row-height);display:flex;align-items:center;justify-content:center;padding:0 var(--ui-bits-key-value-accordion-padding-x);opacity:.7;box-sizing:border-box}.ui-bits-radio-list{display:flex;flex-direction:column;gap:4px;font-family:var(--ui-bits-font-family, "IBM Plex Mono", monospace);box-sizing:border-box}.ui-bits-radio-list__label{font-size:.8em;letter-spacing:.08em;text-transform:uppercase;opacity:.85}.ui-bits-radio-list__group{width:100%}.ui-bits-radio-list__item{gap:8px}.ui-bits-radio-list__item.ui-bits-list-row--active{background:var(--ui-bits-radio-list-active-bg, currentColor);color:var(--ui-bits-radio-list-active-color, #fff);border-color:var(--ui-bits-radio-list-active-border, currentColor)}.ui-bits-radio-list__icon{width:1em;height:1em;flex:0 0 auto;stroke-width:1.9}.ui-bits-radio-list__content{display:flex;flex-direction:column;min-width:0;gap:2px}.ui-bits-radio-list__name{line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui-bits-radio-list__description{font-size:.85em;line-height:1.15;opacity:.72;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui-bits-color-field{display:flex;align-items:center;width:100%}.ui-bits-color-field__label{font-weight:600;line-height:1}.ui-bits-sequencer{position:relative;width:100%;border:1px solid var(--seq-border, #4a4a4a);border-radius:3px;font-family:var(--ui-bits-font-family, "IBM Plex Mono", monospace);font-size:var(--seq-font-size, 12px);color:var(--seq-header-text, #f2f0e5)}.ui-bits-sequencer__header{height:var(--seq-header-height, 24px);background:var(--seq-header-bg, #1c1b1a);border-bottom:1px solid var(--seq-border, #4a4a4a);border-radius:3px 3px 0 0;font-weight:600;line-height:1}.ui-bits-sequencer__header-inner{height:100%;width:100%;display:flex;align-items:center;gap:8px;padding:0 8px;box-sizing:border-box}.ui-bits-sequencer__body{position:relative;height:var(--seq-body-height, 120px);background:var(--seq-bg, #0f0f0f);overflow:hidden}.ui-bits-sequencer__canvas{width:100%;height:100%;display:block}.ui-bits-sequencer__footer{height:var(--seq-header-height, 24px);background:var(--seq-header-bg, #1c1b1a);border-top:1px solid var(--seq-border, #4a4a4a);border-radius:0 0 3px 3px;font-weight:600;line-height:1}.ui-bits-sequencer__footer-inner{height:100%;width:100%;display:flex;align-items:center;gap:8px;padding:0 8px;box-sizing:border-box}.ui-bits-name-input-row{display:flex;align-items:center;gap:4px;width:100%;color:inherit;font-family:var(--ui-bits-font-family, "IBM Plex Mono", monospace);box-sizing:border-box}.ui-bits-name-input-row__input{flex:1;min-width:0}.ui-bits-dial{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;line-height:1;font-family:var(--ui-bits-font-family, "IBM Plex Mono", monospace);font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;box-sizing:border-box}.ui-bits-dial__arc{position:absolute;inset:calc(var(--dial-border-width, 1px) * -1)}.ui-bits-dial__track{fill:none;stroke:currentColor;stroke-width:var(--dial-stroke, 2px);stroke-linecap:round;opacity:.25}.ui-bits-dial__indicator{fill:none;stroke:var(--dial-indicator-color, currentColor);stroke-width:var(--dial-stroke, 2px);stroke-linecap:round}.ui-bits-dial__dot{fill:var(--dial-indicator-color, currentColor)}.ui-bits-dial__value{position:relative;z-index:1}.ui-bits-dial__value[data-digits="3"],.ui-bits-dial__value[data-digits="4"]{font-size:.8em}.ui-bits-dial__value[data-digits="5"],.ui-bits-dial__value[data-digits="6"]{font-size:.7em}.ui-bits-floating-panel__body::-webkit-scrollbar{width:0;height:0}.ui-bits-floating-panel__scrollbar{opacity:0}.ui-bits-floating-panel__body-wrap:hover .ui-bits-floating-panel__scrollbar{opacity:1}.audio-fft-window__fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#fff9;text-transform:uppercase;letter-spacing:.08em}.audio-fft-window__interaction-layer{position:absolute;inset:0;cursor:ew-resize;touch-action:none;z-index:2;background:transparent}.ui-bits-virtual-keyboard{position:relative;width:100%;border:1px solid var(--vk-border, #4a4a4a);border-radius:3px;touch-action:none;font-family:var(--ui-bits-font-family, "IBM Plex Mono", monospace);font-size:var(--vk-font-size, 12px);box-sizing:border-box}.ui-bits-virtual-keyboard__header{height:var(--vk-header-height, 24px);background:var(--vk-header-bg, #1c1b1a);color:var(--vk-header-text, #f2f0e5);border-bottom:1px solid var(--vk-border, #4a4a4a);font-weight:600;line-height:1;border-radius:3px 3px 0 0}.ui-bits-virtual-keyboard__header-inner{height:100%;width:100%;display:flex;align-items:center;gap:8px;padding:0 8px;box-sizing:border-box}.ui-bits-virtual-keyboard__header-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.ui-bits-virtual-keyboard__header-content{flex:1;min-width:0;height:100%;display:flex;align-items:center;gap:8px;overflow:visible}.ui-bits-virtual-keyboard__body{position:relative;height:var(--vk-body-height, 120px);background:var(--vk-bg, #0f0f0f);overflow:hidden}.ui-bits-virtual-keyboard__footer{height:var(--vk-header-height, 24px);background:var(--vk-header-bg, #1c1b1a);color:var(--vk-header-text, #f2f0e5);border-top:1px solid var(--vk-border, #4a4a4a);border-radius:0 0 3px 3px;font-weight:600;line-height:1}.ui-bits-virtual-keyboard__footer-inner{height:100%;width:100%;display:flex;align-items:center;gap:8px;padding:0 8px;box-sizing:border-box}.ui-bits-virtual-keyboard__footer-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.ui-bits-virtual-keyboard__footer-content{flex:1;min-width:0;height:100%;display:flex;align-items:center}.ui-bits-virtual-keyboard__white{display:flex;height:100%}.ui-bits-virtual-keyboard__black{position:absolute;top:0;left:0;width:100%;height:60%;pointer-events:none}.ui-bits-virtual-keyboard__key{border:1px solid var(--vk-key-border, #3a3a3a);padding:0;margin:0;display:inline-flex;align-items:flex-end;justify-content:center;line-height:1;cursor:pointer;-webkit-user-select:none;user-select:none}.ui-bits-virtual-keyboard__label{padding-bottom:8px}.ui-bits-virtual-keyboard__controls{display:flex;align-items:center;gap:8px;min-width:0}.ui-bits-virtual-keyboard__header-extra{display:flex;align-items:center;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-bits-virtual-keyboard__control-group{display:flex;align-items:center;gap:6px;white-space:nowrap}.ui-bits-virtual-keyboard__control-label{font-size:.9em}.ui-bits-virtual-keyboard__dropdown{flex-shrink:0}.ui-bits-virtual-keyboard__key--white{flex:1;background:var(--vk-white, #f2f0e5);color:var(--vk-white-text, #1c1b1a)}.ui-bits-virtual-keyboard__key--white.is-active{background:var(--vk-white-active, #ffd67a)}.ui-bits-virtual-keyboard__key--black{position:absolute;height:100%;background:var(--vk-black, #1c1b1a);color:var(--vk-black-text, #f2f0e5);border-radius:0 0 4px 4px;transform:translate(-50%);pointer-events:auto;z-index:2}.ui-bits-virtual-keyboard__key--black.is-active{background:var(--vk-black-active, #d14a2f)}@font-face{font-family:IBM Plex Mono;src:url(/IBM_Plex_Mono/IBMPlexMono-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}:root{color-scheme:dark;--flexoki-base-50: #F2F0E5;--flexoki-base-800: #403E3C;--flexoki-base-900: #282726;--flexoki-base-950: #1C1B1A;--flexoki-base-200: #CECDC3;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-weight:600;line-height:1.5;color:var(--flexoki-base-50);background-color:var(--flexoki-base-950)}body{margin:0;background-color:var(--flexoki-base-950);color:inherit}.docs-layout{min-height:100vh;height:100vh;display:flex;width:100%;overflow:hidden}.docs-sidebar{--sidebar-width: 220px;width:var(--sidebar-width);background:var(--flexoki-base-900);border-right:1px solid var(--flexoki-base-800);display:flex;flex-direction:column;font-size:16px}.docs-brand{display:flex;align-items:center;justify-content:center;gap:8px;height:var(--sidebar-width);position:relative;overflow:hidden}.docs-brand-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.docs-brand-content{position:relative;z-index:1;display:flex;align-items:center;gap:8px}.docs-brand-text{font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:1.1rem;letter-spacing:.04em}.docs-folder{width:100%;min-height:0;overflow:auto}.docs-button{display:block;width:100%;margin-top:6px}.docs-main{flex:1;padding:24px;overflow:auto;min-width:0;min-height:0;scrollbar-gutter:stable}.docs-title{margin:0;font-size:24px}.docs-section-title{margin:32px 0 12px;font-size:18px;font-weight:600;text-align:left}.docs-code-section{display:grid;grid-template-columns:minmax(280px,42rem) minmax(22rem,1fr);gap:18px 24px;align-items:start;margin-top:0}.docs-code-section .docs-code{grid-column:2;height:auto;min-width:0}.docs-code-section>:not(.docs-code){min-width:0}.docs-dropdown-stack{display:flex;flex-direction:column;gap:16px;align-items:flex-start;min-width:0}.docs-radio-stack{display:flex;flex-direction:column;gap:16px;width:100%;max-width:520px;min-width:0}.docs-example-stack{display:flex;flex-direction:column;gap:16px;width:100%;min-width:0}.docs-example-stack--narrow{max-width:360px}.docs-code-stack{grid-column:2;display:flex;flex-direction:column;gap:16px;min-width:0}.docs-code-stack .docs-code{height:auto}.docs-audio-wrap{width:100%;max-width:720px}.docs-audio-stack{width:100%;max-width:720px;display:flex;flex-direction:column;gap:16px;min-width:0}.docs-slider-item{display:flex;flex-direction:column;gap:8px;height:100%}.docs-slider-grid .docs-code pre,.docs-icon-grid .docs-code pre{min-height:3em;max-height:12rem}.docs-slider-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px;margin-top:16px;align-items:start}.docs-icon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:16px;margin-top:16px;align-items:start}.docs-icon-item{display:flex;flex-direction:column;gap:12px;align-items:center}.docs-icon-row{display:flex;gap:12px;align-items:center}.docs-icon-hero{display:flex;align-items:center;justify-content:center;min-height:120px;flex-direction:column;gap:8px}.docs-icon-item .docs-code{align-self:stretch;width:100%}.docs-icon-item .docs-code pre{width:100%}.docs-icon-grid--four{grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr))}.docs-slider-grid--five{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}.docs-slider-grid--four{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}.docs-code pre{margin:0;min-height:140px;height:auto;max-height:min(58vh,520px);border-radius:6px;border:1px solid var(--flexoki-base-800);overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;box-sizing:border-box}.docs-code{display:flex;flex-direction:column;height:auto;min-width:0}.docs-slider-item .docs-code,.docs-icon-item .docs-code{flex:1}.docs-code-empty{background:var(--flexoki-base-900)}.docs-text-block{margin-top:24px;max-width:720px;font-size:14px;line-height:1.6;color:var(--flexoki-base-200);display:flex;flex-direction:column;gap:12px}.docs-text-block--intro{margin-top:12px;margin-bottom:24px}.docs-selection-grid-stack{display:flex;flex-direction:column;gap:16px;min-width:0}.docs-text-block p{margin:0}.docs-panel{z-index:20}@media(max-width:1100px){.docs-code-section{grid-template-columns:minmax(0,1fr)}.docs-code-section .docs-code,.docs-code-stack{grid-column:auto}}@media(max-width:760px){.docs-layout{height:auto;min-height:100vh;display:block;overflow:visible}.docs-sidebar{width:100%;max-height:42vh;border-right:0;border-bottom:1px solid var(--flexoki-base-800);overflow:auto}.docs-brand{height:112px}.docs-main{padding:18px;overflow:visible}.docs-title{font-size:22px}.docs-section-title{margin-top:28px}}