:root{--wb-blue: #0055AA;--wb-black: #000000;--wb-white: #FFFFFF;--wb-orange: #FF8800;--wb-dimblue:#003F80;--wb-cursor: #FF8800;--wb-row: rgba(255, 136, 0, .18);--wb-muted: rgba(0, 0, 0, .55);--cell-pad-x: .25rem}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0;background:var(--wb-blue)}body{font-family:VT323,Topaz,Courier New,monospace;font-size:18px;line-height:1;color:var(--wb-white);-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset;text-rendering:optimizeSpeed;image-rendering:pixelated;-webkit-user-select:none;user-select:none;cursor:default}button{font:inherit;color:inherit;background:transparent;border:none;padding:0;cursor:pointer}input[type=text],input[type=number],select{font:inherit;color:var(--wb-white);background:var(--wb-dimblue);border:2px solid var(--wb-black);border-top-color:var(--wb-black);border-left-color:var(--wb-black);border-bottom-color:var(--wb-white);border-right-color:var(--wb-white);padding:0 .25rem;outline:none}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=checkbox]{accent-color:var(--wb-orange)}.modecat{width:100%;height:100%;display:flex;flex-direction:column;background:var(--wb-blue)}.modecat__title{height:28px;background:var(--wb-white);color:var(--wb-blue);border-bottom:2px solid var(--wb-black);display:flex;align-items:center;padding:0 .5rem;letter-spacing:1px;font-weight:700}.modecat__title .left{flex:0 0 auto}.modecat__title .mid{flex:1 1 auto;text-align:center}.modecat__title .right{flex:0 0 auto}.modecat__menubar{display:none}.menubar{background:var(--wb-blue);color:var(--wb-white);border-bottom:2px solid var(--wb-black);display:flex;flex-shrink:0;padding:0;z-index:300;position:relative}.menubar__brand{margin-left:auto;padding:2px 10px 2px 16px;font-family:var(--font-mono),monospace;font-size:.88em;color:var(--wb-white);white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;letter-spacing:.02em;border-left:2px solid rgba(255,255,255,.18)}.menubar__menu{position:relative}.menubar__title{display:block;padding:2px 10px;font:inherit;font-size:17px;color:var(--wb-white);background:transparent;border:none;cursor:default;white-space:nowrap;letter-spacing:.5px}.menubar__menu.is-open .menubar__title,.menubar__title:hover{background:var(--wb-white);color:var(--wb-blue)}.menubar__dropdown{position:absolute;top:100%;left:0;min-width:220px;background:var(--wb-blue);border:2px solid var(--wb-black);border-top:none;box-shadow:2px 2px 0 var(--wb-white);z-index:400;display:flex;flex-direction:column}.menubar__item{display:flex;justify-content:space-between;align-items:center;padding:2px 8px 2px 4px;font:inherit;font-size:16px;color:var(--wb-white);background:transparent;border:none;cursor:default;white-space:nowrap;text-align:left;width:100%;gap:16px}.menubar__item:not(.is-disabled):hover{background:var(--wb-white);color:var(--wb-blue)}.menubar__item.is-disabled{color:#ffffff59;cursor:default}.menubar__item-label{flex:1 1 auto;font-family:VT323,monospace}.menubar__item-shortcut{flex:0 0 auto;font-size:14px;opacity:.6;letter-spacing:0}.menubar__sep{height:2px;background:var(--wb-black);border-top:1px solid rgba(255,255,255,.2);margin:2px 0}.modecat__body{flex:1 1 auto;display:flex;min-height:0}.modecat__song{flex:0 0 260px;border-right:2px solid var(--wb-black);display:flex;flex-direction:column;min-height:0;overflow:hidden}.modecat__main{flex:1 1 auto;display:flex;flex-direction:column;min-width:0}.modecat__side{flex:0 0 320px;border-left:2px solid var(--wb-black);display:flex;flex-direction:column;min-height:0}.modecat__footer{border-top:2px solid var(--wb-black);display:flex;gap:.5rem;padding:.4rem;background:var(--wb-blue);align-items:center}.panel{background:var(--wb-blue);border-top:2px solid var(--wb-white);border-left:2px solid var(--wb-white);border-right:2px solid var(--wb-black);border-bottom:2px solid var(--wb-black);padding:.35rem}.panel--inset{border-top-color:var(--wb-black);border-left-color:var(--wb-black);border-right-color:var(--wb-white);border-bottom-color:var(--wb-white);background:var(--wb-dimblue)}.panel__title{font-size:14px;color:var(--wb-orange);letter-spacing:1px;margin-bottom:.25rem;text-transform:uppercase}.btn{display:inline-flex;align-items:center;justify-content:center;min-width:56px;height:26px;padding:0 .6rem;background:var(--wb-blue);color:var(--wb-white);border-top:2px solid var(--wb-white);border-left:2px solid var(--wb-white);border-right:2px solid var(--wb-black);border-bottom:2px solid var(--wb-black);text-transform:uppercase;letter-spacing:1px;font-size:16px}.btn:active,.btn[data-pressed=true]{border-top-color:var(--wb-black);border-left-color:var(--wb-black);border-right-color:var(--wb-white);border-bottom-color:var(--wb-white)}.btn--accent,.btn--danger,.btn--play[data-pressed=true]{color:var(--wb-orange)}.btn:disabled{opacity:.4;cursor:not-allowed}.status{display:grid;grid-template-columns:repeat(6,max-content);gap:.25rem 1.25rem;align-items:center;font-size:16px}.status .label{color:var(--wb-white);letter-spacing:1px;text-transform:uppercase}.status .value{color:var(--wb-orange);min-width:4ch;display:inline-block;text-align:right}.status .pill{display:inline-block;padding:0 .4rem;background:var(--wb-dimblue);border-top:2px solid var(--wb-black);border-left:2px solid var(--wb-black);border-bottom:2px solid var(--wb-white);border-right:2px solid var(--wb-white);min-width:5ch;text-align:center}.status .led{display:inline-block;width:12px;height:12px;border:2px solid var(--wb-black);background:var(--wb-dimblue);vertical-align:middle;margin-right:.25rem}.status .led--on{background:var(--wb-orange)}.info-bar{display:flex;flex-direction:column;flex:0 0 auto;background:var(--wb-dimblue);border-bottom:1px solid var(--wb-black)}.info-bar__row{display:flex;flex-wrap:wrap;gap:.5rem;padding:.15rem .4rem;align-items:center}.info-bar__row--secondary{background:var(--wb-blue);border-top:1px solid var(--wb-black);padding:.1rem .4rem}.info-bar__status{font-size:15px;font-weight:700;margin-right:.25rem}.info-bar__stop{color:var(--wb-white)}.info-bar__play{color:var(--wb-orange)}.mode-bar{display:flex;flex:0 0 auto;align-items:center;gap:.3rem;padding:.15rem .4rem;background:var(--wb-dimblue);border-bottom:1px solid var(--wb-black);overflow:hidden}.mode-bar__toggle{height:22px;min-width:0;padding:0 8px;font-size:15px;letter-spacing:.5px;text-transform:uppercase}.mode-bar__toggle[data-pressed=true]{color:var(--wb-orange)}.mode-bar__spc-label{display:inline-flex;align-items:center;gap:.2rem;font-size:15px;color:var(--wb-white);letter-spacing:.5px;text-transform:uppercase}.mode-bar__spc-input{width:4ch;font-size:15px;background:var(--wb-black);color:var(--wb-white);border:1px inset var(--wb-black);text-align:center}.mode-bar__trnsp-label{display:inline-flex;align-items:center;font-size:15px;color:var(--wb-white);letter-spacing:.5px;text-transform:uppercase;margin-left:.6rem}.mode-bar__trnsp-btn{height:22px;min-width:0;padding:0 6px;font-size:15px}.mode-bar__trnsp-val{display:inline-flex;align-items:center;justify-content:center;width:4ch;font-size:15px;color:var(--wb-white);text-align:center;font-feature-settings:"tnum"}.mode-bar__trnsp-val.is-active{color:var(--wb-orange)}.mode-bar__spacer{flex:1}.mode-bar__onoff-row{display:flex;flex:0 0 auto;align-items:center}.mode-bar__gutter{flex:0 0 3.5ch}.mode-bar__ch-btn{flex:0 0 12ch;width:12ch;height:22px;min-width:0;padding:0;font-size:13px;letter-spacing:.5px;text-transform:uppercase;text-align:center}.mode-bar__ch-btn.is-muted{color:#ffffff59;text-decoration:line-through}.mode-bar__ch-btn.is-solo{background:var(--wb-orange);color:var(--wb-black);border-top-color:var(--wb-white);border-left-color:var(--wb-white);border-right-color:#840;border-bottom-color:#840}.mode-bar__ch-btn.is-dimmed{opacity:.4}.oscilloscope{display:flex;flex:0 0 auto;align-items:stretch;background:#000408;border-top:1px solid #004020;border-bottom:2px solid var(--wb-black);height:40px;overflow:hidden}.oscilloscope__gutter{flex:0 0 3.5ch;display:flex;align-items:center;justify-content:center;border-right:1px solid #004020}.oscilloscope__mode-btn{background:none;border:1px solid #006030;color:#0c4;font-family:var(--font-mono);font-size:14px;width:22px;height:22px;padding:0;cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center}.oscilloscope__mode-btn:hover,.oscilloscope__mode-btn.is-active{background:#002010;border-color:#0c4}.oscilloscope__canvas{flex:1 1 auto;display:block;height:40px}.pattern{flex:1 1 auto;background:var(--wb-dimblue);border-top:2px solid var(--wb-black);border-bottom:2px solid var(--wb-black);overflow:hidden;position:relative;font-size:17px;letter-spacing:.5px;display:flex;flex-direction:column;min-width:0}.pattern__header{display:grid;background:var(--wb-blue);color:var(--wb-white);border-bottom:2px solid var(--wb-black);text-align:center;padding:.1rem 0;position:sticky;top:0;z-index:5}.pattern__header .ch{border-left:1px solid var(--wb-black);color:var(--wb-orange);letter-spacing:1px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:14px;padding:0 .25rem}.pattern__header .ch:hover{background:#ffffff1a}.pattern__header .ch.is-muted{color:#fff6;text-decoration:line-through}.pattern__header .ch.is-solo{background:var(--wb-orange);color:var(--wb-black)}.pattern__scroll{flex:1 1 auto;overflow:auto}.pattern__rows-wrap{position:relative}.clip-frame{position:absolute;border:2px solid;border-radius:2px;pointer-events:none;box-sizing:border-box;z-index:8}.clip-frame.is-dragging{opacity:.7}.clip-frame__bar{position:absolute;top:-1px;right:-1px;display:flex;align-items:center;gap:0;background:#000000bf;border:1px solid currentColor;border-radius:0 2px;pointer-events:auto;max-width:100%;overflow:hidden;z-index:9;height:14px;line-height:14px;font-size:11px}.clip-frame__drag{padding:0 3px;cursor:grab;opacity:.8;font-size:10px;flex-shrink:0}.clip-frame__drag:active{cursor:grabbing}.clip-frame__name{padding:0 3px;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:8ch;letter-spacing:0;font-size:10px}.clip-frame__del{padding:0 3px;background:none;border:none;color:inherit;cursor:pointer;opacity:.7;font-size:12px;line-height:14px;flex-shrink:0}.clip-frame__del:hover{opacity:1;color:#f88}.clip-frame__resize{position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:24px;height:6px;background:#ffffff40;border-radius:2px 2px 0 0;cursor:ns-resize;pointer-events:auto}.clip-frame__resize:after{content:"";display:block;margin:2px auto 0;width:12px;height:2px;background:#ffffff80;border-radius:1px}.pattern__row{display:grid;align-items:center;height:18px}.pattern__row .num{text-align:right;padding-right:.5ch;color:var(--wb-white);opacity:.6;letter-spacing:1px}.pattern__row.is-beat .num{color:var(--wb-orange);opacity:1}.pattern__row.is-current{background:var(--wb-row)}.pattern__row.is-playhead{background:var(--wb-orange);color:var(--wb-black)}.pattern__row.is-playhead .num{color:var(--wb-black)}.cell{display:grid;grid-template-columns:3ch 1ch 2ch 1ch 3ch 1fr;align-items:center;padding:0 var(--cell-pad-x);white-space:pre;border-left:1px solid rgba(0,0,0,.25);color:var(--wb-white)}.cell.is-muted{opacity:.35}.cell .note{color:var(--wb-white)}.cell .note.is-empty{color:#ffffff59}.cell .inst{color:var(--wb-orange)}.cell .inst.is-empty{color:#ffffff4d}.cell .cmd{color:var(--wb-white)}.cell .cmd.is-empty{color:#ffffff4d}.cell .inst.is-active,.cell .cmd.is-active{outline:1px solid var(--wb-orange);outline-offset:1px;background:#ff88001f;border-radius:1px}.cell .seg.is-cursor{background:var(--wb-orange);color:var(--wb-black)}.song{flex:1 1 auto;display:flex;flex-direction:column;background:var(--wb-blue);min-height:0}.song__list{flex:1 1 auto;min-height:80px;overflow:auto;background:var(--wb-dimblue);border-top:2px solid var(--wb-black);border-bottom:2px solid var(--wb-black)}.song__patterns{max-height:220px;overflow:auto}.song-row{display:grid;grid-template-columns:3ch 1fr 2ch;align-items:center;gap:.3rem;height:22px;padding:0 .3rem;border-bottom:1px solid rgba(0,0,0,.25);color:var(--wb-white);cursor:pointer}.song-row .pos{color:var(--wb-orange);letter-spacing:1px}.song-row .pat{width:100%;min-width:0}.song-row .x{color:var(--wb-orange);border:0;background:transparent;cursor:pointer;font:inherit}.song-row .x:hover{color:var(--wb-white)}.song-row.is-current{background:var(--wb-row)}.song-row.is-playing{background:var(--wb-orange);color:var(--wb-black)}.song-row.is-playing .pos{color:var(--wb-black)}.song__section{display:flex;align-items:center;gap:.3rem;background:var(--wb-dimblue);color:var(--wb-white);padding:0 .4rem;min-height:1.5rem;border-top:1px solid var(--wb-black);border-bottom:1px solid rgba(255,255,255,.2);font-weight:700;letter-spacing:.02em}.song__section-icon{opacity:.6;font-size:.85em;flex:0 0 auto}.song__section-name{background:transparent;border:none;color:var(--wb-white);font:inherit;font-weight:700;flex:1 1 auto;min-width:0;padding:0;letter-spacing:.02em}.song__section-name:focus{outline:none;background:#ffffff1f;border-radius:1px}.range-bar{display:flex;align-items:center;gap:.4rem;padding:.3rem .4rem;background:var(--wb-blue);border-top:2px solid var(--wb-black);border-bottom:2px solid var(--wb-black);flex-wrap:wrap;font-size:14px}.range-bar .sep{width:2px;height:18px;background:var(--wb-black);margin:0 .25rem;display:inline-block}.range-bar--hint{color:var(--wb-white)}.range-bar__cmd-select{font-family:var(--font-mono);font-size:.78rem;background:var(--wb-dimblue);color:var(--wb-white);border:1px solid var(--wb-black);padding:1px 3px;max-width:260px}.range-bar__cmd-data{background:var(--wb-dimblue);color:var(--wb-orange);border:1px solid var(--wb-black);padding:1px 2px;text-align:center}.pattern__row.is-row-sel .num{background:#2050cc;color:#fff;font-weight:700;cursor:default}.pattern__row.is-row-sel{background:#2050cc21}.cell.in-range{background:#ff880047;outline:1px solid var(--wb-orange);outline-offset:-1px}.cell.is-inst-highlight{background:#00c8ff21;outline:1px solid rgba(0,200,255,.45);outline-offset:-1px}.cell.in-range.is-inst-highlight{background:#ff880047;outline:1px solid var(--wb-orange)}.inst-list-wrap{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}.inst-list-toggles{flex:0 0 auto;display:flex;gap:.3rem;padding:.25rem .4rem;background:var(--wb-blue);border-bottom:1px solid var(--wb-black)}.inst-toggle-btn{font-size:.75em;padding:1px 7px;line-height:1.4;opacity:.65}.inst-toggle-btn.is-active{opacity:1;background:var(--wb-orange);color:var(--wb-black);border-color:var(--wb-orange)}.inst-swap{flex:0 0 auto;border-top:2px solid var(--wb-black);background:var(--wb-blue)}.inst-list{flex:1 1 auto;overflow:auto;background:var(--wb-dimblue)}.inst-row{display:grid;grid-template-columns:3ch 1fr 3.5ch 4ch;align-items:center;padding:0 .4rem;height:20px;border-bottom:1px solid rgba(0,0,0,.25);cursor:pointer;color:var(--wb-white)}.inst-row.is-selected{background:var(--wb-orange);color:var(--wb-black)}.inst-row .num{color:inherit;opacity:.7}.inst-row .kind{color:inherit;opacity:.75;text-align:right}.inst-row.is-empty .name{opacity:.45}.inst-count{font-size:.75em;text-align:right;padding-right:.3ch;color:var(--wb-cyan, #44ffee);opacity:.85;font-variant-numeric:tabular-nums}.inst-count.is-zero{color:inherit;opacity:.3}.inst-row.is-selected .inst-count{color:inherit;opacity:.7}.sample-view{display:flex;flex-direction:column;gap:.4rem}.sample-view canvas,.panel canvas{width:100%;height:120px;background:var(--wb-black);display:block;border-top:2px solid var(--wb-black);border-left:2px solid var(--wb-black);border-right:2px solid var(--wb-white);border-bottom:2px solid var(--wb-white);image-rendering:pixelated}.field-row{display:grid;grid-template-columns:9ch 1fr;align-items:center;gap:.5rem;font-size:16px}.field-row>label{color:var(--wb-white);text-transform:uppercase;letter-spacing:1px}.tabs{display:flex;background:var(--wb-blue);border-bottom:2px solid var(--wb-black)}.tab{flex:1 1 auto;text-align:center;padding:.3rem 0;letter-spacing:1px;text-transform:uppercase;border-right:2px solid var(--wb-black);cursor:pointer;color:var(--wb-white);font-size:14px}.tab:last-child{border-right:0}.tab.is-active{background:var(--wb-orange);color:var(--wb-black)}::-webkit-scrollbar{width:14px;height:14px}::-webkit-scrollbar-track{background:var(--wb-dimblue);border-left:2px solid var(--wb-black);border-top:2px solid var(--wb-black)}::-webkit-scrollbar-thumb{background:var(--wb-blue);border-top:2px solid var(--wb-white);border-left:2px solid var(--wb-white);border-bottom:2px solid var(--wb-black);border-right:2px solid var(--wb-black)}.hr{height:2px;background:var(--wb-black);margin:.4rem 0}.row{display:flex;align-items:center;gap:.5rem}.col{display:flex;flex-direction:column;gap:.35rem}.upper{text-transform:uppercase;letter-spacing:1px}.muted{opacity:.7}.orange{color:var(--wb-orange)}.white{color:var(--wb-white)}.right{text-align:right}.grow{flex:1 1 auto}.ctx-menu{background:var(--wb-white);border-top:2px solid var(--wb-white);border-left:2px solid var(--wb-white);border-bottom:2px solid var(--wb-black);border-right:2px solid var(--wb-black);font-family:VT323,monospace;font-size:.85rem;text-transform:uppercase;letter-spacing:1px;color:var(--wb-black);min-width:14rem;-webkit-user-select:none;user-select:none}.ctx-menu__item{padding:.25rem .6rem;cursor:pointer}.ctx-menu__item:hover{background:var(--wb-blue);color:var(--wb-white)}.ctx-menu__item.is-disabled{opacity:.4;cursor:not-allowed}.ctx-menu__sep{height:1px;background:var(--wb-black);margin:2px 0;opacity:.25}.about-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:900;display:flex;align-items:center;justify-content:center}.about-dialog{background:var(--wb-blue);border:3px solid var(--wb-white);box-shadow:4px 4px 0 var(--wb-black);display:flex;flex-direction:column;align-items:center;gap:0;padding:0;min-width:380px;max-width:480px;width:480px}.about-logo{width:100%;display:block;image-rendering:auto}.about-body{padding:14px 24px 8px;width:100%;box-sizing:border-box}.about-version{font-size:20px;color:var(--wb-orange);letter-spacing:2px;margin-bottom:2px;text-align:center}.about-sub{font-size:13px;color:var(--wb-white);opacity:.75;line-height:1.5;text-align:center}.about-tech{font-size:11px;opacity:.5;margin-top:2px}.about-divider{height:1px;background:#fff3;margin:10px 0;width:100%}.about-section-label{font-size:10px;letter-spacing:.12em;color:var(--wb-orange);opacity:.85;margin-bottom:5px;text-transform:uppercase}.about-credit-row{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:3px}.about-credit-name{font-size:13px;color:var(--wb-white);white-space:nowrap}.about-credit-role{font-size:12px;color:var(--wb-white);opacity:.6;text-align:right;white-space:nowrap}.about-ok{margin:10px auto 14px;min-width:80px}.ip-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:500;display:flex;align-items:center;justify-content:center}.ip-dialog{background:var(--wb-blue);border:2px solid var(--wb-white);box-shadow:3px 3px 0 var(--wb-black);display:flex;flex-direction:column;min-width:360px;max-width:440px;max-height:80vh;font-size:16px}.ip-titlebar{background:var(--wb-white);color:var(--wb-blue);display:flex;align-items:center;justify-content:space-between;padding:2px 6px;font-weight:700;font-size:15px;letter-spacing:.5px;flex-shrink:0}.ip-close{font:inherit;font-size:13px;color:var(--wb-blue);background:var(--wb-white);border:1px solid var(--wb-blue);padding:0 4px;cursor:pointer}.ip-close:hover{background:var(--wb-orange);color:var(--wb-white)}.ip-body{padding:6px 10px;overflow-y:auto;flex:1 1 auto}.ip-section-title{color:var(--wb-orange);font-size:14px;letter-spacing:1px;margin:8px 0 3px;border-bottom:1px solid rgba(255,136,0,.3);padding-bottom:1px}.ip-row{display:flex;align-items:center;gap:6px;margin-bottom:3px;min-height:22px}.ip-label{flex:0 0 110px;color:#ffffffbf;font-size:15px;text-align:right}.ip-input{font:inherit;font-size:15px;background:var(--wb-dimblue);color:var(--wb-white);border:2px inset var(--wb-black);padding:1px 3px}.ip-input--sm{width:6ch}.ip-input--wide{flex:1 1 auto;width:0}.ip-unit{color:#ffffff80;font-size:14px;white-space:nowrap}.ip-type-btns{display:flex;gap:4px}.ip-type-btn{font-size:14px;padding:1px 8px;min-width:60px}.ip-type-btn.is-active{background:var(--wb-orange);color:var(--wb-black);border-color:var(--wb-black)}.ip-footer{padding:6px 10px;display:flex;justify-content:flex-end;border-top:1px solid rgba(255,255,255,.15);flex-shrink:0}.transport-bar{display:flex;align-items:center;gap:0;background:var(--wb-blue);border-bottom:2px solid var(--wb-black);padding:3px 6px;flex-shrink:0;flex-wrap:wrap}.transport-bar__group{display:flex;align-items:center;gap:3px;padding-right:10px;border-right:2px solid rgba(255,255,255,.2);margin-right:8px}.transport-bar__group:last-child{border-right:none;padding-right:0;margin-right:0}.transport-bar__group--mid{flex:1 1 auto}.transport-bar__group--right{margin-left:auto}.transport-btn{height:24px;min-width:0;padding:0 8px;font-size:15px;letter-spacing:.5px;text-transform:none;white-space:nowrap}.transport-btn--editor{color:var(--wb-orange)}.transport-btn--danger{color:#f44}.transport-midi-box{display:inline-flex;gap:1px;background:var(--wb-black);border:2px inset var(--wb-black);padding:0 4px;height:22px;align-items:center;margin-right:4px;min-width:28px;justify-content:center}.transport-midi-flag{font-size:15px;color:#fff3;font-weight:700;line-height:1}.transport-midi-flag.is-active{color:var(--wb-orange)}.transport-label{font-size:14px;color:#fff9;margin-left:6px}.transport-spc{width:5ch;font-size:15px;height:22px;padding:0 2px}.mdi-window{position:fixed;display:flex;flex-direction:column;background:#002;border:2px outset var(--wb-blue);box-shadow:6px 6px 20px #000050b3;max-height:86vh;overflow:hidden;will-change:left,top}.mdi__titlebar{display:flex;align-items:center;gap:.4rem;background:var(--wb-blue);color:var(--wb-white);padding:.1rem .3rem;font-family:var(--font-mono);font-size:inherit;cursor:move;-webkit-user-select:none;user-select:none;flex-shrink:0;border-bottom:1px solid #003F80}.mdi__depth-gadget{width:16px;height:14px;position:relative;flex-shrink:0;border:1px outset rgba(255,255,255,.4);background:var(--wb-dimblue)}.mdi__depth-gadget div:first-child{position:absolute;inset:2px 2px auto auto;width:8px;height:6px;border:1px solid rgba(255,255,255,.6);background:var(--wb-dimblue)}.mdi__depth-gadget div:last-child{position:absolute;inset:auto auto 2px 2px;width:8px;height:6px;border:1px solid rgba(255,255,255,.6);background:var(--wb-blue)}.mdi__title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mdi__close{background:var(--wb-dimblue);border:1px outset rgba(255,255,255,.4);color:var(--wb-white);font-family:var(--font-mono);font-size:.7rem;line-height:1;padding:0 .35rem;height:16px;cursor:pointer;flex-shrink:0}.mdi__close:hover{background:#c20;border-color:#f53}.mdi__close:active{border-style:inset}.mdi__content{overflow-y:auto;overflow-x:hidden;flex:1}.notation-editor{display:flex;flex-direction:column;height:100%;min-height:0;font-family:var(--font-mono);font-size:inherit;color:var(--wb-white)}.notation-editor__header{display:flex;align-items:center;gap:.75rem;padding:4px 6px;background:var(--wb-darkblue);border-bottom:1px solid var(--wb-dimblue);flex-shrink:0}.notation-editor__pat-label{font-weight:700;color:var(--wb-yellow);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.notation-editor__rpb-label{display:flex;align-items:center;gap:.3rem;white-space:nowrap;color:var(--wb-white)}.notation-editor__rpb-input{width:4ch;background:var(--wb-black);color:var(--wb-white);border:1px inset var(--wb-dimblue);font-family:var(--font-mono);font-size:inherit;padding:1px 3px;text-align:right}.notation-editor__hint{color:var(--wb-dimblue);white-space:nowrap;font-size:.85rem}.notation-editor__channels{display:flex;flex-wrap:wrap;gap:2px;padding:4px 6px;background:var(--wb-darkblue);border-bottom:1px solid var(--wb-dimblue);flex-shrink:0}.notation-editor__ch-btn{width:2rem;padding:2px 0;font-family:var(--font-mono);font-size:.7rem;text-align:center;background:var(--wb-black);color:var(--wb-dimblue);border:1px solid var(--wb-dimblue)}.notation-editor__ch-btn.is-active{background:var(--wb-dimblue);color:var(--wb-white);border-color:var(--wb-white)}.notation-editor__ch-btn:hover{border-color:var(--wb-yellow);color:var(--wb-yellow)}.notation-editor__scroll{flex:1;overflow:auto;background:#fff;position:relative}.notation-editor__empty{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#888;font-family:var(--font-mono);font-size:.8rem}.notation-editor__vexflow{display:block}.notation-editor__vexflow svg{display:block}.midi-import-dialog{min-width:520px;max-width:640px}.midi-import__top-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.4rem}.midi-import__info-grid{display:grid;grid-template-columns:7ch 1fr 7ch 1fr;gap:.2rem .5rem;padding:.2rem 0}.midi-import__val{font-family:var(--font-mono);color:var(--wb-yellow)}.midi-import__track-table{display:flex;flex-direction:column;gap:1px;max-height:140px;overflow-y:auto;margin-top:.2rem}.midi-import__track-head,.midi-import__track-row{display:grid;grid-template-columns:1fr 5ch 5ch 5ch 4ch;gap:.35rem;align-items:center}.midi-import__track-head{font-size:.72em;opacity:.55;text-transform:uppercase;letter-spacing:.05em;padding-bottom:2px;border-bottom:1px solid var(--wb-darkgray)}.midi-import__track-row:nth-child(2n){background:#ffffff08}.midi-import__track-row.has-corrupt{background:#ff640012}.amiga-log__wrapper{background:#000;border-bottom:2px solid var(--wb-black);position:relative;background-image:repeating-linear-gradient(to bottom,transparent 0px,transparent 3px,rgba(0,0,0,.18) 3px,rgba(0,0,0,.18) 4px)}.amiga-log__titlebar{display:flex;align-items:center;justify-content:space-between;background:#1a1a00;border-bottom:1px solid #444400;padding:2px 8px;font-family:var(--font-mono);font-size:.7em;letter-spacing:.1em;color:#cc0;text-transform:uppercase}.amiga-log{font-family:var(--font-mono);font-size:.72em;line-height:1.45;padding:6px 10px 8px;height:160px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#336600 #000}.amiga-log::-webkit-scrollbar{width:6px}.amiga-log::-webkit-scrollbar-track{background:#000}.amiga-log::-webkit-scrollbar-thumb{background:#360;border-radius:2px}.amiga-log__line{white-space:pre;display:block}.amiga-log__head{color:#4f4}.amiga-log__body{color:#2b2}.amiga-log__note{color:#3c3}.amiga-log__strip{color:#fa0}.amiga-log__warn{color:#f40}.amiga-log__ok{color:#8f8;font-weight:700}.amiga-log__cursor{color:#4f4;animation:amiga-blink .8s step-end infinite;display:inline-block;line-height:1}@keyframes amiga-blink{0%,to{opacity:1}50%{opacity:0}}.notation-editor__cursor-line{position:absolute;top:0;bottom:0;width:2px;background:var(--wb-orange);opacity:.75;pointer-events:none;z-index:10;transition:left .05s linear}.progkeys-dialog{min-width:480px}.progkeys-table{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-size:.75rem}.progkeys-table th{text-align:left;color:var(--wb-dimblue);padding:2px 6px;font-size:.65rem;text-transform:uppercase;border-bottom:1px solid var(--wb-dimblue)}.progkeys-table td{padding:3px 4px;vertical-align:middle}.progkeys-key{color:var(--wb-orange);font-weight:700;white-space:nowrap;padding-right:8px}.progkeys-notename{color:var(--wb-dimblue);width:3rem;font-size:.7rem}.progkeys-row--empty td{opacity:.45}.ip-input--hex{width:3ch;background:var(--wb-black);color:var(--wb-yellow);border:1px inset var(--wb-dimblue);font-family:var(--font-mono);font-size:.75rem;padding:1px 3px;text-align:center;text-transform:uppercase}.progkeys-hint{margin:8px 0 0;font-size:.65rem;color:var(--wb-dimblue);line-height:1.4}.midi-msg-dialog{width:min(800px,96vw);max-height:80vh}.midi-msg-body{display:flex;flex-direction:column;gap:8px}.midi-msg-hint{font-size:13px;color:#fff9;margin:0 0 4px;line-height:1.5}.midi-msg-hint code{font-family:var(--font-mono);color:var(--wb-orange)}.midi-msg-grid{display:grid;grid-template-columns:3ch 14ch 1fr 20ch;gap:3px 8px;align-items:center}.midi-msg-col-hdr{color:var(--wb-orange);font-size:12px;letter-spacing:.5px;text-transform:uppercase;border-bottom:1px solid rgba(255,136,0,.3);padding-bottom:2px}.midi-msg-slot-num{font-family:var(--font-mono);color:var(--wb-dimblue);font-size:14px;text-align:center}.midi-msg-name{font-size:13px;width:100%}.midi-msg-hex{font-family:var(--font-mono);font-size:13px;width:100%;text-transform:uppercase}.midi-msg-hex.is-error{border-color:#f44;color:#f44}.midi-msg-preview{font-size:12px;color:#ffffff8c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sle-dialog{width:min(600px,96vw);max-height:80vh}.sle-body{display:flex;flex-direction:column;gap:6px;min-height:0}.sle-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}.sle-status{flex:1;font-size:13px;color:var(--wb-orange);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sle-slot-label{display:inline-flex;align-items:center;gap:4px;font-size:14px;color:#fffc;flex-shrink:0}.sle-slot-input{width:5ch;font-size:14px;background:var(--wb-black);color:var(--wb-white);border:1px inset var(--wb-dimblue);text-align:center;font-family:var(--font-mono)}.sle-empty{color:#fff6;font-size:13px;padding:12px 0;text-align:center}.sle-list{flex:1 1 auto;overflow-y:auto;border:1px solid var(--wb-dimblue);min-height:0}.sle-list-hdr{display:grid;grid-template-columns:1fr auto;gap:8px;padding:3px 6px;background:var(--wb-dimblue);font-size:12px;color:var(--wb-orange);letter-spacing:.5px;text-transform:uppercase;position:sticky;top:0}.sle-list-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:2px 6px;border-bottom:1px solid rgba(255,255,255,.05)}.sle-list-row:hover{background:#ffffff0a}.sle-list-name{font-family:var(--font-mono);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sle-load-btn{font-family:var(--font-mono);font-size:12px;padding:1px 6px;height:20px;min-width:0}.mdi__zoom{background:var(--wb-dimblue);border:1px outset rgba(255,255,255,.4);color:var(--wb-white);font-family:var(--font-mono);font-size:.7rem;line-height:1;padding:0 .35rem;height:16px;cursor:pointer;flex-shrink:0}.mdi__zoom:hover{background:#048;border-color:#07c}.mdi__zoom:active,.mdi__zoom.is-active{border-style:inset;background:#025}.mdi-window.is-maximised{position:fixed!important;left:0!important;top:28px!important;right:0!important;bottom:0!important;width:auto!important;height:auto!important;max-height:none!important;min-width:0!important}.mdi-window.is-maximised .mdi__content{height:calc(100% - 28px);max-height:none}.script-editor{display:flex;flex-direction:column;height:100%;min-height:400px;width:100%;background:#001;font-family:var(--font-mono);color:#0f8;font-size:inherit}.script-editor__tabs{display:flex;align-items:center;gap:0;background:#003;border-bottom:1px solid #003366;flex-shrink:0;padding:0 4px}.script-editor__tab{background:transparent;border:none;border-bottom:2px solid transparent;color:#49b;font-family:var(--font-mono);font-size:inherit;padding:3px 12px;cursor:pointer;white-space:nowrap;line-height:1.4}.script-editor__tab:hover:not(:disabled){color:#8df;background:#0064c826}.script-editor__tab.is-active{color:#0f8;border-bottom-color:#0f8;background:#00ff880f}.script-editor__tab.is-future{color:#2a4455;cursor:not-allowed;font-style:italic}.script-editor__tabs-spacer{flex:1}.script-editor__linecount{font-size:.8em;color:#365;padding-right:6px}.script-editor__toolbar{display:flex;align-items:center;gap:6px;padding:3px 6px;background:#002;border-bottom:1px solid #001133;flex-shrink:0}.script-editor__btn{background:#001833;border:1px outset #004488;color:#0cf;font-family:var(--font-mono);font-size:inherit;padding:1px 8px;cursor:pointer;white-space:nowrap}.script-editor__btn:hover:not(:disabled){background:#036;color:#6ef}.script-editor__btn:disabled{color:#244;border-color:#123;cursor:default}.script-editor__status{font-size:.85em;color:#365;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.script-editor__status.is-dirty{color:#ba4}.script-editor__status.is-error{color:#f44}.script-editor__status.is-ok{color:#0f8}.script-editor__code-wrap{display:flex;flex:1;overflow:hidden;min-height:0}.script-editor__gutter{background:#002;border-right:1px solid #001133;padding:4px 6px 4px 4px;overflow:hidden;text-align:right;-webkit-user-select:none;user-select:none;min-width:3.5ch;flex-shrink:0;font-size:.8em;line-height:1.5;color:#243}.script-editor__line-num{line-height:1.5}.script-editor__code{flex:1;resize:none;background:#001;color:#0f8;font-family:var(--font-mono);font-size:inherit;line-height:1.5;border:none;outline:none;padding:4px 8px;overflow:auto;white-space:pre;-moz-tab-size:2;tab-size:2;caret-color:#0f8}.script-editor__code::selection{background:#0064c866;color:#cfe}.script-editor__code:focus{outline:none;box-shadow:inset 0 0 0 1px #00ff8826}.script-editor__pane{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.script-editor__pane--arexx{height:100%}.script-editor__arexx-split{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.script-editor__arexx-split .script-editor__code-wrap{flex:3;min-height:120px;border-bottom:2px solid #004422}.script-editor__code--arexx{color:#fc4;caret-color:#fc4}.script-editor__code--arexx::selection{background:#ffa0004d;color:#fea}.script-editor__btn--run{color:#0fa;border-color:#063;background:#001a0d;font-weight:700}.script-editor__btn--run:hover:not(:disabled){background:#032;color:#6fc;border-color:#0a5}.script-editor__console{flex:2;overflow-y:auto;background:#00000a;border-top:1px solid #002211;padding:4px 8px;font-family:var(--font-mono);font-size:inherit;line-height:1.5;min-height:80px}.script-editor__console-hint{color:#1a3322;font-style:italic}.script-editor__console-line{white-space:pre-wrap;word-break:break-all}.script-editor__console-line.is-say{color:#fc4}.script-editor__console-line.is-err{color:#f54}.script-editor__console-line.is-ok{color:#4fa;opacity:.7}.script-editor__console-line.is-info{color:#243;font-style:italic}.ch.is-drum{background:#1a0a2e;color:#c8f;border-bottom:2px solid #6600cc}.ch.is-drum:hover{background:#2a1044;color:#d9f}.ch.is-drum.is-muted{opacity:.4}.ch.is-drum.is-solo{color:#f9f;border-bottom-color:#f4f}.drum-editor{display:flex;flex-direction:column;height:100%;min-height:0;background:#0a0010;color:var(--fg);font-family:var(--font-mono);font-size:15px;-webkit-user-select:none;user-select:none}.drum-editor__header{display:flex;align-items:center;gap:12px;padding:4px 8px;background:#100020;border-bottom:2px solid #440088;flex-shrink:0}.drum-editor__title{font-size:16px;font-weight:700;color:#c8f;letter-spacing:.1em;margin-right:4px}.drum-editor__header-controls{display:flex;align-items:center;gap:12px;flex:1}.drum-editor__step-toggle{background:#200040;color:#a6f;border:1px solid #6600cc;padding:2px 8px;font-family:inherit;font-size:14px;cursor:pointer;letter-spacing:.05em}.drum-editor__step-toggle:hover{background:#30005a;color:#c8f;border-color:#93f}.drum-editor__swing-label{display:flex;align-items:center;gap:6px;color:#75a;font-size:13px;letter-spacing:.08em}.drum-editor__swing-input{width:80px;accent-color:#9933ff;cursor:pointer}.drum-editor__swing-val{color:#a8d;min-width:2.5ch;text-align:right}.drum-editor__block-tag{margin-left:auto;color:#75a;font-size:10px}.drum-editor__block-tag strong{color:#c8f}.drum-editor__body{display:flex;flex:1;min-height:0;overflow:hidden}.drum-editor__block-list{width:120px;flex-shrink:0;display:flex;flex-direction:column;border-right:2px solid #330066;background:#08000e}.drum-editor__block-list-header{padding:4px 6px;font-size:12px;letter-spacing:.12em;color:#538;border-bottom:1px solid #220044;background:#0d0018}.drum-editor__block-list-inner{flex:1;overflow-y:auto}.drum-editor__block-item{display:flex;align-items:center;gap:5px;width:100%;padding:3px 6px;background:none;border:none;color:#859;font-family:inherit;font-size:13px;text-align:left;cursor:pointer;border-bottom:1px solid #1a0030;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drum-editor__block-item:hover{background:#1a0030;color:#a7c}.drum-editor__block-item.is-active{background:#30005a;color:#c8f;border-left:3px solid #9933ff}.drum-editor__block-id{color:#538;font-size:12px;flex-shrink:0}.drum-editor__block-name{overflow:hidden;text-overflow:ellipsis}.drum-editor__grid{flex:1;overflow-x:auto;overflow-y:auto;display:flex;flex-direction:column;padding:4px 6px 8px;gap:2px}.drum-editor__voice-row{display:flex;align-items:center;gap:6px;height:24px}.drum-editor__voice-row--ruler{height:16px;margin-bottom:2px}.drum-editor__voice-controls{display:flex;align-items:center;gap:3px;width:200px;flex-shrink:0}.drum-editor__ms-btn{width:20px;height:20px;padding:0;background:#150025;border:1px solid #440077;color:#538;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center}.drum-editor__ms-btn:hover{background:#204;color:#96c}.drum-editor__ms-btn.is-mute{background:#400;color:#f55;border-color:#800}.drum-editor__ms-btn.is-solo{background:#043;color:#4fa;border-color:#075}.drum-editor__voice-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#c8f;font-size:13px;letter-spacing:.04em;cursor:default;padding:0 2px}.drum-editor__voice-name-input{flex:1;background:#000010;color:#c8f;border:1px solid #9933ff;font-family:inherit;font-size:13px;padding:0 2px;height:20px;outline:none}.drum-editor__voice-inst{display:flex;align-items:center;gap:2px;flex-shrink:0}.drum-editor__inst-arrow{width:16px;height:20px;padding:0;background:#150025;border:1px solid #330055;color:#75a;font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:inherit}.drum-editor__inst-arrow:hover{background:#204;color:#a7c}.drum-editor__inst-label{font-size:13px;color:#96c;min-width:2ch;text-align:center}.drum-editor__steps{display:flex;gap:4px;align-items:center}.drum-editor__step-group{display:flex;gap:2px}.drum-editor__step{width:26px;height:26px;background:#150025;border:1px solid #440077;cursor:pointer;transition:background 80ms ease,border-color 80ms ease;padding:0}.drum-editor__step:hover:not(:disabled){background:#30005a;border-color:#93f}.drum-editor__step.is-active{background:#93f;border-color:#c8f;box-shadow:0 0 4px #93f9}.drum-editor__step.is-active:hover{background:#b5f;border-color:#ecf}.drum-editor__step.is-disabled{opacity:.3;cursor:not-allowed}.drum-editor__step-num{width:24px;height:18px;display:flex;align-items:center;justify-content:center;font-size:11px;color:#426}.drum-editor__voice-params{display:flex;align-items:center;gap:6px;flex-shrink:0;width:120px}.drum-editor__param-label{display:flex;align-items:center;gap:3px;font-size:12px;color:#538;letter-spacing:.06em}.drum-editor__param-input{width:40px;background:#0a0018;border:1px solid #330055;color:#a7c;font-family:inherit;font-size:13px;text-align:right;padding:1px 2px;-moz-appearance:textfield}.drum-editor__param-input::-webkit-outer-spin-button,.drum-editor__param-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.drum-editor__param-input:focus{outline:none;border-color:#93f;color:#c8f}.drum-editor__kit-wrap{position:relative}.drum-editor__kit-btn{background:#1a0030;color:#c8f;border:1px solid #6600cc;padding:2px 10px;font-family:inherit;font-size:14px;cursor:pointer;letter-spacing:.05em;white-space:nowrap}.drum-editor__kit-btn:hover:not(:disabled){background:#2a0050;color:#d9f;border-color:#93f}.drum-editor__kit-btn:disabled{opacity:.6;cursor:default}.drum-editor__kit-menu{position:absolute;top:calc(100% + 3px);left:0;z-index:500;background:#0d0018;border:1px solid #6600cc;min-width:220px;box-shadow:0 4px 16px #60c6}.drum-editor__kit-item{display:flex;flex-direction:column;width:100%;padding:6px 10px;background:none;border:none;border-bottom:1px solid #220044;text-align:left;cursor:pointer;font-family:inherit}.drum-editor__kit-item:hover{background:#204}.drum-editor__kit-item:last-child{border-bottom:none}.drum-editor__kit-name{font-size:11px;color:#c8f;font-weight:700;letter-spacing:.05em}.drum-editor__kit-credit{font-size:12px;color:#538;margin-top:1px}.drum-editor__kit-status{font-size:13px;color:#a7c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.sb-root{display:flex;width:100%;height:100%;min-height:340px;background:var(--wb-blue);color:var(--wb-white);font-family:var(--font-mono);overflow:hidden}.sb-tree{width:190px;flex-shrink:0;display:flex;flex-direction:column;border-right:2px solid #004488;background:#003;overflow-y:auto}.sb-section{display:flex;flex-direction:column}.sb-section-hdr{display:flex;align-items:center;gap:5px;background:#015;color:#8af;border:none;border-bottom:1px solid #003399;padding:5px 8px;font-family:var(--font-mono);font-size:.78em;font-weight:700;letter-spacing:.08em;text-align:left;cursor:pointer;text-transform:uppercase;width:100%}.sb-section-hdr:hover{background:#001f7a}.sb-section-arrow{font-size:.7em;color:#46c;flex-shrink:0}.sb-tree-action{display:flex;flex-direction:column;gap:4px;padding:5px 6px;border-bottom:1px solid #002266}.sb-open-btn{font-family:var(--font-mono);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.sb-tree-hint{color:#347;font-size:.72em;padding:2px 6px;font-style:italic}.sb-cat-item{display:flex;align-items:center;justify-content:space-between;gap:4px;background:none;border:none;border-bottom:1px solid #001a44;color:#79d;font-family:var(--font-mono);font-size:.85em;padding:4px 8px 4px 16px;text-align:left;cursor:pointer;width:100%}.sb-cat-item:hover{background:#001a55;color:#acf}.sb-cat-item.is-active{background:#04a;color:#fff;border-left:3px solid #FFAA00;padding-left:13px}.sb-cat-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-cat-count{font-size:.72em;color:#347;flex-shrink:0}.sb-cat-item.is-active .sb-cat-count{color:#8ac}.sb-panel{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.sb-toolbar{display:flex;align-items:center;gap:8px;padding:4px 8px;background:#003;border-bottom:1px solid #003399;flex-shrink:0}.sb-status{flex:1;color:#8ad;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-slot-label{display:inline-flex;align-items:center;gap:4px;color:#68b;white-space:nowrap;flex-shrink:0}.sb-slot-input{width:5ch;font-family:var(--font-mono);font-size:inherit;background:#002;color:#fff;border:1px solid #0055AA;text-align:center;padding:1px 2px}.sb-slot-input:focus{outline:none;border-color:#fa0}.sb-list-hdr{display:grid;grid-template-columns:1fr 130px 70px 22px;gap:0;background:#001a55;border-bottom:1px solid #003399;padding:2px 6px;flex-shrink:0;color:#46a;font-size:.72em;letter-spacing:.06em;text-transform:uppercase}.sb-list{flex:1;overflow-y:auto;outline:none}.sb-list:focus{box-shadow:inset 0 0 0 1px #0055aa80}.sb-row{display:grid;grid-template-columns:1fr 130px 70px 22px;gap:0;align-items:center;padding:1px 6px;cursor:pointer;border-bottom:1px solid rgba(0,34,102,.5);-webkit-user-select:none;user-select:none}.sb-row.is-even{background:#00001a}.sb-row:not(.is-even){background:#003}.sb-row:hover{background:#001a55}.sb-row.is-selected{background:#05a!important;color:#fff;border-bottom-color:#04a}.sb-col-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit}.sb-col-role{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#68b;font-size:.8em;padding-left:4px}.sb-row.is-selected .sb-col-role{color:#ace}.sb-col-size{text-align:right;color:#469;font-size:.8em;padding-right:6px;white-space:nowrap}.sb-row.is-selected .sb-col-size{color:#8ac}.sb-col-play{text-align:center;color:#347;width:22px}.sb-col-play.is-playing{color:#fa0;animation:sb-blink .6s step-end infinite}@keyframes sb-blink{0%,to{opacity:1}50%{opacity:.3}}.sb-empty{padding:20px;color:#ffffff40;text-align:center}.sb-footer-hint{padding:3px 8px;background:#002;border-top:1px solid #002266;font-size:.65em;color:#235;letter-spacing:.04em;flex-shrink:0}.song-ctx-menu{position:fixed;z-index:9999;background:var(--wb-dimblue);border:2px solid var(--wb-black);border-top:2px solid var(--wb-white);border-left:2px solid var(--wb-white);min-width:190px;font-family:var(--font-mono);font-size:.8rem;box-shadow:2px 2px 0 var(--wb-black);padding:2px 0}.song-ctx-menu__item{padding:4px 12px;color:var(--wb-white);cursor:pointer;white-space:nowrap}.song-ctx-menu__item:hover{background:var(--wb-blue-hi, #0055aa);color:var(--wb-white)}.song-ctx-menu__sep{height:1px;background:var(--wb-black);margin:2px 0}.vol-mixer{display:flex;flex-direction:column;background:var(--wb-blue);font-family:var(--font-mono);-webkit-user-select:none;user-select:none;min-width:0}.vol-mixer__header{display:flex;align-items:center;padding:.25rem .5rem;background:var(--wb-dimblue);border-bottom:2px solid var(--wb-black);gap:.5rem;flex-shrink:0}.vol-mixer__title{font-size:.85rem;color:var(--wb-orange);letter-spacing:.08em}.vol-mixer__channels{display:flex;overflow-x:auto;overflow-y:hidden;gap:2px;padding:.4rem .3rem;align-items:stretch}.vol-mixer__ch{display:flex;flex-direction:column;align-items:center;gap:.2rem;min-width:38px;padding:.25rem .15rem;border:1px solid var(--wb-black);border-top:2px solid var(--wb-dimblue);background:#0000004d}.vol-mixer__ch.is-muted{opacity:.4}.vol-mixer__ch-num{font-size:.65rem;color:var(--wb-orange);letter-spacing:.05em;white-space:nowrap}.vol-mixer__slider-wrap{display:flex;align-items:center;justify-content:center;padding:.2rem 0;height:160px}.vol-mixer__slider{-webkit-appearance:slider-vertical;-moz-appearance:slider-vertical;appearance:slider-vertical;width:24px;height:160px;cursor:pointer;accent-color:var(--wb-orange)}.vol-mixer__vol-input{width:32px;font-size:.72rem;text-align:center;padding:0 1px;background:var(--wb-dimblue);color:var(--wb-white);border:1px solid var(--wb-black)}.vol-mixer__mute-btn{font-size:.7rem;background:var(--wb-dimblue);border:1px solid var(--wb-black);color:var(--wb-white);width:22px;height:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.vol-mixer__mute-btn.is-active{background:#800;color:#f88;border-color:#f44}.left-tabs{display:flex;flex-shrink:0;border-bottom:2px solid var(--wb-black)}.left-tabs__tab{flex:1 1 50%;height:22px;background:var(--wb-dimblue);color:#fff9;border:none;border-right:1px solid var(--wb-black);font:inherit;font-size:.8em;letter-spacing:.05em;cursor:pointer;padding:0}.left-tabs__tab:last-child{border-right:none}.left-tabs__tab:hover{color:var(--wb-white);background:#004c99}.left-tabs__tab.is-active{background:var(--wb-blue);color:var(--wb-white);font-weight:700;border-bottom:2px solid var(--wb-orange)}.clip-editor{display:flex;flex-direction:column;height:100%;min-height:200px}.clip-editor__toolbar{display:flex;align-items:center;padding:3px 6px;background:var(--wb-dimblue);border-bottom:1px solid var(--wb-black);flex-shrink:0;gap:2px}.clip-editor__header{display:grid;background:var(--wb-dimblue);border-bottom:2px solid var(--wb-black);font-size:.72em;flex-shrink:0;padding:0 2px}.clip-editor__header .ch{text-align:center;padding:1px 0;cursor:pointer;border-left:1px solid rgba(0,0,0,.3);color:#ffffffb3}.clip-editor__header .ch.is-current{color:var(--wb-orange)}.clip-editor__scroll{flex:1 1 auto;overflow-y:auto;font-family:var(--font-mono, monospace);font-size:13px}.btn--edit{color:#8df}.btn--edit:hover{color:#aef}.wb-dialog{min-width:280px;max-width:420px}.wb-dialog__body{padding:12px 12px 8px}.wb-dialog__message{margin:0;line-height:1.45;font-size:.9em;color:var(--wb-white);white-space:pre-wrap}.wb-dialog__footer{gap:6px}.wb-dialog__btn{padding:0 14px;height:22px;border:2px solid var(--wb-black);border-top-color:var(--wb-white);border-left-color:var(--wb-white);border-bottom-color:var(--wb-black);border-right-color:var(--wb-black);background:var(--wb-dimblue);color:var(--wb-white);font:inherit;font-size:.88em;cursor:pointer;min-width:64px;text-align:center}.wb-dialog__btn:hover{background:#06c}.wb-dialog__btn:active{border-top-color:var(--wb-black);border-left-color:var(--wb-black);border-bottom-color:var(--wb-white);border-right-color:var(--wb-white)}.wb-dialog__btn--ok{background:var(--wb-blue);color:var(--wb-white)}.wb-dialog__btn--ok:hover{background:#07e}.wb-dialog__btn--ok:disabled{opacity:.4;cursor:default}.wb-dialog__btn--danger{color:#f88}.wb-dialog__btn--danger:hover{background:#600;color:#fbb}.clip-palette{display:flex;flex-direction:column;gap:0;min-height:120px;padding:0;width:100%}.clip-palette__header{display:flex;align-items:center;padding:.3rem .5rem;background:var(--wb-dimblue);border-bottom:1px solid var(--wb-black)}.clip-palette__empty{padding:.75rem .5rem;font-size:.82em;line-height:1.4}.clip-palette__list{display:flex;flex-direction:column;overflow-y:auto;max-height:420px;flex:1 1 auto}.clip-palette__item{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;padding:.25rem .4rem;border-bottom:1px solid rgba(0,0,0,.3);cursor:default}.clip-palette__item:hover{background:#ff880014}.clip-palette__item.is-info-open{background:#4488ff1a}.clip-palette__swatch{width:14px;height:14px;border-radius:2px;border:1px solid rgba(255,255,255,.3);cursor:pointer;flex-shrink:0}.clip-palette__swatch:hover{border-color:var(--wb-white)}.clip-palette__name{flex:1 1 auto;font-size:.9em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:text}.clip-palette__rename-input{flex:1 1 auto;font-size:.9em;min-width:80px}.clip-palette__size{font-size:.72em;opacity:.6;white-space:nowrap;flex-shrink:0}.clip-palette__usage-badge{font-size:.72em;padding:0 .25rem;border-radius:2px;background:#4488ff40;color:#8bf;white-space:nowrap;flex-shrink:0}.clip-palette__usage-badge.is-unused{background:#f803;color:var(--wb-orange)}.clip-palette__actions{display:flex;gap:.2rem;flex-wrap:wrap;align-items:center;width:100%;margin-top:.1rem}.btn--xs{font-size:.72em;padding:0 .3rem;height:16px;line-height:16px}.btn--danger{color:#f88}.btn--danger:hover{color:#fbb}.clip-palette__info{width:100%;display:flex;flex-wrap:wrap;gap:.25rem;padding:.2rem 0 .1rem 18px;font-size:.78em;color:#ffffffb3}.clip-palette__info-pat{background:#48f3;border-radius:2px;padding:0 .3rem}.clip-palette__footer{padding:.4rem .5rem;border-top:1px solid var(--wb-black);background:var(--wb-dimblue)}.cell.in-clip{position:relative}.ctx-menu__sep{height:1px;background:#fff3;margin:2px 0}