*{margin:0;padding:0;box-sizing:border-box}:root{--color-bg: #000000;--color-panelBg: #243941;--color-panelBorder: #497582;--color-panelBorderLight: #828282;--color-panelBorderDark: #282828;--color-buttonFace: #515151;--color-buttonHighlight: #828282;--color-buttonShadow: #282828;--color-buttonText: #C2C2C2;--color-buttonActive: #414120;--color-buttonHover: #619AB6;--color-text: #C2C2C2;--color-textBright: #FFFFFF;--color-textDim: #515151;--color-textAccent: #619AB6;--color-headerBg: #243941;--color-headerText: #C2C2C2;--color-scrollbarBg: #282828;--color-scrollbarThumb: #515151;--font-family: "DotGothic16", "Consolas", "Courier New", monospace;--font-size-small: 11px;--font-size: 13px;--font-size-large: 15px;--font-size-title: 16px}html,body{width:100%;height:100%;overflow:hidden;background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none}#root{width:100%;height:100%}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-scrollbarBg)}::-webkit-scrollbar-thumb{background:var(--color-scrollbarThumb);border:1px solid var(--color-panelBorderDark)}::-webkit-scrollbar-thumb:hover{background:var(--color-buttonHighlight)}.panel{background-color:var(--color-panelBg);border:1px solid var(--color-panelBorder);border-top-color:var(--color-panelBorderLight);border-left-color:var(--color-panelBorderLight);border-bottom-color:var(--color-panelBorderDark);border-right-color:var(--color-panelBorderDark)}.panel-inset{background-color:var(--color-bg);border:1px solid var(--color-panelBorderDark);border-top-color:var(--color-panelBorderDark);border-left-color:var(--color-panelBorderDark);border-bottom-color:var(--color-panelBorderLight);border-right-color:var(--color-panelBorderLight)}.ft2-button{display:inline-flex;align-items:center;justify-content:center;background-color:var(--color-buttonFace);color:var(--color-buttonText);border:1px solid;border-top-color:var(--color-buttonHighlight);border-left-color:var(--color-buttonHighlight);border-bottom-color:var(--color-buttonShadow);border-right-color:var(--color-buttonShadow);font-family:var(--font-family);font-size:var(--font-size-small);padding:4px 10px;cursor:pointer;min-width:28px;min-height:24px;transition:none}.ft2-button:hover{background-color:var(--color-buttonHover)}.ft2-button:active,.ft2-button.active{background-color:var(--color-buttonActive);border-top-color:var(--color-buttonShadow);border-left-color:var(--color-buttonShadow);border-bottom-color:var(--color-buttonHighlight);border-right-color:var(--color-buttonHighlight)}.ft2-slider{--ft2-slider-fill: 0%;-webkit-appearance:none;appearance:none;height:20px;margin:0;padding:0;background:transparent;outline:none;cursor:pointer}.ft2-slider::-webkit-slider-runnable-track{height:10px;background:repeating-linear-gradient(to right,transparent 0,transparent calc(25% - 1px),rgba(255,255,255,.16) calc(25% - 1px),rgba(255,255,255,.16) 25%),linear-gradient(to right,var(--color-textAccent) 0 var(--ft2-slider-fill),var(--color-vuBg) var(--ft2-slider-fill) 100%);border:1px solid var(--color-panelBorderDark);box-shadow:inset 1px 1px var(--color-buttonShadow),inset -1px -1px var(--color-panelBorder)}.ft2-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:18px;margin-top:-5px;background:var(--color-buttonFace);border:1px solid;border-top-color:var(--color-buttonHighlight);border-left-color:var(--color-buttonHighlight);border-right-color:var(--color-buttonShadow);border-bottom-color:var(--color-buttonShadow);box-shadow:inset -1px -1px 0 var(--color-panelBorderDark),1px 1px 0 var(--color-bg)}.ft2-slider::-moz-range-track{height:10px;background:repeating-linear-gradient(to right,transparent 0,transparent calc(25% - 1px),rgba(255,255,255,.16) calc(25% - 1px),rgba(255,255,255,.16) 25%),linear-gradient(to right,var(--color-textAccent) 0 var(--ft2-slider-fill),var(--color-vuBg) var(--ft2-slider-fill) 100%);border:1px solid var(--color-panelBorderDark);box-shadow:inset 1px 1px var(--color-buttonShadow),inset -1px -1px var(--color-panelBorder)}.ft2-slider::-moz-range-thumb{width:12px;height:18px;background:var(--color-buttonFace);border:1px solid;border-top-color:var(--color-buttonHighlight);border-left-color:var(--color-buttonHighlight);border-right-color:var(--color-buttonShadow);border-bottom-color:var(--color-buttonShadow);border-radius:0;box-shadow:inset -1px -1px 0 var(--color-panelBorderDark),1px 1px 0 var(--color-bg)}.ft2-slider::-moz-range-progress{background:transparent}.ft2-slider:focus-visible::-webkit-slider-thumb{outline:1px solid var(--color-textBright);outline-offset:1px}.ft2-slider:focus-visible::-moz-range-thumb{outline:1px solid var(--color-textBright);outline-offset:1px}.ft2-slider:disabled{cursor:default;opacity:.45}.ft2-select{--ft2-select-arrow: var(--color-textAccent);-webkit-appearance:none;appearance:none;border-radius:0;background-color:transparent;background-image:linear-gradient(45deg,transparent 50%,var(--ft2-select-arrow) 50%),linear-gradient(135deg,var(--ft2-select-arrow) 50%,transparent 50%);background-position:calc(100% - 10px) 8px,calc(100% - 5px) 8px;background-size:5px 5px;background-repeat:no-repeat;padding-right:17px}.ft2-select:disabled{--ft2-select-arrow: var(--color-textDim);cursor:default;opacity:.65}.ft2-select:focus-visible{outline:1px dotted var(--color-textAccent);outline-offset:-1px}.ft2-select option{background:var(--color-bg);color:var(--color-text)}.label{color:var(--color-textDim);font-size:var(--font-size-small);text-transform:uppercase;letter-spacing:0}.value{color:var(--color-textBright);font-size:var(--font-size)}.panel-header,.header-bar{background-color:var(--color-headerBg);color:var(--color-headerText);padding:0 8px;height:22px;min-height:22px;font-size:var(--font-size-small);border-bottom:1px solid var(--color-panelBorderDark);display:flex;align-items:center;gap:8px;flex-shrink:0;letter-spacing:0}.panel-body{flex:1;min-height:0;overflow:hidden}.transport-bar{flex-shrink:0}.transport-controls{display:flex;align-items:center;gap:12px;padding:6px 8px;flex-wrap:wrap}.transport-logo{font-weight:700;color:var(--color-textBright);font-size:var(--font-size);letter-spacing:0;white-space:nowrap}.transport-filename{color:var(--color-textAccent);font-size:var(--font-size-small);overflow:hidden;white-space:nowrap;flex:1;min-width:0}.transport-filename-inner{display:inline-block}.transport-filename.overflowing .transport-filename-inner{animation:filename-bounce 4s ease-in-out infinite alternate;animation-delay:1s}.transport-queue-source{flex:0 1 auto;max-width:180px;padding:3px 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-textBright);font-size:var(--font-size-small);background:var(--color-bg);border:1px solid;border-top-color:var(--color-panelBorderDark);border-left-color:var(--color-panelBorderDark);border-bottom-color:var(--color-panelBorderLight);border-right-color:var(--color-panelBorderLight)}.transport-queue-source-action{font:inherit;cursor:pointer}.transport-queue-source-action:hover,.transport-queue-source-action:focus-visible{color:var(--color-textAccent);outline:1px dotted var(--color-textAccent);outline-offset:-2px}@keyframes filename-bounce{0%{transform:translate(0)}to{transform:translate(var(--scroll-distance))}}.transport-buttons{display:flex;gap:2px}.transport-buttons .ft2-button{font-size:14px;min-width:32px;min-height:28px;display:inline-flex;align-items:center;justify-content:center}.transport-buttons .ft2-button svg{display:block;image-rendering:pixelated}.load-button{cursor:pointer!important}.transport-right .ft2-button{display:inline-flex;align-items:center;justify-content:center}.transport-right .ft2-button svg{display:block;image-rendering:pixelated}.transport-info{display:flex;gap:12px;align-items:center;white-space:nowrap}.transport-position,.transport-tempo{display:flex;align-items:center;gap:6px;padding:3px 8px;background:var(--color-bg);border:1px solid;border-top-color:var(--color-panelBorderDark);border-left-color:var(--color-panelBorderDark);border-bottom-color:var(--color-panelBorderLight);border-right-color:var(--color-panelBorderLight)}.transport-position .label,.transport-tempo .label{font-size:10px;text-transform:uppercase;letter-spacing:0}.transport-position .value,.transport-tempo .value{font-size:var(--font-size);min-width:28px;color:var(--color-textBright)}.transport-right{display:flex;align-items:center;gap:6px}.transport-volume{display:flex;align-items:center;gap:4px}.transport-volume .label{color:var(--color-textBright)}.transport-volume-slider{width:80px}.volume-value{min-width:24px;text-align:right;font-size:var(--font-size-small)}@media(max-width:768px){.transport-controls{gap:6px;padding:4px 6px;justify-content:center}.transport-right .transport-panel-toggle{display:none}.transport-info{gap:6px}.transport-info .transport-position,.transport-info .transport-tempo{padding:2px 4px;gap:3px}.transport-volume-slider{width:50px}.transport-filename{order:8;flex:0 1 auto;max-width:140px}.transport-queue-source{order:8;max-width:120px}.transport-right{order:9}}.pattern-view{flex:1;overflow:hidden;position:relative;min-height:200px}.pattern-view canvas{display:block;width:100%;height:100%;touch-action:none}.pattern-view canvas:focus-visible{outline:1px dotted var(--color-textAccent);outline-offset:-2px}.visualizer{display:flex;flex-direction:column;overflow:hidden}.visualizer-canvas{cursor:pointer;position:relative}.visualizer-canvas canvas{display:block;width:100%;height:100%}.module-info{display:flex;flex-direction:column;overflow:hidden}.module-info-empty{padding:12px;text-align:center}.module-info-content{padding:6px 8px;display:flex;flex-direction:column;gap:3px;overflow-y:auto}.info-row{display:flex;align-items:center;gap:8px}.info-row .label{min-width:60px;color:var(--color-textBright)}.info-row .value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-row-control{align-items:stretch}.info-subsong-select{flex:1;min-width:0;height:20px;border:0;outline:0;color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-small);cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-title{color:var(--color-textAccent);font-weight:700}.info-tabs{display:flex;flex-wrap:wrap;gap:2px;margin-top:6px;padding-top:4px;border-top:1px solid var(--color-panelBorderDark)}.info-tab{font-size:10px!important;padding:2px 8px!important;min-height:18px!important;min-width:0!important}.info-list{flex:1;overflow-y:auto;padding:2px;font-size:var(--font-size-small)}.info-list-orders{display:flex;flex-direction:column;gap:2px}.info-mixer-list{display:flex;flex-direction:column;gap:3px}.info-list-messages{display:flex;flex-direction:column;gap:6px;padding:6px}.info-list-item{display:flex;gap:6px;padding:1px 4px;line-height:1.4}.info-list-named{align-items:center;min-height:22px}.info-list-named-stacked{align-items:flex-start;min-height:32px}button.info-list-item{width:100%;border:0;background:transparent;color:inherit;font:inherit;text-align:left}.info-list-item:hover{background-color:var(--color-panelBg)}.info-list-clickable{cursor:pointer}.info-list-clickable:disabled{cursor:default;opacity:.55}.info-list-clickable:focus-visible{outline:1px dotted var(--color-textAccent);outline-offset:-1px}.info-list-active{background-color:var(--color-currentRow)!important;color:var(--color-textBright)}.info-list-active .info-list-index{color:var(--color-textAccent);font-weight:700}.info-list-index{color:var(--color-textDim);min-width:20px}.info-list-main{flex:1;min-width:0;display:flex;flex-direction:column}.info-list-name{flex:1;min-width:0;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-list-main .info-list-name{flex:0 1 auto}.info-order-map{display:flex;flex-direction:column;gap:4px;padding:5px;margin-bottom:2px;border-bottom:1px solid var(--color-panelBorderDark);background:var(--color-bg);box-shadow:inset 1px 1px var(--color-buttonShadow)}.info-order-map-summary{color:var(--color-textDim);font-size:9px}.info-order-map-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(20px,1fr));gap:2px}.info-order-map-cell{--order-map-fill: var(--color-panelBg);--order-map-activity: 0%;min-width:0;min-height:17px;padding:0 2px;border:1px solid var(--color-panelBorderDark);color:var(--color-textBright);background:linear-gradient(to top,rgba(255,255,255,.24) 0 var(--order-map-activity),transparent var(--order-map-activity) 100%),linear-gradient(180deg,var(--order-map-fill),var(--color-bg));box-shadow:inset 1px 1px #ffffff2e;font:inherit;font-size:8px;line-height:1;cursor:pointer}.info-order-map-cell[data-tone="0"]{--order-map-fill: #315d9b}.info-order-map-cell[data-tone="1"]{--order-map-fill: #357861}.info-order-map-cell[data-tone="2"]{--order-map-fill: #8a6a2c}.info-order-map-cell[data-tone="3"]{--order-map-fill: #884f78}.info-order-map-cell[data-tone="4"]{--order-map-fill: #8d4743}.info-order-map-cell[data-tone="5"]{--order-map-fill: #4b6d36}.info-order-map-cell[data-tone="6"]{--order-map-fill: #765a98}.info-order-map-cell[data-tone="7"]{--order-map-fill: #2f777f}.info-order-map-cell[data-loaded=true]{border-color:var(--color-panelBorderLight)}.info-order-map-cell:hover,.info-order-map-cell:focus-visible{outline:1px dotted var(--color-textAccent);outline-offset:-1px;color:var(--color-textAccent)}.info-order-map-cell.active{border-color:var(--color-textAccent);color:var(--color-textAccent);box-shadow:inset 0 0 0 1px var(--color-textAccent)}.info-order-map-cell:disabled{cursor:default;opacity:.52}.info-order-map-cell span{display:block;overflow:hidden;text-overflow:clip;white-space:nowrap}.info-audition-entry{flex:0 0 auto;min-width:18px!important;min-height:18px!important;padding:1px!important;display:inline-flex;align-items:center;justify-content:center}.info-audition-entry svg{display:block;image-rendering:pixelated}.info-asset-badges{display:flex;flex-wrap:wrap;gap:2px;margin-top:1px;min-width:0;overflow:hidden}.info-asset-badge{padding:0 3px;max-width:64px;color:var(--color-textBright);background:var(--color-panelBg);border:1px solid var(--color-panelBorderDark);font-size:9px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.info-message-text{margin:0;padding:6px;min-height:42px;color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-panelBorderDark);box-shadow:inset 1px 1px var(--color-buttonShadow);font:inherit;font-size:10px;line-height:1.35;white-space:pre-wrap;overflow-wrap:anywhere}.info-message-warning{color:var(--color-textAccent);border-color:var(--color-panelBorder)}.info-message-empty{padding:10px 6px;color:var(--color-textDim);text-align:center}.module-audition-overlay{position:fixed;inset:0;background:#0000009e;display:flex;align-items:center;justify-content:center;z-index:920}.module-audition-dialog{width:min(860px,calc(100vw - 28px));max-height:min(82vh,620px);display:flex;flex-direction:column}.module-audition-header{display:flex;align-items:center;justify-content:space-between}.module-audition-close{min-width:18px!important;min-height:16px!important;padding:0!important;display:inline-flex;align-items:center;justify-content:center}.module-audition-close svg{image-rendering:pixelated}.module-audition-content{padding:8px;display:flex;flex-direction:column;gap:10px;overflow-y:auto}.module-audition-title{display:flex;flex-direction:column;min-width:0;line-height:1.25}.module-audition-title span{color:var(--color-textBright);font-size:10px}.module-audition-title strong{color:var(--color-textAccent);font-size:14px;overflow-wrap:anywhere}.module-audition-section{display:flex;flex-direction:column;gap:6px;min-width:0}.module-audition-section-title{display:flex;align-items:center;gap:4px;color:var(--color-textBright);font-size:11px}.module-audition-keyboard{height:clamp(166px,29vh,232px);padding:7px 8px 9px;background:var(--color-panelBorder);border:1px solid var(--color-panelBorderDark);border-top-color:var(--color-panelBorderDark);border-left-color:var(--color-panelBorderDark);border-bottom-color:var(--color-panelBorderLight);border-right-color:var(--color-panelBorderLight);overflow-x:auto;overflow-y:hidden}.module-audition-keyboard-inner{--white-key-count: 29;position:relative;min-width:calc(var(--white-key-count) * 24px);height:100%}.module-audition-white-keys{display:grid;grid-template-columns:repeat(var(--white-key-count),minmax(0,1fr));gap:1px;height:100%}.module-audition-black-keys{position:absolute;top:0;left:0;right:0;height:55%;pointer-events:none}.module-audition-key{position:relative;border:1px solid;font:inherit;font-size:8px;cursor:pointer;padding:5px 1px 6px;min-width:0;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:3px;touch-action:none;overflow:hidden}.module-audition-key:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--keymap-tone, var(--color-textAccent));opacity:0}.module-audition-key-mapped:before{opacity:.82}.module-audition-key-remapped:after{content:"";position:absolute;left:2px;right:2px;bottom:2px;height:2px;background:var(--keymap-tone, var(--color-textAccent));opacity:.72}.module-audition-key[data-sample-tone="0"]{--keymap-tone: var(--color-textAccent)}.module-audition-key[data-sample-tone="1"]{--keymap-tone: var(--color-vuGreen)}.module-audition-key[data-sample-tone="2"]{--keymap-tone: var(--color-vuYellow)}.module-audition-key[data-sample-tone="3"]{--keymap-tone: var(--color-vuRed)}.module-audition-key[data-sample-tone="4"]{--keymap-tone: var(--color-textBright)}.module-audition-key[data-sample-tone="5"]{--keymap-tone: var(--color-buttonHighlight)}.module-audition-key[data-sample-tone="6"]{--keymap-tone: var(--color-panelBorderLight)}.module-audition-key[data-sample-tone="7"]{--keymap-tone: var(--color-currentRowText)}.module-audition-key.white{min-height:0;background:linear-gradient(180deg,#fff,#f2f2df 58%,#bebea8);color:#111;border-color:#ffffff var(--color-panelBorderDark) var(--color-panelBorderDark) #ffffff;box-shadow:inset -1px -2px #0000002e}.module-audition-key.black{position:absolute;top:0;width:calc((100% / var(--white-key-count)) * .56);height:100%;transform:translate(-50%);pointer-events:auto;z-index:2;background:linear-gradient(180deg,var(--color-panelBorder) 0%,var(--color-buttonFace) 54%,var(--color-panelBorderDark) 100%);color:var(--color-textBright);align-items:flex-start;border-color:var(--color-panelBorderLight) var(--color-bg) var(--color-bg) var(--color-panelBorderLight);box-shadow:inset 1px 1px var(--color-buttonHighlight),1px 1px #0000006b}.module-audition-key.active{background:linear-gradient(180deg,var(--color-textAccent) 0%,var(--color-currentRow) 100%);color:var(--color-textBright)}.module-audition-key-label{position:absolute;left:50%;bottom:5px;transform:translate(-50%);max-width:calc(100% - 2px);line-height:1;opacity:.85;overflow:hidden;text-align:center;text-overflow:clip;white-space:nowrap;pointer-events:none}.module-audition-key-sample{position:absolute;top:5px;left:50%;transform:translate(-50%);max-width:calc(100% - 2px);padding:0 1px;line-height:1;font-size:7px;color:var(--color-bg);background:#ffffffc7;pointer-events:none}.module-audition-key.black .module-audition-key-sample{top:6px;color:var(--color-textBright);background:#00000073}.module-audition-key.black .module-audition-key-label{bottom:4px;font-size:7px;color:var(--color-textBright)}.module-audition-keymap-readout{min-height:18px;display:flex;align-items:center;justify-content:center;gap:6px;color:var(--color-textBright);font-size:10px;line-height:1.2;text-align:center}.module-audition-keymap-readout strong{max-width:min(260px,48vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-textAccent)}.module-audition-waveform{height:clamp(132px,26vh,220px);background:var(--color-bg);border:1px solid var(--color-panelBorderDark);box-shadow:inset 1px 1px var(--color-buttonShadow);display:flex;align-items:center;justify-content:center;color:var(--color-textDim);font-size:10px;overflow:hidden}.module-audition-waveform svg{width:100%;height:100%;display:block}.module-audition-waveform line{stroke:var(--color-panelBorderDark);stroke-width:1}.module-audition-waveform path{fill:none}.module-audition-waveform-range{stroke:var(--color-textDim);stroke-width:1;opacity:.65}.module-audition-waveform-line{stroke:var(--color-textAccent);stroke-width:1.75}.module-audition-loop-region{fill:var(--color-currentRow);opacity:.28}.module-audition-loop-boundary{stroke:var(--color-textBright)!important;stroke-width:1;opacity:.7}.module-audition-playhead{stroke:var(--color-textBright)!important;stroke-width:2;filter:drop-shadow(1px 0 0 var(--color-bg))}.module-audition-sample-play{min-height:24px!important;display:inline-flex;align-items:center;justify-content:center;gap:5px}.info-mixer-row{display:grid;grid-template-columns:minmax(0,1fr);gap:3px;padding:4px;border-bottom:1px solid var(--color-panelBorderDark)}.info-mixer-row:last-child{border-bottom:0}.info-mixer-channel{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px;min-width:0}.info-mixer-channel-link{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:5px;min-width:0;min-height:20px;padding:0;color:inherit;font:inherit;text-align:left;background:transparent;border:0;cursor:pointer}.info-mixer-channel-link:hover,.info-mixer-channel-link:focus-visible{background:var(--color-libraryHover);outline:1px dotted var(--color-textAccent);outline-offset:-1px}.info-mixer-channel-link:disabled{cursor:default}.info-mixer-channel-link:disabled:hover{background:transparent;outline:0}.info-mixer-muted .info-list-name{color:var(--color-textDim)}.info-mixer-solo .info-list-index{color:var(--color-textAccent);font-weight:700}.info-mixer-buttons{display:flex;gap:2px}.info-mixer-button{width:18px!important;min-width:18px!important;height:18px!important;min-height:18px!important;padding:1px!important;display:inline-flex;align-items:center;justify-content:center}.info-mixer-button svg{display:block;image-rendering:pixelated}.info-mixer-control,.info-mixer-meter{display:grid;grid-template-columns:28px minmax(72px,1fr) 38px;align-items:center;gap:5px;min-width:0}.info-mixer-keyboard-row{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;min-width:0;padding-top:1px}.info-mixer-label{color:var(--color-textBright);font-size:10px}.info-mixer-keyboard{--mixer-key-count: 120;position:relative;display:block;height:20px;min-width:0;overflow:hidden;background:repeating-linear-gradient(to right,transparent 0,transparent calc(100% / var(--mixer-key-count) - 1px),rgba(0,0,0,.24) calc(100% / var(--mixer-key-count) - 1px),rgba(0,0,0,.24) calc(100% / var(--mixer-key-count))),var(--color-text);border:1px solid var(--color-panelBorderDark);box-shadow:inset 1px 1px var(--color-buttonShadow);opacity:.78}.info-mixer-keyboard-note{display:block;min-height:11px;color:var(--color-textAccent);font-size:10px;line-height:1.1;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-mixer-keyboard:before{content:"";position:absolute;top:0;left:0;width:100%;height:58%;background:linear-gradient(to right,transparent 0 8.333%,var(--color-panelBorderDark) 8.333% 16.666%,transparent 16.666% 25%,var(--color-panelBorderDark) 25% 33.333%,transparent 33.333% 50%,var(--color-panelBorderDark) 50% 58.333%,transparent 58.333% 66.666%,var(--color-panelBorderDark) 66.666% 75%,transparent 75% 83.333%,var(--color-panelBorderDark) 83.333% 91.666%,transparent 91.666% 100%);background-repeat:repeat-x;background-size:12.5% 100%;z-index:1;mix-blend-mode:multiply}.info-mixer-key-marker{position:absolute;pointer-events:none;z-index:2;box-shadow:0 0 0 1px var(--color-textBright),0 0 5px var(--color-textAccent)}.info-mixer-key-marker-white{top:1px;bottom:1px;background:var(--color-textAccent)}.info-mixer-key-marker-sharp{top:1px;height:58%;background:var(--color-vuYellow)}.info-mixer-meter-track{--activity-level: 0;position:relative;display:block;height:8px;min-width:0;overflow:hidden;background:var(--color-vuBg);border:1px solid var(--color-panelBorderDark);box-shadow:inset 1px 1px var(--color-buttonShadow)}.info-mixer-meter-fill{position:absolute;inset:0;display:block;width:100%;height:100%;transform:scaleX(var(--activity-level));transform-origin:left center;background:linear-gradient(90deg,var(--color-vuGreen),var(--color-vuYellow) 72%,var(--color-vuRed));opacity:.42}.info-mixer-slider{--mixer-slider-left: 0%;--mixer-slider-right: 0%;--mixer-slider-center-color: transparent;-webkit-appearance:none;appearance:none;width:100%;min-width:0;height:20px;margin:0;padding:0;background:transparent;outline:none;cursor:pointer}.info-mixer-slider-pan{--mixer-slider-center-color: var(--color-textBright)}.info-mixer-slider::-webkit-slider-runnable-track{height:10px;background:linear-gradient(to right,transparent calc(50% - 1px),var(--mixer-slider-center-color) calc(50% - 1px) calc(50% + 1px),transparent calc(50% + 1px)),repeating-linear-gradient(to right,transparent 0,transparent calc(25% - 1px),rgba(255,255,255,.16) calc(25% - 1px),rgba(255,255,255,.16) 25%),linear-gradient(to right,var(--color-vuBg) 0 var(--mixer-slider-left),var(--color-textAccent) var(--mixer-slider-left) var(--mixer-slider-right),var(--color-vuBg) var(--mixer-slider-right) 100%);border:1px solid var(--color-panelBorderDark);box-shadow:inset 1px 1px var(--color-buttonShadow),inset -1px -1px var(--color-panelBorder)}.info-mixer-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:18px;margin-top:-5px;background:var(--color-buttonFace);border:1px solid;border-top-color:var(--color-buttonHighlight);border-left-color:var(--color-buttonHighlight);border-right-color:var(--color-buttonShadow);border-bottom-color:var(--color-buttonShadow);box-shadow:inset -1px -1px 0 var(--color-panelBorderDark),1px 1px 0 var(--color-bg)}.info-mixer-slider::-moz-range-track{height:10px;background:linear-gradient(to right,transparent calc(50% - 1px),var(--mixer-slider-center-color) calc(50% - 1px) calc(50% + 1px),transparent calc(50% + 1px)),repeating-linear-gradient(to right,transparent 0,transparent calc(25% - 1px),rgba(255,255,255,.16) calc(25% - 1px),rgba(255,255,255,.16) 25%),linear-gradient(to right,var(--color-vuBg) 0 var(--mixer-slider-left),var(--color-textAccent) var(--mixer-slider-left) var(--mixer-slider-right),var(--color-vuBg) var(--mixer-slider-right) 100%);border:1px solid var(--color-panelBorderDark);box-shadow:inset 1px 1px var(--color-buttonShadow),inset -1px -1px var(--color-panelBorder)}.info-mixer-slider::-moz-range-thumb{width:12px;height:18px;background:var(--color-buttonFace);border:1px solid;border-top-color:var(--color-buttonHighlight);border-left-color:var(--color-buttonHighlight);border-right-color:var(--color-buttonShadow);border-bottom-color:var(--color-buttonShadow);border-radius:0;box-shadow:inset -1px -1px 0 var(--color-panelBorderDark),1px 1px 0 var(--color-bg)}.info-mixer-slider::-moz-range-progress{background:transparent}.info-mixer-slider:focus-visible::-webkit-slider-thumb{outline:1px solid var(--color-textBright);outline-offset:1px}.info-mixer-slider:focus-visible::-moz-range-thumb{outline:1px solid var(--color-textBright);outline-offset:1px}.info-mixer-control output,.info-mixer-meter output{color:var(--color-textAccent);font-size:10px;text-align:right;white-space:nowrap}.confirm-overlay{position:fixed;inset:0;z-index:9999;background:#00000080;display:flex;align-items:center;justify-content:center}.confirm-dialog{background:var(--color-panelBg);border:2px solid;border-color:var(--ft2-border-light, var(--color-panelBorderLight)) var(--ft2-border-dark, var(--color-panelBorderDark)) var(--ft2-border-dark, var(--color-panelBorderDark)) var(--ft2-border-light, var(--color-panelBorderLight));box-shadow:2px 2px #00000080;padding:16px 20px;min-width:220px;max-width:360px;text-align:center}.confirm-message{color:var(--color-text);font-size:var(--font-size);margin-bottom:14px;line-height:1.4}.confirm-buttons{display:flex;gap:8px;justify-content:center}.confirm-btn-yes,.confirm-btn-no{min-width:64px;padding:3px 12px;font-size:var(--font-size-small);cursor:pointer}.library{display:flex;flex-direction:column;height:100%}.library .panel-header{display:flex;align-items:center;justify-content:space-between}.library-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-toolbar{display:flex;flex:0 0 auto;gap:2px;align-items:center}.library-toolbar-btn{background:none;border:1px solid;border-color:var(--color-panelBorderLight) var(--color-panelBorderDark) var(--color-panelBorderDark) var(--color-panelBorderLight);color:var(--color-text);cursor:pointer;font-size:12px;padding:1px 4px;display:inline-flex;align-items:center;justify-content:center;min-width:20px;min-height:18px}.library-toolbar-btn:hover{background:var(--color-libraryHover)}.library-toolbar-btn:disabled{opacity:.3;cursor:default}.library-toolbar-btn svg{image-rendering:pixelated}.library-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px;padding:4px 5px;border-bottom:1px solid var(--color-panelBorderDark);background:var(--color-panelBg)}.library-search,.library-sort,.library-playlist-add{display:flex;align-items:center;min-width:0;border:1px solid;border-color:var(--color-panelBorderDark) var(--color-panelBorderLight) var(--color-panelBorderLight) var(--color-panelBorderDark);background:var(--color-libraryBg)}.library-control-icon{flex:0 0 auto;margin:0 3px;color:var(--color-textDim)}.library-search-input,.library-sort-select,.library-playlist-select{min-width:0;border:0;outline:0;color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-small)}.library-search-input{flex:1;height:20px;background:transparent}.library-search-input::placeholder{color:var(--color-textDim)}.library-sort-select{width:116px;height:20px;cursor:pointer}.library-playlist-add{grid-column:1 / -1;display:grid;grid-template-columns:auto minmax(0,1fr) 22px}.library-playlist-select{width:100%;max-width:100%;height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.library-playlist-add .library-control-btn{position:relative;z-index:1;width:22px;background:var(--color-libraryBg);border-left:1px solid var(--color-panelBorderDark)}.library-control-btn{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:0;background:transparent;color:var(--color-textDim);cursor:pointer}.library-control-btn:hover{color:var(--color-textBright);background:var(--color-libraryHover)}.library-control-btn-active,.library-control-btn-active:hover{color:var(--color-textAccent);background:var(--color-librarySelected)}.library-control-btn:disabled{opacity:.3;cursor:default}.library-import-progress{padding:4px 6px;border-bottom:1px solid var(--color-panelBorderDark);background:var(--color-panelBg);font-size:var(--font-size-small)}.library-import-progress-row{display:flex;align-items:center;gap:4px}.library-import-progress-text{flex:1;color:var(--color-text)}.library-import-progress-bar{height:5px;margin-top:3px;background:var(--color-libraryBg);border:1px solid var(--color-panelBorderDark)}.library-import-progress-fill{height:100%;background:var(--color-textAccent)}.library-import-progress-name{margin-top:2px;color:var(--color-textDim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-import-report{padding:4px 6px;border-bottom:1px solid var(--color-panelBorderDark);background:var(--color-panelBg);font-size:var(--font-size-small)}.library-import-report-row{display:flex;align-items:center;gap:5px;min-width:0}.library-import-report-title{color:var(--color-textBright)}.library-import-report-counts{flex:1;min-width:0;color:var(--color-textDim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-import-report-note,.library-import-report-more{margin-top:2px;color:var(--color-textDim)}.library-import-report-list{margin-top:3px;display:grid;gap:2px}.library-import-report-entry{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:5px;min-width:0}.library-import-report-status{color:var(--color-textAccent)}.library-import-report-status-failed{color:var(--color-vuRed)}.library-import-report-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-import-report-reason{color:var(--color-textDim);white-space:nowrap}.library-breadcrumb{padding:3px 6px;font-size:var(--font-size-small);color:var(--color-textDim);border-bottom:1px solid var(--color-panelBorderDark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-breadcrumb-item{cursor:pointer;color:var(--color-text)}.library-breadcrumb-item:hover{color:var(--color-textBright)}.library-breadcrumb-sep{color:var(--color-textAccent);padding:0 2px;font-weight:700}.library-content{overflow-y:auto;padding:0}.library-item{display:flex;align-items:center;gap:6px;padding:3px 6px;cursor:pointer;font-size:var(--font-size-small)}.library-item:hover{background-color:var(--color-libraryHover)}.library-item-selected{background-color:var(--color-librarySelected)!important}.library-item-active{background-color:var(--color-libraryPlaying)!important;color:var(--color-textBright)}.library-item-active .library-item-index,.library-item-active .library-item-playing{color:var(--color-textBright)}.library-item-playing{color:var(--color-libraryPlaying);font-size:10px;margin-left:auto}.library-item-icon{font-size:12px;min-width:16px;text-align:center}.library-item-folder{cursor:pointer}.library-item-builtin{color:var(--color-textAccent)}.library-item-favorites{color:var(--color-textBright)}.library-item-recent,.library-item-playlists{color:var(--color-textAccent)}.library-item-index{color:var(--color-textDim);min-width:20px}.library-item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-favorite-btn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:18px;height:18px;border:0;background:transparent;color:var(--color-textDim);cursor:pointer;padding:0}.library-favorite-btn:hover,.library-favorite-btn-active{color:var(--color-textAccent)}.library-rename-input{flex:1;background:var(--color-libraryBg);border:1px solid var(--color-panelBorderDark);color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-small);padding:1px 4px;outline:none}.library-separator{height:1px;background:var(--color-panelBorderDark);margin:0 6px}.library-empty{padding:16px;text-align:center}.file-drop-zone{width:100%;height:100%;position:relative}.file-drop-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;pointer-events:none}.file-drop-message{padding:40px 60px;text-align:center;animation:dropPulse 1s ease-in-out infinite alternate}.file-drop-icon{font-size:48px;margin-bottom:12px}.file-drop-text{color:var(--color-textBright);font-size:var(--font-size-large);font-weight:700;margin-bottom:8px}.file-drop-formats{color:var(--color-textDim);font-size:var(--font-size-small);letter-spacing:0}@keyframes dropPulse{0%{transform:scale(1);opacity:.9}to{transform:scale(1.05);opacity:1}}.settings-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:900}.settings-dialog{width:440px;max-height:80vh;display:flex;flex-direction:column}.settings-dialog .header-bar,.settings-dialog .panel-header{display:flex;align-items:center;justify-content:space-between}.settings-close{min-width:18px!important;min-height:16px!important;padding:0!important;display:inline-flex;align-items:center;justify-content:center}.settings-close svg{image-rendering:pixelated}.settings-content{padding:8px;display:flex;flex-direction:column;gap:10px;overflow-y:auto}.settings-section{display:flex;flex-direction:column;gap:6px}.settings-section>.label{color:var(--color-textBright)}.settings-buttons{display:flex;gap:4px;flex-wrap:wrap}.settings-buttons .ft2-button{font-size:11px}.settings-scale{display:flex;align-items:center;gap:8px}.settings-scale .settings-scale-slider{flex:1}.settings-scale .value{min-width:36px;text-align:right;font-size:var(--font-size-small)}.mobile-tab-bar{display:none}@media(max-width:768px){.mobile-tab-bar{display:flex;flex-shrink:0;gap:2px;padding:2px}.mobile-tab-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 0;min-height:40px;font-size:10px}.mobile-tab-btn svg{display:block;image-rendering:pixelated}.mobile-tab-label{font-size:10px;letter-spacing:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.toast{position:fixed;bottom:60px;left:50%;transform:translate(-50%);z-index:10000;padding:8px 18px;font-size:12px;color:#e0e0e0;background:#1a1a2e;border:1px solid #444;box-shadow:0 2px 8px #00000080;animation:toast-in .2s ease-out,toast-out .3s ease-in 2.7s forwards;pointer-events:none;white-space:nowrap}.toast-error{color:#ff6b6b}.toast-success{color:#69db7c}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes toast-out{0%{opacity:1}to{opacity:0}}.app{width:100%;height:100%;display:flex;flex-direction:column;background-color:var(--color-bg);padding:2px;gap:2px}.app-main{flex:1;display:flex;gap:2px;overflow:hidden;min-height:0}.app-left{width:220px;min-width:220px;flex-shrink:0}.app-center{flex:1;display:flex;flex-direction:column;min-width:0}.app-right{width:280px;min-width:280px;display:flex;flex-direction:column;gap:2px}.app-right .module-info{flex:1;min-height:0}.app-right .visualizer{height:180px;flex-shrink:0}.panel-hidden{display:none!important}@media(max-width:1024px){.app-left{width:200px;min-width:200px}.app-right{width:240px;min-width:240px}}@media(max-width:768px){.app{padding:1px;gap:1px}.app-main{flex-direction:column;overflow:hidden}.app-left,.app-center,.app-right{display:none!important;width:100%;min-width:0}.app-left.mobile-active,.app-center.mobile-active{display:flex!important;flex:1;flex-direction:column;min-height:0}.app-right.mobile-active{display:flex!important;flex:1;flex-direction:column;min-height:0;gap:1px}.app-right.mobile-active .module-info{flex:1;min-height:0;overflow-y:auto}.app-right.mobile-active .visualizer{height:140px;flex-shrink:0}}