/* Compact tools follow the existing workspace; PiP has its own quiet canvas. */
.mf-site #mf-audio .mf-sound-content{margin-top:12px}
.mf-site #mf-audio .mf-sound-grid{max-height:none;overflow:visible}
.mf-site #mf-audio .mf-sound-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:440px}
.mf-site #mf-audio .mf-sound-modes button{display:flex;align-items:center;justify-content:center;gap:7px;padding-inline:8px;flex-wrap:wrap}
.mf-site #mf-audio .mf-mixer{width:100%;max-width:880px;margin:16px auto 0;padding-top:16px;border-top:1px solid #ffffff26}
.mf-site #mf-audio #mf-sounds{scrollbar-width:thin;scrollbar-color:#82738f transparent;padding-right:8px}
.mf-site #mf-audio #mf-sounds::-webkit-scrollbar{display:block;width:6px}
.mf-site #mf-audio #mf-sounds::-webkit-scrollbar-thumb{border-radius:6px;background:#82738f}
.mf-site #mf-audio[data-sound-playback=mix] .mf-mixer-channel{grid-template-columns:minmax(65px,.9fr) minmax(0,1.2fr) 38px 44px;gap:6px;padding:3px 0;min-height:50px}
.mf-site #mf-audio[data-sound-playback=mix] .mf-mixer-channel label{overflow-wrap:anywhere;line-height:1.25}
.mf-site #mf-audio[data-sound-playback=mix] .mf-mixer-channel output{font-size:12px;float:none;text-align:right}
.mf-site #mf-audio .mf-mixer-remove{display:grid;place-items:center;width:44px;min-width:44px;padding:0}
.mf-site #mf-audio .mf-mixer-remove svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
@media(max-width:650px){.mf-site #mf-audio[data-sound-playback=mix] .mf-mixer-channel{min-height:48px}.mf-site #mf-audio[data-sound-playback=mix] .mf-mixer .mf-help{font-size:13px;line-height:1.6}}
/* Keep levels in sight beside the three-column library, without an inner grid
   scrollbar. On narrow screens the controls precede the long sound library. */
.mf-site #mf-audio[data-sound-playback=mix] .mf-sound-content{display:grid;grid-template-columns:minmax(0,3fr) minmax(260px,2fr);align-items:start;gap:24px}
.mf-site #mf-audio[data-sound-playback=mix] .mf-sound-grid{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;min-width:0;max-width:none;margin:0}
.mf-site #mf-audio[data-sound-playback=mix] .mf-mixer{position:sticky;top:0;min-width:0;margin:0;padding:16px;border:1px solid #ffffff26;border-radius:16px;background:rgba(13,18,33,.72)}
.mf-site #mf-audio .mf-mixer h3{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 12px;color:#f6f5ff;font-size:17px;font-weight:650;letter-spacing:-.02em}
.mf-site #mf-audio .mf-mixer h3 span{font-size:13px;font-weight:500;font-variant-numeric:tabular-nums;color:#ddd6e9}
.mf-site #mf-audio[data-sound-playback=mix] .mf-mixer-channel{grid-template-columns:minmax(0,1fr) 38px 44px;gap:4px 8px;padding:10px 0}
.mf-site #mf-audio[data-sound-playback=mix] .mf-mixer-channel label{grid-column:1 / 3;font-size:14px}
.mf-site #mf-audio[data-sound-playback=mix] .mf-mixer-channel input{grid-column:1;grid-row:2;min-width:0}
.mf-site #mf-audio[data-sound-playback=mix] .mf-mixer-channel output{grid-column:2;grid-row:2}
.mf-site #mf-audio[data-sound-playback=mix] .mf-mixer-remove{grid-column:3;grid-row:1 / 3;align-self:center}
.mf-site #mf-audio .mf-mixer-actions{flex-wrap:wrap}
@media(max-width:760px){
 .mf-site #mf-audio[data-sound-playback=mix] .mf-sound-content{grid-template-columns:minmax(0,1fr);gap:16px}
 .mf-site #mf-audio[data-sound-playback=mix] .mf-mixer{position:static;grid-column:1;grid-row:1;padding:12px}
 .mf-site #mf-audio[data-sound-playback=mix] .mf-sound-grid{grid-column:1;grid-row:2}
 .mf-site #mf-audio[data-sound-playback=mix] .mf-mixer-channel{grid-template-columns:minmax(65px,.9fr) minmax(0,1.2fr) 32px 44px;padding:4px 0;gap:4px}
 .mf-site #mf-audio[data-sound-playback=mix] .mf-mixer-channel label{grid-column:1;grid-row:1;font-size:13px}
 .mf-site #mf-audio[data-sound-playback=mix] .mf-mixer-channel input{grid-column:2;grid-row:1}
 .mf-site #mf-audio[data-sound-playback=mix] .mf-mixer-channel output{grid-column:3;grid-row:1}
 .mf-site #mf-audio[data-sound-playback=mix] .mf-mixer-remove{grid-column:4;grid-row:1}
}
@media(prefers-reduced-transparency:reduce){.mf-site #mf-audio[data-sound-playback=mix] .mf-mixer{background:#141b2c}}
@media(forced-colors:active){.mf-site #mf-audio[data-sound-playback=mix] .mf-mixer{background:Canvas;border-color:CanvasText}.mf-site #mf-audio .mf-mixer h3,.mf-site #mf-audio .mf-mixer h3 span{color:CanvasText}}
.mf-site .mf-immersive .mf-pip-button{width:44px;height:44px;background:transparent;border-color:currentColor}
.mf-site .mf-immersive[data-timer-mode=stopwatch] .mf-progress-track,.mf-site .mf-immersive[data-timer-mode=stopwatch] .mf-timer-ring{display:none!important}
.mf-site .mf-immersive[data-timer-mode=stopwatch][data-workspace-view=focus] .mf-time{font-size:clamp(64px,12vw,180px);letter-spacing:-.025em}
.mf-site .mf-immersive .mf-timer-actions{flex-wrap:wrap;gap:10px}
.mf-site .mf-immersive [data-action=finish-stopwatch]{min-height:44px;padding:8px 10px}
.mf-site .mf-immersive [data-focus-tool-settings] .mf-settings-links{flex-wrap:wrap}
@media(max-width:650px){.mf-site .mf-immersive .mf-mode-tabs button{min-height:44px;padding:8px 11px;font-size:13px}.mf-site .mf-immersive[data-timer-mode=stopwatch][data-workspace-view=focus] .mf-time{font-size:clamp(48px,15vw,72px)}.mf-site .mf-immersive .mf-timer-actions{gap:6px}}
@media(max-height:560px){.mf-site .mf-immersive[data-timer-mode=stopwatch][data-workspace-view=focus] .mf-time{font-size:clamp(46px,9vw,78px)}}
@font-face{font-family:MinuFlowTools;src:url('../fonts/DMSans-Variable.ttf') format('truetype');font-weight:100 1000;font-display:swap}
body:has(.mf-pip){margin:0;background:#18141f;color:#f8f4ff;font-family:MinuFlowTools,'Segoe UI',Arial,sans-serif;color-scheme:dark}
.mf-pip{box-sizing:border-box;min-height:100dvh;padding:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}
.mf-pip p{margin:0}.mf-pip [data-pip-brand]{font-weight:750;font-size:17px;align-self:flex-start}.mf-pip [data-pip-mode]{font-size:12px;font-weight:650;letter-spacing:.08em;color:#d9cafa}.mf-pip [data-pip-time]{font-size:clamp(38px,18vw,66px);line-height:1.1;font-weight:450;font-variant-numeric:tabular-nums;letter-spacing:-.04em}
.mf-pip [data-pip-task]{font-size:14px;max-width:100%;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:2.8em}.mf-pip [data-pip-caption]{font-size:13px;color:#ddd6e9}.mf-pip-controls{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.mf-pip button{border:1px solid #d9cafa55;border-radius:12px;min-height:44px;padding:9px 14px;font:600 14px MinuFlowTools,'Segoe UI',Arial,sans-serif;color:#241a38;background:#d9cafa;cursor:pointer}.mf-pip .mf-pip-return{background:transparent;color:#d9cafa;border-color:transparent;font-size:12px}.mf-pip button:disabled{opacity:.6;cursor:default}.mf-pip button:focus-visible{outline:3px solid #ffd93d;outline-offset:3px}.mf-pip [hidden]{display:none!important}
@media(max-height:230px){.mf-pip{padding:10px;gap:4px}.mf-pip [data-pip-brand],.mf-pip [data-pip-caption]{display:none}.mf-pip [data-pip-time]{font-size:38px}}