/* The mix room is a touch-first multitrack workspace, independent of game menus. */
#bh177Editor.bh175-screen{inset:0!important;width:100%!important;max-width:none!important;height:100dvh!important;max-height:none!important;margin:0!important;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)!important;border:0!important;border-radius:0!important;background:#07090b!important;overflow:hidden!important;font:14px/1.4 system-ui!important;touch-action:none!important;z-index:360!important;box-shadow:none!important}
#bh177Editor.bh183Open{display:flex!important;flex-direction:column!important}
#bh177Editor button{position:relative!important;inset:auto!important;transform:none!important;display:inline-flex!important;align-items:center;justify-content:center;min-height:34px!important;width:auto!important;max-width:none!important;padding:6px 10px!important;margin:0!important;border:0!important;border-radius:9px!important;background:#1b2026!important;color:#f8f8fa!important;text-align:center!important;font:700 12px/1.25 system-ui!important;letter-spacing:0!important;touch-action:manipulation!important}
#bh177Editor .mix-header183{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;height:57px;padding:5px 16px;background:#080a0d;border-bottom:1px solid #272b31}
#bh177Editor .mix-header183 div{text-align:center;display:grid;gap:0}#bh177Editor .mix-header183 small{font-size:9px;color:#8b929c;letter-spacing:2px}#bh177Editor .mix-header183 strong{font-size:14px;letter-spacing:2px}#bh177Editor .mix-header183 button{font-size:26px!important;background:transparent!important;width:44px!important}
#bh177Editor .mix-clock183{display:flex;align-items:center;gap:14px;padding:9px 16px;flex-shrink:0;font:600 16px monospace;color:#ddd}#bh183MicLabel{font:8px system-ui;color:#88919d;margin-left:auto}.mix-input183{width:40px;height:5px;background:#272c34;border-radius:4px;overflow:hidden}.mix-input183 i{display:block;width:0%;height:100%;background:#43d9a4}
#bh177Editor #bh177EditorStatus{margin:0!important;padding:3px 16px 8px!important;color:#9fa8b3;font:10px/1.4 system-ui!important;min-height:31px;max-height:42px;overflow:hidden;flex-shrink:0}
#bh177Editor #bh177Timeline{flex:1;min-height:0;overflow:hidden;width:100%;padding:0;margin:0}
.daw-scroller183{height:100%;width:100%;overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y!important;-webkit-overflow-scrolling:touch;background:#090a0d}
.daw-board183{position:relative;min-height:100%;padding-bottom:30px}.daw-ruler183{height:35px;position:sticky;top:0;z-index:6;background:#171a20;border-bottom:1px solid #333b47;touch-action:none}.daw-ruler183>span{position:absolute;top:9px;font:10px monospace;color:#9aa2b0;padding-left:4px;border-left:1px solid #637080;height:25px}.daw-ruler183>.daw-corner183{left:0;position:sticky;display:block;top:0;width:116px;box-sizing:border-box;height:35px;padding:10px 12px;background:#14171c;border:0;color:#697583;font:9px system-ui;letter-spacing:1.5px;z-index:8}
.daw-track183{display:flex;height:100px;position:relative;border-bottom:1px solid #24272e}.daw-track183[data-selected=true]{background:#15171d}.daw-header183{position:sticky;left:0;z-index:5;flex:0 0 116px;width:116px;box-sizing:border-box;background:#0c0e12;border-left:3px solid;padding:12px 7px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;box-shadow:4px 0 8px #0005}
#bh177Editor .daw-name183{font-size:12px!important;text-align:left!important;justify-content:flex-start;white-space:normal!important;overflow:hidden!important;max-height:34px!important;padding:0!important;background:transparent!important;min-height:25px!important;width:100%!important}
#bh177Editor .daw-fx183{font:600 9px system-ui!important;padding:3px 8px!important;min-height:22px!important;border-radius:10px!important;color:#d1c9ee!important}
.daw-lane183{position:relative;flex-shrink:0;background-image:linear-gradient(to right,#68758a14 1px,transparent 1px);touch-action:pan-x pan-y!important}
#bh177Editor .daw-clip183{position:absolute!important;top:12px!important;height:76px!important;min-height:0!important;display:block!important;padding:0!important;overflow:hidden;min-width:0!important;border:1px solid!important;border-radius:8px!important;touch-action:none!important}
#bh177Editor .daw-clip183>span{display:block;text-align:left;padding:3px 6px;font:9px system-ui;color:#f7e8ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.daw-clip183 canvas{height:50px!important;width:100%!important;display:block;pointer-events:none}.daw-head183{position:absolute;top:28px;bottom:0;width:1.5px;background:#fff;z-index:7;pointer-events:none}.daw-head183:before{content:'';display:block;width:9px;height:9px;border-radius:50%;background:#fff;position:absolute;left:-3.5px;top:-4px}
#bh177Editor .daw-addrow183{margin:12px 0 0 125px!important;background:transparent!important;color:#637284!important;font-size:10px!important}
.mix-clipbar183{display:flex;align-items:center;gap:5px;flex-wrap:wrap;min-height:42px;padding:6px 12px;border-top:1px solid #272b31;flex-shrink:0}.mix-clipbar183 strong{display:block;width:100%;font:9px system-ui;color:#8c9bac;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mix-clipbar183 button{font-size:9px!important;min-height:29px!important}
#bh177Editor .mix-transport183{display:flex;flex-shrink:0;align-items:center;justify-content:space-around;padding:10px 12px 5px;background:#080a0d;gap:7px}#bh177Editor .mix-transport183 button{font-size:26px!important;background:transparent!important;min-width:34px;min-height:45px!important;padding:5px!important}
#bh177Editor #bh177Record{width:65px!important;height:65px!important;min-height:65px!important;border-radius:50%!important;background:#fa382c!important;color:#fff!important;font-size:28px!important}#bh177Editor #bh177Record[data-recording=true]{background:#8e1a17!important;box-shadow:0 0 0 5px #ff332333}
.mix-fee183{text-align:center;flex-shrink:0;padding:2px 4px 8px;color:#6b7683;font:8px system-ui;letter-spacing:1px}
#bh177Editor .mix-sheet183{position:absolute;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));max-height:80%;overflow:auto;overscroll-behavior:contain;touch-action:pan-y!important;background:#171b23f9;border:1px solid #3e4958;border-radius:18px;padding:18px;z-index:15;box-shadow:0 -12px 40px #000b}
#bh177Editor .mix-sheet183 button{display:flex!important;width:100%!important;min-height:43px!important;margin:8px 0!important}#bh177Editor .mix-sheet183>.mix-sheet-close183{background:transparent!important;justify-content:flex-end;color:#a1b6c7!important;margin:0!important}#bh177Editor .mix-sheet183 label{display:block;margin:12px 0}#bh177Editor .mix-sheet183 p{font-size:12px;color:#a3b3c5}#bh177Editor .mix-sheet183 input,#bh177Editor .mix-sheet183 select{width:100%;min-height:40px;font-size:16px!important;background:#0e1119;color:#f4f6fa;border:1px solid #3b4556;border-radius:6px;padding:6px}#bh177Editor .mix-sheet183 input[type=range]{padding:0}
body.bh183Studio #bh175Nav,body.bh183Studio #bh175Hints{display:none!important}
@media(orientation:landscape){#bh177Editor .mix-header183{height:40px}#bh177Editor .mix-clock183{padding:3px 16px}#bh177Editor #bh177EditorStatus{min-height:20px;max-height:20px;padding-bottom:2px!important}#bh177Editor .mix-clipbar183{min-height:30px;padding:2px 12px;flex-wrap:nowrap}.mix-clipbar183 strong{width:150px}#bh177Editor .mix-transport183{padding:3px 22%;gap:15px}#bh177Editor #bh177Record{width:43px!important;height:43px!important;min-height:43px!important;font-size:20px!important}#bh177Editor .mix-transport183 button{min-height:34px!important;font-size:22px!important}.mix-fee183{padding-bottom:2px}.daw-track183{height:88px}.daw-header183{padding-top:6px}.daw-clip183{top:6px!important}}