.mcfg{--c-bg:var(--glass,#0404069e);--c-edge:var(--glass-edge,#f7f7f524);--c-fg:var(--fg,#f7f7f5);--c-muted:var(--muted,#9a9a97);--c-rule:var(--rule,#f7f7f51a);--c-raise:var(--raise,#111113);--c-hi:var(--warm,#e8dfc8);z-index:10000;pointer-events:none;visibility:hidden;font-family:var(--sans,system-ui, sans-serif);color:var(--c-fg);position:fixed;inset:0}.mcfg.is-mounted{visibility:visible}.mcfg-scrim{opacity:0;transition:opacity var(--m-dur-3,.32s) var(--m-ease-out,ease-out);background:#00000047;position:absolute;inset:0}.mcfg.is-open .mcfg-scrim{opacity:1;pointer-events:auto}.mcfg-panel{background:var(--surface-bg,var(--c-bg));border:1px solid var(--c-edge);width:min(360px,100vw - 24px);backdrop-filter:var(--surface-filter,blur(18px));pointer-events:auto;transition:transform var(--m-dur-3,.32s) var(--m-spring,ease-out);border-radius:16px;outline:none;flex-direction:column;display:flex;position:absolute;top:12px;bottom:12px;right:12px;transform:translate(calc(100% + 24px));box-shadow:0 24px 60px -24px #0009}.mcfg.is-open .mcfg-panel{transform:none}.mcfg-panel.is-drag{transition:none}.mcfg-grab{display:none}.mcfg-head{border-bottom:1px solid var(--c-rule);justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 18px 12px;display:flex}.mcfg-head h2{letter-spacing:.01em;margin:0;font-size:17px;font-weight:600}.mcfg-sub{color:var(--c-muted);margin:4px 0 0;font-size:12.5px}.mcfg kbd{border:1px solid var(--c-rule);min-width:1.5em;font:500 11px/1.5 var(--sans,system-ui, sans-serif);text-align:center;color:var(--c-muted);border-radius:4px;padding:0 4px;display:inline-block}.mcfg-x{border:1px solid var(--c-rule);width:32px;height:32px;color:inherit;cursor:pointer;transition:background var(--m-dur-1,.16s) var(--m-ease-out,ease-out);background:0 0;border-radius:50%;flex:none;place-items:center;display:grid}.mcfg-x:hover{background:var(--tint,#f7f7f50f)}.mcfg-x svg{stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;width:14px;height:14px}.mcfg-body{overscroll-behavior:contain;flex:1;padding:6px 18px 18px;overflow-y:auto}.mcfg-set{border:0;min-width:0;margin:14px 0 0;padding:0}.mcfg-set legend{letter-spacing:.08em;text-transform:uppercase;color:var(--c-muted);margin-bottom:10px;padding:0;font-size:11.5px;font-weight:600}.mcfg-note{color:var(--c-muted);margin:0 0 10px;font-size:12.5px;line-height:1.45}.mcfg-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.mcfg-opt{border:1px solid var(--c-rule);cursor:pointer;transition:border-color var(--m-dur-1,.16s) var(--m-ease-out,ease-out), background var(--m-dur-1,.16s) var(--m-ease-out,ease-out);border-radius:10px;flex-direction:column;gap:6px;padding:6px;display:flex;position:relative}.mcfg-opt:hover{background:var(--tint,#f7f7f50d)}.mcfg-opt input{opacity:0;pointer-events:none;position:absolute}.mcfg-opt:has(input:checked){border-color:var(--c-hi);background:var(--tint,#f7f7f50d)}.mcfg-opt:has(input:focus-visible){outline:2px solid var(--c-fg);outline-offset:2px}.mcfg-name{align-items:center;gap:6px;font-size:12.5px;line-height:1.2;display:flex}.mcfg-off{flex-direction:row;grid-column:span 2;align-items:center}.mcfg-off .mcfg-thumb{flex:none;width:40px;height:22px}.mcfg-thumb{--t:var(--c-hi);background:var(--c-raise);border-radius:6px;height:46px;display:block;position:relative;overflow:hidden}.mcfg-thumb i,.mcfg-thumb b{display:block;position:absolute;top:50%;left:50%}.mcfg-thumb i{background:var(--c-fg);width:5px;height:5px;animation:mcfg-orbit 2.6s var(--m-ease-in-out,ease-in-out) infinite;border-radius:50%;margin:-2.5px 0 0 -2.5px}.mcfg-thumb b{animation:mcfg-orbit 2.6s var(--m-ease-in-out,ease-in-out) infinite}@keyframes mcfg-orbit{0%,to{transform:translate(-26px,6px)}50%{transform:translate(26px,-6px)}}@keyframes mcfg-orbit-lag{0%,to{transform:translate(-22px,5px)}50%{transform:translate(22px,-5px)}}[data-k=dot-ring] b{border:1px solid var(--c-fg);opacity:.7;border-radius:50%;width:18px;height:18px;margin:-9px 0 0 -9px;animation-name:mcfg-orbit-lag;animation-delay:.12s}[data-k=magnetic] b{background:var(--tint,#f7f7f514);width:34px;height:16px;box-shadow:0 0 0 1px var(--c-fg);animation:mcfg-mag 2.6s var(--m-ease-in-out,ease-in-out) infinite;border-radius:5px;margin:-8px 0 0 -17px}[data-k=magnetic] i{animation:mcfg-mag-dot 2.6s var(--m-ease-in-out,ease-in-out) infinite}@keyframes mcfg-mag{0%,to{transform:translate(-3px);box-shadow:0 0 0 1px #0000}40%,60%{box-shadow:0 0 0 1px var(--c-fg);transform:translate(2px,-1px)}}@keyframes mcfg-mag-dot{0%,to{opacity:1;transform:translate(-30px,8px)}40%,60%{opacity:0;transform:translate(4px,-2px)}}[data-k=ink] b{background:linear-gradient(90deg, transparent, var(--t));transform-origin:100%;width:46px;height:3px;animation:mcfg-ink 2.6s var(--m-ease-in-out,ease-in-out) infinite;border-radius:3px;margin:-1.5px 0 0 -46px}@keyframes mcfg-ink{0%,to{transform:translate(-26px,6px)scaleX(.2)}25%{transform:translate(0)scaleX(1)}50%{transform:translate(26px,-6px)scaleX(.2)}75%{transform:translate(0)scaleX(1)rotate(180deg)}}[data-k=spotlight]{background:repeating-linear-gradient(45deg, #ffffff06 0 2px, transparent 2px 4px), var(--c-raise)}[data-k=spotlight] b{background:radial-gradient(closest-side, color-mix(in srgb, var(--t) 40%, transparent), transparent);border-radius:50%;width:46px;height:46px;margin:-23px 0 0 -23px}[data-k=elastic] i{width:9px;height:9px;margin:-4.5px 0 0 -4.5px;animation-name:mcfg-elastic}@keyframes mcfg-elastic{0%,to{transform:translate(-26px,6px)scale(1)}25%{transform:translate(0)rotate(-13deg)scale(2,.6)}50%{transform:translate(26px,-6px)scale(1)}75%{transform:translate(0)rotate(-13deg)scale(2,.6)}}[data-k=dust] b{background:var(--t);width:2px;height:2px;box-shadow:-8px 4px 0 var(--t), -15px -3px 0 color-mix(in srgb, var(--t) 60%, transparent), -22px 6px 0 color-mix(in srgb, var(--t) 40%, transparent), -12px 9px 0 color-mix(in srgb, var(--t) 30%, transparent);animation-name:mcfg-orbit-lag}[data-k=grid]{background:radial-gradient(circle, color-mix(in srgb, var(--c-fg) 35%, transparent) .8px, transparent 1.2px) 0 0 / 8px 8px, var(--c-raise)}[data-k=grid] b{background:var(--c-raise);width:30px;height:30px;box-shadow:0 0 10px 6px var(--c-raise);border-radius:50%;margin:-15px 0 0 -15px}[data-k=paint] b{background:radial-gradient(closest-side, color-mix(in srgb, var(--t) 18%, transparent), color-mix(in srgb, var(--t) 42%, transparent) 90%, transparent);filter:blur(1px);width:34px;height:34px;animation:mcfg-paint 2.6s var(--m-ease-out,ease-out) infinite;border-radius:46% 54% 50% 50%;margin:-17px 0 0 -17px}@keyframes mcfg-paint{0%{opacity:0;transform:translate(-18px,4px)scale(.3)}20%{opacity:1}to{opacity:0;transform:translate(14px,-3px)scale(1.2)}}[data-k=lens]{background:repeating-linear-gradient(90deg, color-mix(in srgb, var(--c-fg) 18%, transparent) 0 1px, transparent 1px 6px), var(--c-raise)}[data-k=lens] b{background:repeating-linear-gradient(90deg, color-mix(in srgb, var(--c-fg) 30%, transparent) 0 1.5px, transparent 1.5px 10px) var(--c-raise);width:26px;height:26px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c-fg) 60%, transparent), inset 0 5px 8px -5px #ffffff80;border-radius:50%;margin:-13px 0 0 -13px}[data-k=lens] i{width:2px;height:2px;margin:-1px 0 0 -1px}[data-k=fluid] b{background:radial-gradient(closest-side, color-mix(in srgb, var(--t) 70%, transparent), transparent);filter:blur(3px);border-radius:50%;width:50px;height:14px;margin:-7px 0 0 -40px;animation-name:mcfg-orbit-lag}[data-k=off] i{border:1px solid var(--c-muted);background:0 0;width:12px;height:12px;margin:-6px 0 0 -6px;animation:none}[data-k=off]:after{content:"";background:var(--c-muted);width:16px;height:1px;margin-left:-8px;position:absolute;top:50%;left:50%;transform:rotate(-45deg)}.mcfg:not(.is-open) .mcfg-thumb *,:root[data-tier="0"] .mcfg-thumb *{animation-play-state:paused}.mcfg-row{grid-template-columns:1fr auto;align-items:center;gap:4px 12px;margin:0 0 12px;font-size:13px;display:grid}.mcfg-row output{font-variant-numeric:tabular-nums;color:var(--c-muted);font-size:12.5px}.mcfg-row input[type=range]{width:100%;accent-color:var(--c-hi);grid-column:1/-1;margin:2px 0 0}.mcfg-row-sel{grid-template-columns:1fr minmax(0,60%)}.mcfg select{border:1px solid var(--c-rule);background:var(--c-raise);width:100%;color:inherit;font:inherit;border-radius:8px;padding:6px 8px;font-size:13px}.mcfg input[type=color]{border:1px solid var(--c-rule);background:var(--c-raise);border-radius:8px;width:100%;height:30px;padding:0 2px}.mcfg-seg{border:1px solid var(--c-rule);border-radius:10px;grid-template-columns:repeat(5,1fr);padding:3px;display:grid}.mcfg-seg label{text-align:center;cursor:pointer;position:relative}.mcfg-seg input{opacity:0;pointer-events:none;position:absolute}.mcfg-seg span{color:var(--c-muted);transition:background var(--m-dur-2,.22s) var(--m-ease-out,ease-out), color var(--m-dur-2,.22s) var(--m-ease-out,ease-out);border-radius:7px;padding:6px 0;font-size:12px;display:block}.mcfg-seg input:checked+span{background:var(--tint,#f7f7f51a);color:var(--c-fg)}.mcfg-seg input:focus-visible+span{outline:2px solid var(--c-fg);outline-offset:1px}.mcfg-foot{padding:12px 18px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--c-rule);gap:8px;display:flex}.mcfg-btn{border:1px solid var(--c-rule);color:inherit;font:500 13px/1 var(--sans,system-ui, sans-serif);cursor:pointer;transition:background var(--m-dur-1,.16s) var(--m-ease-out,ease-out), scale var(--m-dur-3,.32s) var(--m-spring,ease-out);background:0 0;border-radius:999px;flex:1;padding:9px 12px}.mcfg-btn:hover{background:var(--tint,#f7f7f50f)}.mcfg-btn:active{transition-duration:90ms;scale:.98}.mcfg-btn-hi{border-color:var(--c-hi)}@media (width<=640px){.mcfg-panel{border-bottom:0;border-radius:18px 18px 0 0;width:auto;max-height:82dvh;inset:auto 0 0;transform:translateY(100%)}.mcfg-grab{touch-action:none;justify-content:center;padding:8px 0 0;display:flex}.mcfg-grab span{background:var(--c-rule);border-radius:2px;width:36px;height:4px}.mcfg-head{touch-action:none;padding-top:8px}.mcfg-grid{grid-template-columns:repeat(3,1fr)}.mcfg-off{grid-column:span 3}}:root[data-tier="0"] .mcfg-panel,:root[data-tier="0"] .mcfg-scrim{transition-duration:.01ms}