html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{color:#111;background:#d4d0c8}#root{position:fixed;inset:0}*{box-sizing:border-box}button,input,select{font:inherit}:root{color:#111;background:#d4d0c8;font-family:Tahoma,MS Sans Serif,Segoe UI,sans-serif}.app-shell{background:#d4d0c8;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.menu-bar{color:#111;word-spacing:12px;background:#ece9d8;border-bottom:1px solid #77736d;padding:4px 8px;font-size:12px}.tab-bar{background:#d4d0c8;gap:2px;padding:4px 4px 0;display:flex}.tab-btn{color:#111;cursor:pointer;background:#c7c2b8;border:1px solid #7c786f;border-bottom:0;padding:6px 10px;font-size:12px}.tab-btn.active{background:#ece9d8;position:relative;top:1px}.app-content{border-top:1px solid #7c786f;flex:1;min-height:0;overflow:hidden}.workspace-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);height:100%;min-height:0;display:grid;overflow:hidden}.graph-pane{border-right:1px solid #6f6b65;flex-direction:column;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.graph-pane-inner{flex:auto;grid-template-columns:48px minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.tool-column{background:#d4d0c8;border-right:1px solid #8a8680;width:48px;overflow:auto}.toolbar,.viewer-toolbar{background:#d4d0c8;flex-wrap:wrap;align-items:center;gap:5px;padding:6px 5px;display:flex}.toolbar{box-sizing:border-box;flex-direction:column;align-items:center;gap:6px;width:48px;padding:8px}.playback-toolbar{background:#ece9d8;border-bottom:1px solid #8a8680;align-items:center;gap:4px;min-height:32px;padding:3px 5px;display:flex}.playback-toolbar .toolbar-sprite{width:16px;height:15px}.toolbar-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;display:grid}.toolbar-tools{flex-direction:column;gap:2px;display:flex}.toolbar-stack{flex-direction:column;gap:3px;display:flex}.toolbar-btn{color:#111;cursor:pointer;background:#ece9d8;border:1px solid #777;padding:4px 6px;font-size:11px;line-height:1.1}.toolbar-icon-btn{box-sizing:border-box;place-items:center;width:32px;height:32px;min-height:32px;padding:0;display:grid}.toolbar-tools .mfc-toolbar-button.toolbar-icon-btn{box-shadow:none;cursor:pointer;background:0 0;border:0}.toolbar-tools .mfc-toolbar-button.toolbar-icon-btn:hover:not(:disabled):not(.is-selected){background:#0000000f}.toolbar-tools .mfc-toolbar-button.toolbar-icon-btn:active:not(:disabled),.toolbar-tools .mfc-toolbar-button.toolbar-icon-btn.is-selected{background-color:#f4f4f4;background-image:linear-gradient(45deg,#00000014 25%,#0000 25%),linear-gradient(-45deg,#00000014 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#00000014 75%),linear-gradient(-45deg,#0000 75%,#00000014 75%);background-position:0 0,0 3px,3px -3px,-3px 0;background-size:6px 6px;border:1px solid #fff;border-color:#404040 #fff #fff #404040;box-shadow:inset 1px 1px gray,inset -1px -1px #dfdfdf}.toolbar-tools .mfc-toolbar-button.toolbar-icon-btn.is-selected .mfc-toolbar-button-content{transform:none}.toolbar-icon{text-align:center;letter-spacing:.2px;min-width:18px;font-weight:700;display:inline-block}.toolbar-sprite{--sprite-index:0;width:24px;height:24px;image-rendering:pixelated;display:inline-block}.toolbar3-sprite{background-image:url(/legacy-icons/toolbar3.png);background-repeat:no-repeat;background-position:calc(-24px * var(--sprite-index)) 0}.toolbar1-sprite{background-image:url(/legacy-icons/toolbar1.png);background-repeat:no-repeat;background-position:calc(-16px * var(--sprite-index)) 0}.toolbar2-sprite{background-image:url(/legacy-icons/toolbar2.png);background-repeat:no-repeat;background-position:calc(-16px * var(--sprite-index)) 0}.bitmap5-sprite{background-image:url(/legacy-icons/bitmap5.png);background-repeat:no-repeat;background-position:calc(-16px * var(--sprite-index)) 0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.toolbar-btn:hover{background:#f7f4e8}.toolbar-btn.utility{background:#ddd9ce}.toolbar-btn.recording{background:#f4c4c4;border-color:#8e4a4a}.graph-stage{grid-template-rows:minmax(0,1fr) auto;min-width:0;height:100%;min-height:0;display:grid;overflow:hidden}.modeller-right-column{grid-template-rows:minmax(0,4fr) minmax(0,1fr) minmax(0,1fr) minmax(0,2fr);min-width:0;min-height:0;display:grid;overflow:hidden}.piano-panel{background:#fff;border-top:1px solid #6f6b65;flex-direction:column;min-height:0;display:flex;overflow:hidden}.piano-panel-keyboard{flex:auto;min-height:0;overflow:hidden}.piano-panel-keyboard>svg{flex:auto;height:100%;min-height:0;max-height:100%}.piano-playback-toolbar{border-bottom:1px solid #8a8680}.right-panel{background:#fff;border-top:1px solid #f2eee7;border-left:1px solid #f2eee7;min-width:0;min-height:0;overflow:hidden}.viewer-panel{flex-direction:column;display:flex}.viewer-canvas-wrap{flex:1;min-height:0;overflow:hidden}.viewer-meta{font-size:11px}.graph-canvas-wrap{width:100%;height:100%;min-height:0;overflow:hidden}.graph-canvas{background:#fff;width:100%;height:100%;display:block}.status-bar{color:#1b1b1b;white-space:nowrap;text-overflow:ellipsis;background:#d4d0c8;border-top:1px solid #6d6963;flex:none;min-height:24px;padding:4px 8px;font-size:12px;overflow:hidden}.piano-page{background:silver;flex-direction:column;gap:4px;width:100%;min-height:100%;padding:4px;display:flex}.oscilloscope-panel,.spectrum-panel,.keyboard-wrap{background:#fff;border:1px solid #000}.spectrum-panel{min-height:0}.piano-page .spectrum-panel{height:95px}.piano-toolbar-panel{background:#d6d6d6;border:1px solid #000;flex-wrap:wrap;align-items:center;gap:6px;min-height:32px;padding:3px 6px;display:flex}.oscillogram-container{background:#fff;width:100%;min-height:0;overflow:hidden}.oscillogram-container.compact{height:100%}.oscillogram-toolbar{background:#d6d6d6;border-bottom:1px solid #000;align-items:center;gap:4px;min-height:24px;padding:2px 4px;display:flex}.osc-btn{color:#000;cursor:pointer;background:linear-gradient(#efefef,#c7c7c7);border:1px solid #555;width:28px;height:20px;padding:0;font-size:12px;line-height:1}.osc-icon-btn{place-items:center;width:24px;display:grid}.oscillogram-canvas,.frequency-canvas{background:#fff;width:100%;min-height:0;max-height:100%;display:block}.frequency-canvas{height:100%}.oscillogram-container.compact .oscillogram-canvas{height:100%!important}.oscillogram-meta{color:#333;border-top:1px solid #ddd;padding:1px 6px 2px;font-size:10px}.hidden-input{display:none}@media (width<=1100px){.modeller-right-column{border-top:1px solid #6f6b65}}.mfc-toolbar{gap:2px;display:flex}.mfc-toolbar.vertical{flex-direction:column}.mfc-toolbar-button{color:#000;cursor:pointer;background:#ece9d8;border:1px solid #404040;border-color:#fff #404040 #404040 #fff;padding:2px;line-height:1;box-shadow:inset -1px -1px gray,inset 1px 1px #dfdfdf}.mfc-toolbar-button:hover:not(:disabled){background:#f4f1e5}.mfc-toolbar-button:active:not(:disabled),.mfc-toolbar-button.is-selected{background:#ddd9ce;border:1px solid #fff;border-color:#404040 #fff #fff #404040;box-shadow:inset 1px 1px gray,inset -1px -1px #dfdfdf}.mfc-toolbar-button-content{place-items:center;display:inline-grid}.mfc-toolbar-separator{background:#d4d0c8}.mfc-toolbar.vertical .mfc-toolbar-separator{border-top:1px solid gray;border-bottom:1px solid #fff;height:2px;margin:2px 1px}.mfc-toolbar:not(.vertical) .mfc-toolbar-separator{border-left:1px solid gray;border-right:1px solid #fff;width:2px;margin:1px 2px}.mfc-toolbar-button.is-selected .mfc-toolbar-button-content{transform:translate(1px,1px)}.mfc-toolbar-button:disabled{color:#7a7a7a;cursor:not-allowed;background:#ded9cf}.mfc-overlay{z-index:1000;background:#00000059;place-items:center;display:grid;position:fixed;inset:0}.mfc-window{color:#000;background:#ece9d8;border:1px solid #404040;border-color:#fff #404040 #404040 #fff;font:12px Tahoma,MS Sans Serif,Segoe UI,sans-serif;box-shadow:inset -1px -1px gray,inset 1px 1px #dfdfdf}.mfc-titlebar{background:linear-gradient(90deg,#0a246a 0%,#3a6ea5 100%);justify-content:space-between;align-items:center;gap:8px;padding:2px 3px;display:flex}.mfc-title{color:#fff;padding-left:2px;font-size:11px;font-weight:700;line-height:1.2}.mfc-title-close{color:#000;cursor:pointer;background:#ece9d8;border:1px solid #404040;border-color:#fff #404040 #404040 #fff;min-width:18px;height:16px;padding:0;font-size:10px;line-height:1;box-shadow:inset -1px -1px gray,inset 1px 1px #dfdfdf}.mfc-title-close:active{border:1px solid #fff;border-color:#404040 #fff #fff #404040;box-shadow:inset 1px 1px gray,inset -1px -1px #dfdfdf}.mfc-body{flex-direction:column;gap:8px;padding:8px;display:flex}.mfc-actions{justify-content:flex-end;gap:6px;padding:0 8px 8px;display:flex}.mfc-button{color:#000;cursor:pointer;background:#ece9d8;border:1px solid #404040;border-color:#fff #404040 #404040 #fff;min-width:75px;padding:3px 12px;font-size:12px;box-shadow:inset -1px -1px gray,inset 1px 1px #dfdfdf}.mfc-button.default{outline-offset:-3px;outline:1px solid #404040}.mfc-button:active{border:1px solid #fff;border-color:#404040 #fff #fff #404040;box-shadow:inset 1px 1px gray,inset -1px -1px #dfdfdf}.mfc-button.danger{color:#6b0000}.mfc-button.push-left{margin-right:auto}.mfc-groupbox{border:1px solid #aca899;flex-direction:column;gap:6px;margin:0;padding:8px 8px 6px;display:flex;box-shadow:inset 1px 1px #fff}.mfc-groupbox>legend{color:#000;padding:0 5px;font-size:12px}.mfc-field{align-items:center;gap:8px;display:flex}.mfc-field-label{font-size:12px}.mfc-field-control{flex:1}.mfc-field-control>input,.mfc-field-control>select{background:#fff;border:1px solid #7f7f7f;width:100%;padding:2px 4px;font-size:12px;box-shadow:inset 1px 1px #404040,inset -1px -1px #fff}.mfc-field-control>input[readonly]{background:#ece9d8}.mfc-checkbox{align-items:center;gap:6px;font-size:12px;display:inline-flex}.mfc-radio-group{gap:6px;display:flex}.mfc-radio-group.column{flex-direction:column}.mfc-radio-group.row{flex-flow:wrap}.mfc-radio-option{align-items:center;gap:5px;font-size:12px;display:inline-flex}.mfc-radio-group.push-like .mfc-radio-option{position:relative}.mfc-radio-group.push-like .mfc-radio-option>input{opacity:0;pointer-events:none;position:absolute}.mfc-radio-group.push-like .mfc-radio-option>span{cursor:pointer;background:#ece9d8;border:1px solid #404040;border-color:#fff #404040 #404040 #fff;padding:2px 8px;box-shadow:inset -1px -1px gray,inset 1px 1px #dfdfdf}.mfc-radio-group.push-like .mfc-radio-option>input:checked+span{border:1px solid #fff;border-color:#404040 #fff #fff #404040;box-shadow:inset 1px 1px gray,inset -1px -1px #dfdfdf}.mfc-dot-layout{align-items:flex-start;gap:10px;display:flex}.mfc-dot-fields{flex-direction:column;flex:1;gap:6px;display:flex}.mfc-slider-field{align-items:center;gap:8px;display:flex}.mfc-slider-field>input[type=number]{width:86px}.mfc-slider-field>input[type=range]{width:100%;height:16px}.mfc-dot-actions{flex-direction:column;gap:6px;width:84px;display:flex}.mfc-dot-actions>.mfc-button{width:100%;min-width:0;padding:3px 0}.mfc-dot-fixed{margin-top:6px}