.mg-cats{scrollbar-width:none;margin-inline:calc(var(--wb-ring-room) * -1);padding:var(--wb-ring-room);gap:4px;display:flex;overflow:auto hidden}.mg-cats button{background:var(--hover);height:30px;color:var(--ink-70);font:600 12.5px var(--f-ui);cursor:pointer;white-space:nowrap;border:0;border-radius:999px;flex:none;padding:0 11px}.mg-cats button[data-on]{background:var(--plum,#261a2e);color:#fff}.mg-tpls{scrollbar-width:thin;max-height:300px;padding:var(--wb-ring-room);margin:calc(var(--wb-ring-room) * -1);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid;overflow-y:auto}.mg-tpl{min-width:0;color:var(--ink-70);font:600 12px/1.25 var(--f-ui);text-align:left;cursor:pointer;background:0 0;border:0;gap:5px;padding:0;display:grid}.mg-tpl img{aspect-ratio:16/9;width:100%;height:auto;box-shadow:inset 0 0 0 1px var(--line);background:#0e0a10;border-radius:10px;display:block}.mg-tpl[data-on] img{outline:2px solid var(--tangerine);outline-offset:1px}.mg-tpl[data-on]{color:var(--ink)}.mg-card{gap:var(--wb-section-gap);flex:none;display:grid}.mg-field{gap:var(--wb-label-gap);min-width:0;display:grid}.mg-field small{color:var(--ink-50);font-weight:400}.mg-row2{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:8px;display:grid}.mg-inline{gap:6px;min-width:0;display:flex}.mg-mini{background:var(--hover);height:40px;color:var(--ink);font:600 12.5px var(--f-ui);cursor:pointer;white-space:nowrap;border:0;border-radius:12px;flex:none;padding:0 12px}.mg-mini:disabled{opacity:.45;cursor:not-allowed}.mg-assets{flex-wrap:wrap;gap:6px;display:flex}.mg-assets:empty{display:none}.mg-asset{background:var(--field);max-width:100%;height:36px;box-shadow:inset 0 0 0 1px var(--line);font:600 12.5px var(--f-ui);color:var(--ink-70);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 12px;display:inline-flex;position:relative}.mg-asset[data-has]{color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--tangerine)}.mg-asset span{text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}.mg-asset input{opacity:0;cursor:pointer;position:absolute;inset:0}.mg-asset svg{flex:none;width:15px;height:15px}.mg-asset button{z-index:1;background:var(--hover);width:22px;height:22px;color:var(--ink-70);cursor:pointer;border:0;border-radius:50%;place-items:center;margin-right:-6px;display:grid;position:relative}.mg-stage{grid-template-rows:minmax(0,1fr) auto auto auto;align-content:start;overflow-y:auto}.mg-monitor{background:#0e0a10;border-radius:14px;justify-self:center;max-width:100%;height:100%;max-height:52vh;position:relative;overflow:hidden;box-shadow:0 18px 50px -24px #0000008c}.mg-monitor canvas{width:100%;height:100%;display:block}.mg-transport{align-items:center;gap:10px;width:100%;min-width:0;display:flex}.mg-play{background:var(--plum,#261a2e);color:#fff;cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;display:grid}.mg-play svg{width:16px;height:16px}.mg-track{flex:1;gap:3px;min-width:0;height:36px;display:flex;position:relative}.mg-track button{background:var(--field);min-width:0;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-70);font:600 11.5px var(--f-ui);text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;border:0;border-radius:8px;flex-basis:0;padding:0 8px;overflow:hidden}.mg-track button[data-on]{color:var(--ink);background:color-mix(in srgb, var(--tangerine) 9%, var(--field))}.mg-track button[data-edit]{box-shadow:inset 0 0 0 1.5px var(--tangerine)}.mg-head{background:var(--tangerine);pointer-events:none;border-radius:1px;width:2px;margin-left:-1px;position:absolute;top:-3px;bottom:-3px}.mg-time{font:500 12px var(--f-mono,ui-monospace, monospace);color:var(--ink-50);font-variant-numeric:tabular-nums;flex:none}.mg-edit{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:14px;width:100%;min-width:0;display:grid}.mg-scene,.mg-look{align-content:start;gap:10px;min-width:0;display:grid}.mg-swatches{gap:8px;display:flex}.mg-swatch{width:34px;height:34px;box-shadow:inset 0 0 0 1px #00000026, 0 0 0 1px var(--line);cursor:pointer;border-radius:10px;position:relative}.mg-swatch input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.mg-actions{justify-content:flex-start;align-items:center;width:100%}@media (max-width:900px){.mg-stage{grid-template-rows:auto auto auto auto}.mg-monitor{width:100%;height:auto;max-height:none}.mg-edit,.mg-row2{grid-template-columns:minmax(0,1fr)}.mg-stage{overflow:visible}}