.mb-desktopLink{position:fixed;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));z-index:20;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#c8dcff73;text-decoration:none;background:#0a0e1699;border:1px solid rgba(125,249,255,.15);border-radius:8px;padding:6px 10px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:color .12s,border-color .12s}.mb-desktopLink:hover{color:var(--accent);border-color:#7df9ff66}.mb-splash{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 45%,#0c1632,#03050c 60%,#000);color:var(--accent);font-family:inherit;pointer-events:none;opacity:1;transition:opacity .5s ease .3s}.mb-splash.is-ready{opacity:0}.mb-splash__halo{position:absolute;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,#7df9ff66,#7df9ff00 60%);filter:blur(20px);animation:mbSplashPulse 2.4s ease-in-out infinite}@keyframes mbSplashPulse{0%,to{transform:scale(.92);opacity:.6}50%{transform:scale(1.08);opacity:1}}.mb-splash__brand{position:relative;font-size:42px;font-weight:800;letter-spacing:.04em;color:#f4fbff;text-shadow:0 0 24px rgba(125,249,255,.5)}.mb-splash__tagline{position:relative;margin-top:8px;font-size:13px;color:#7df9ffb3;letter-spacing:.16em;text-transform:uppercase}.mb-emptyState{position:fixed;inset:0;z-index:18;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;pointer-events:auto;text-align:center;transition:opacity .32s ease,transform .32s ease}.mb-emptyState.is-hidden{opacity:0;transform:scale(.96);pointer-events:none}.mb-emptyState__icon{font-size:64px;color:var(--accent);text-shadow:0 0 32px rgba(125,249,255,.6);margin-bottom:12px;animation:mbEmptyPulse 2.4s ease-in-out infinite}@keyframes mbEmptyPulse{0%,to{transform:scale(.95)}50%{transform:scale(1.08)}}.mb-emptyState__title{font-size:32px;font-weight:800;letter-spacing:.04em;color:#f4fbff;margin:0}.mb-emptyState__subtitle{font-size:14px;color:#c8dcf0a6;margin:8px 0 28px;max-width:280px;line-height:1.5}.mb-emptyState__cta{min-height:56px;padding:0 32px;border-radius:28px;border:1px solid rgba(125,249,255,.5);background:#7df9ff1f;color:var(--accent);font-size:15px;font-family:inherit;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;touch-action:manipulation;box-shadow:0 4px 24px #7df9ff33;transition:transform .12s,background .14s}.mb-emptyState__cta:active{transform:scale(.96);background:#7df9ff38}.mb-emptyState__hint{margin-top:14px;font-size:11px;color:#c8dcf066;letter-spacing:.12em;text-transform:uppercase}.mb-miniPlayer{position:fixed;left:12px;right:12px;bottom:max(12px,calc(env(safe-area-inset-bottom) + 8px));z-index:22;display:flex;align-items:center;gap:8px;padding:8px;border-radius:16px;background:#0a0e16eb;border:1px solid rgba(125,249,255,.22);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 8px 32px #0009;transform:translateY(120%);opacity:0;transition:transform .28s cubic-bezier(.22,1,.36,1),opacity .18s ease;pointer-events:none}.mb-miniPlayer.is-visible{transform:translateY(0);opacity:1;pointer-events:auto}.mb-miniPlayer__scene{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;padding:8px 12px;border-radius:11px;border:none;background:transparent;color:var(--fg);font-family:inherit;cursor:pointer;touch-action:manipulation;min-width:0;min-height:56px}.mb-miniPlayer__scene:active{background:#ffffff0a}.mb-miniPlayer__sceneName{font-size:14px;font-weight:700;color:var(--accent);letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.mb-miniPlayer__sceneSub{font-size:10px;color:#c8dcf06b;letter-spacing:.08em;text-transform:uppercase;margin-top:2px}.mb-miniPlayer__btn{width:56px;height:56px;border-radius:50%;border:1px solid rgba(125,249,255,.22);background:#ffffff0a;color:var(--accent);font-size:20px;font-family:inherit;cursor:pointer;touch-action:manipulation;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .1s,background .12s}.mb-miniPlayer__btn:active{transform:scale(.92)}.mb-miniPlayer__btn--rec{border-color:#ff546880;color:#ff5468}.mb-miniPlayer__btn--rec.is-recording{background:#ff546829;animation:mbMiniRecPulse 1.2s ease-in-out infinite}@keyframes mbMiniRecPulse{0%,to{background:#ff546824}50%{background:#ff54684d}}.mb-miniPlayer__recDot{width:14px;height:14px;border-radius:50%;background:currentColor}.mb-drawerToggle{position:fixed;bottom:max(20px,calc(env(safe-area-inset-bottom) + 12px));left:50%;transform:translate(-50%);z-index:25;display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;border:1px solid rgba(125,249,255,.28);background:#0a0e16d1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--accent);font-size:22px;cursor:pointer;box-shadow:0 4px 24px #0000008c;transition:background .14s,border-color .14s,transform .18s ease;touch-action:manipulation}.mb-drawerToggle:active{transform:translate(-50%) scale(.94)}.mb-drawerToggle.is-open{border-color:var(--accent);background:#141c2ce6}.mb-drawerToggle__icon{pointer-events:none}.mb-drawer{position:fixed;left:0;right:0;bottom:0;z-index:20;height:75vh;height:75dvh;background:rgba(10,14,22,var(--mb-drawer-bg-opacity, .96));border-top:1px solid rgba(125,249,255,.18);border-radius:18px 18px 0 0;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);display:flex;flex-direction:column;transform:translateY(100%);transition:transform .28s cubic-bezier(.22,1,.36,1),background-color .18s ease,opacity .16s ease;will-change:transform;touch-action:pan-y}.mb-drawer.is-open{transform:translateY(0)}.mb-drawer.is-previewing{opacity:.58}.mb-drawer__pill{width:40px;height:4px;border-radius:2px;background:#ffffff2e;margin:10px auto 4px;flex-shrink:0}.mb-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0}.mb-tab{flex:1;padding:10px 4px;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#aabedc80;background:transparent;border:none;border-bottom:2px solid transparent;border-radius:0;cursor:pointer;transition:color .12s,border-color .12s}.mb-tab.is-active{color:var(--accent);border-bottom-color:var(--accent)}.mb-tabPanel{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:14px 16px calc(env(safe-area-inset-bottom) + 80px);display:flex;flex-direction:column;gap:10px}.mb-tabPanel[hidden]{display:none}.mb-sectionLabel{font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:#8cc8e68c;margin-top:6px;margin-bottom:4px}.mb-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.mb-row>*{flex:1;min-width:0}.mb-row--col{flex-direction:column;align-items:stretch}.mb-srcBtn{min-height:48px;border-radius:10px;border:1px solid rgba(125,249,255,.22);background:#ffffff0a;color:var(--fg);font-size:14px;font-family:inherit;cursor:pointer;touch-action:manipulation;transition:background .12s,border-color .12s}.mb-srcBtn:active{transform:scale(.97)}.mb-srcBtn--dim{opacity:.45}.mb-srcBtn.is-active{border-color:var(--accent);background:#7df9ff1a;color:var(--accent)}.mb-filebtn{position:relative;display:block}.mb-filebtn input{position:absolute;inset:0;opacity:0;cursor:pointer}.mb-filebtn span{display:block;text-align:center;min-height:48px;line-height:48px;border-radius:10px;border:1px solid rgba(125,249,255,.22);background:#ffffff0a;color:var(--fg);font-size:14px;cursor:pointer}.mb-urlRow{display:flex;gap:8px;align-items:center}.mb-urlInput{flex:1;min-width:0;height:44px;background:#ffffff0d;border:1px solid rgba(125,249,255,.2);border-radius:10px;padding:0 12px;color:var(--fg);font-size:13px;font-family:inherit;outline:none}.mb-urlInput::placeholder{color:var(--muted)}.mb-urlInput:focus{border-color:var(--accent)}.mb-urlLoad{height:44px;padding:0 16px;border-radius:10px;border:1px solid rgba(125,249,255,.22);background:#7df9ff12;color:var(--accent);font-size:13px;font-family:inherit;cursor:pointer;touch-action:manipulation;flex-shrink:0}.mb-playBtn{width:100%;min-height:48px;border-radius:10px;border:1px solid rgba(125,249,255,.3);background:#7df9ff14;color:var(--accent);font-size:15px;font-weight:600;cursor:pointer;touch-action:manipulation}.mb-status{font-size:11px;color:var(--muted);margin:0;line-height:1.5}.mb-status--dim{opacity:.55}.mb-pads{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:7px}.mb-pad{min-height:48px;border-radius:9px;border:1px solid rgba(125,249,255,.18);background:#ffffff08;color:#c8dcf0cc;font-size:11px;font-family:inherit;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;touch-action:manipulation;transition:background .12s,border-color .12s}.mb-pad:active{transform:scale(.96)}.mb-pad.is-active{background:#7df9ff24;border-color:#7df9ff8c;color:#d8f6ff;box-shadow:0 0 12px #7df9ff29}.mb-padsTall{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.mb-padTall{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;min-height:64px;padding:10px 12px;border-radius:10px;border:1px solid rgba(125,249,255,.18);background:#ffffff08;color:#c8dcf0d9;font-family:inherit;cursor:pointer;touch-action:manipulation;transition:background .12s,border-color .12s,transform .08s}.mb-padTall:active{transform:scale(.97)}.mb-padTall.is-active{background:#7df9ff24;border-color:#7df9ff8c;box-shadow:0 0 14px #7df9ff2e}.mb-padTall__name{font-size:13px;font-weight:700;letter-spacing:.04em}.mb-padTall__sub{font-size:10px;margin-top:2px;color:#c8dcf08c;letter-spacing:.02em}.mb-padTall.is-active .mb-padTall__sub{color:#d8f6ffbf}.mb-layerList{display:flex;flex-direction:column;gap:4px}.mb-layerList .mb-toggle{padding:8px 6px;border-radius:8px;width:100%;transition:background .12s}.mb-layerList .mb-toggle:active{background:#ffffff0a}.mb-layerGroups{display:flex;flex-direction:column;gap:6px}.mb-layerGroup{border:1px solid rgba(255,255,255,.06);border-radius:10px;background:#ffffff05;overflow:hidden}.mb-layerGroup summary{cursor:pointer;list-style:none;padding:12px 14px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#b4d2f0d9;user-select:none;display:flex;align-items:center;gap:8px;touch-action:manipulation}.mb-layerGroup summary::-webkit-details-marker{display:none}.mb-layerGroup summary:before{content:"›";display:inline-block;font-size:18px;color:#7df9ff8c;transition:transform .18s ease;width:14px;text-align:center}.mb-layerGroup[open] summary:before{transform:rotate(90deg)}.mb-layerGroup summary:active{background:#ffffff0a}.mb-layerGroup__body{display:flex;flex-direction:column;gap:2px;padding:4px 8px 8px}.mb-layerGroup__body .mb-toggle{padding:8px 6px;border-radius:8px;width:100%;transition:background .12s}.mb-layerGroup__body .mb-toggle:active{background:#ffffff0a}.mb-layerList .mb-toggle--sub{padding-left:22px;font-size:12px;color:#c8dcf0a6}.mb-zoomRow{display:flex;gap:8px;align-items:center}.mb-zoomBtn{flex:0 0 auto;width:44px;height:44px;border-radius:9px;border:1px solid rgba(125,249,255,.22);background:#ffffff0a;color:var(--accent);font-size:22px;font-family:inherit;cursor:pointer;touch-action:manipulation;display:flex;align-items:center;justify-content:center;line-height:1}.mb-zoomBtn:active{transform:scale(.94)}.mb-zoomSlider{flex:1;min-width:0;accent-color:var(--accent);height:28px}.mb-zoomHints{display:flex;justify-content:space-between;font-size:10px;color:#c8dcf073;letter-spacing:.06em;text-transform:uppercase;margin-top:4px;padding:0 50px}.mb-advanced{margin-top:8px;border-top:1px solid rgba(255,255,255,.06);padding-top:10px}.mb-advanced summary{cursor:pointer;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#8cc8e68c;padding:6px 0;list-style:none;user-select:none}.mb-advanced summary::-webkit-details-marker{display:none}.mb-advanced summary:before{content:"▸  ";display:inline-block;transition:transform .15s;color:#8cc8e666}.mb-advanced[open] summary:before{transform:rotate(90deg)}.mb-segments{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;background:#ffffff06;border-radius:9px;padding:3px}.mb-seg{min-height:40px;border-radius:7px;border:none;background:transparent;color:#c8dcf080;font-size:10px;font-family:inherit;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;touch-action:manipulation;transition:background .12s,color .12s}.mb-seg.is-active{background:#7df9ff29;color:#d8f6ff}.mb-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:var(--fg)}.mb-toggle input[type=checkbox]{width:36px;height:20px;accent-color:var(--accent);flex-shrink:0}.mb-toggle--row{flex-direction:row;width:100%}.mb-quickRow{display:flex;gap:6px;flex-wrap:wrap}.mb-quickBtn{flex:1;min-width:52px;min-height:44px;border-radius:9px;border:1px solid rgba(125,249,255,.18);background:#ffffff0a;color:#c8dcf0bf;font-size:11px;font-family:inherit;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;touch-action:manipulation}.mb-quickBtn:active{transform:scale(.96)}.mb-reelActions{display:flex;gap:8px;align-items:stretch}.mb-recordBtn{flex:2;display:flex;align-items:center;justify-content:center;gap:8px;min-height:56px;border-radius:12px;border:1px solid rgba(255,84,104,.5);background:#ff546814;color:#ff5468;font-size:15px;font-weight:700;font-family:inherit;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;touch-action:manipulation;transition:background .12s,border-color .12s}.mb-recordBtn.is-recording{border-color:#ff5468;background:#ff546833;animation:mbRecordPulse 1.2s ease-in-out infinite}@keyframes mbRecordPulse{0%,to{background:#ff54681f}50%{background:#ff546847}}.mb-recordBtn__dot{width:10px;height:10px;border-radius:50%;background:currentColor;flex-shrink:0}.mb-snapBtn{flex:1;min-height:56px;border-radius:12px;border:1px solid rgba(125,249,255,.22);background:#ffffff0a;color:var(--fg);font-size:13px;font-family:inherit;cursor:pointer;touch-action:manipulation}.mb-textInput{width:100%;height:44px;background:#ffffff0d;border:1px solid rgba(125,249,255,.2);border-radius:10px;padding:0 12px;color:var(--fg);font-size:14px;font-family:inherit;outline:none}.mb-textInput::placeholder{color:var(--muted)}.mb-textInput:focus{border-color:var(--accent)}body.is-recording .hud,body.is-recording .mb-desktopLink{opacity:0;pointer-events:none;transition:opacity .4s ease}body.is-recording .mb-miniPlayer{opacity:.7}.hud{cursor:pointer;transition:opacity .3s ease}.hud.is-tapped-hidden{opacity:0}.mb-drawer__pill{cursor:grab}.mb-drawer.is-dragging{transition:none}.mb-advPanel{display:flex;flex-direction:column;gap:6px;margin-top:6px}.mb-advGroup{border:1px solid rgba(255,255,255,.06);border-radius:10px;background:#ffffff05;overflow:hidden}.mb-advGroup summary{cursor:pointer;list-style:none;padding:12px 14px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#b4d2f0d9;user-select:none;display:flex;align-items:center;gap:8px;touch-action:manipulation}.mb-advGroup summary::-webkit-details-marker{display:none}.mb-advGroup summary:before{content:"›";display:inline-block;font-size:18px;color:#7df9ff8c;transition:transform .18s ease;width:14px;text-align:center}.mb-advGroup[open] summary:before{transform:rotate(90deg)}.mb-advGroup__body{display:flex;flex-direction:column;gap:14px;padding:6px 12px 14px}.mb-advGroup__hint{margin:4px 0 2px;font-size:11px;color:#c8dcf080;line-height:1.4}.mb-advRow{display:flex;flex-direction:column;gap:4px}.mb-advRow__top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.mb-advRow__label{font-size:13px;font-weight:600;color:var(--fg);display:flex;flex-direction:column}.mb-advRow__sub{font-size:10px;color:#c8dcf073;letter-spacing:.04em;margin-top:2px}.mb-advRow__val{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:var(--accent);font-variant-numeric:tabular-nums}.mb-advRow__range{width:100%;height:32px;accent-color:var(--accent);touch-action:manipulation}.mb-advRow__ends{display:flex;justify-content:space-between;font-size:10px;color:#c8dcf06b;letter-spacing:.06em;text-transform:uppercase;padding:0 4px}.mb-advToggle em{font-style:normal;font-size:10px;color:#c8dcf073;letter-spacing:.04em;margin-left:6px}.mb-advSeg{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:4px;background:#ffffff08;border-radius:9px;padding:3px;margin-top:2px}.mb-advSegBtn{min-height:36px;border:none;border-radius:6px;background:transparent;color:#c8dcf08c;font-family:inherit;font-size:11px;font-weight:600;letter-spacing:.04em;cursor:pointer;touch-action:manipulation;transition:background .12s,color .12s}.mb-advSegBtn:active{transform:scale(.96)}.mb-advSegBtn--active{background:#7df9ff29;color:#d8f6ff;box-shadow:0 0 8px #7df9ff29}.mb-playback{display:flex;flex-direction:column;gap:8px;margin-top:4px;padding:12px;border-radius:12px;background:#ffffff08;border:1px solid rgba(125,249,255,.14)}.mb-playback__times{display:flex;justify-content:space-between;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:var(--accent);font-variant-numeric:tabular-nums;letter-spacing:.04em}.mb-playback__scrub{width:100%;height:28px;accent-color:var(--accent);touch-action:manipulation;margin:0}.mb-playback__row{display:flex;gap:8px;align-items:center}.mb-playback__btn{flex:0 0 auto;min-height:40px;padding:0 14px;border-radius:9px;border:1px solid rgba(125,249,255,.22);background:#ffffff0a;color:var(--fg);font-family:inherit;font-size:12px;font-weight:600;letter-spacing:.04em;cursor:pointer;touch-action:manipulation}.mb-playback__btn:active{transform:scale(.95)}.mb-playback__btnSm{min-height:32px;padding:0 10px;border-radius:7px;border:1px solid rgba(125,249,255,.22);background:#ffffff0a;color:var(--accent);font-family:inherit;font-size:11px;font-weight:700;letter-spacing:.06em;cursor:pointer;touch-action:manipulation;flex:0 0 auto}.mb-playback__btnSm:active{transform:scale(.94)}.mb-playback__loopWrap{flex:1;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--fg);cursor:pointer}.mb-playback__loopWrap input[type=checkbox]{width:28px;height:18px;accent-color:var(--accent);flex-shrink:0}.mb-playback__loopLabel{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:var(--accent);width:16px;text-align:center;flex:0 0 auto}.mb-playback__loopSlider{flex:1;height:24px;accent-color:var(--accent);touch-action:manipulation}.mb-playback__snapSelect{height:32px;border-radius:7px;border:1px solid rgba(125,249,255,.22);background:#ffffff0a;color:var(--fg);font-family:inherit;font-size:12px;padding:0 8px}.mb-howto{margin:4px 0 12px;padding-left:22px;font-size:12.5px;line-height:1.55;color:#dce8f8c7}.mb-howto li{margin-bottom:8px}.mb-howto li strong{color:var(--accent);font-weight:700}.mb-howto li em{font-style:normal;color:#7df9ffd9;white-space:nowrap}.mb-howto--bullets{list-style:disc}.mb-replayBtn{width:100%;min-height:40px;border-radius:9px;border:1px solid rgba(125,249,255,.32);background:#7df9ff14;color:var(--accent);font-family:inherit;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;touch-action:manipulation;margin:4px 0 16px}.mb-replayBtn:active{transform:scale(.97)}.mb-tutorial{position:fixed;inset:0;z-index:30;display:none;align-items:flex-end;justify-content:center;padding:20px;padding-bottom:max(40px,calc(env(safe-area-inset-bottom) + 28px));background:#0000008c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.mb-tutorial.is-open{display:flex}.mb-tutorial__card{width:100%;max-width:380px;border-radius:18px;background:#0a0e16f5;border:1px solid rgba(125,249,255,.32);padding:20px 22px 18px;box-shadow:0 12px 48px #0009;animation:mbTutorialPop .32s cubic-bezier(.22,1,.36,1)}@keyframes mbTutorialPop{0%{transform:translateY(20px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.mb-tutorial__step{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#7df9ff8c;margin-bottom:8px}.mb-tutorial__title{margin:0 0 8px;font-size:19px;font-weight:800;color:#f4fbff;letter-spacing:-.01em}.mb-tutorial__body{margin:0 0 16px;font-size:13.5px;line-height:1.55;color:#dce8f8d1}.mb-tutorial__body strong{color:var(--accent);font-weight:700}.mb-tutorial__actions{display:flex;gap:8px;align-items:center;justify-content:space-between}.mb-tutorial__skip{background:transparent;border:none;color:#c8dcf08c;font-family:inherit;font-size:13px;letter-spacing:.04em;padding:10px 6px;cursor:pointer}.mb-tutorial__next{flex:1;min-height:44px;border-radius:22px;border:1px solid rgba(125,249,255,.5);background:#7df9ff24;color:var(--accent);font-family:inherit;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;touch-action:manipulation}.mb-tutorial__next:active{transform:scale(.97)}
