.mg-main{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;gap:16px;display:grid}.mg-left,.mg-right{gap:12px;min-width:0;display:grid}.mg-right{gap:16px}.mg-card{border-radius:var(--radius);background:var(--card);border:1px solid var(--line);min-width:0;box-shadow:var(--edge);align-content:start;gap:12px;padding:16px;display:grid}.mg-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.mg-h{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:1.12rem;font-weight:650}.mg-count{font-family:var(--font-mono);letter-spacing:.04em;color:var(--muted);text-transform:uppercase;margin-left:6px;font-size:.72rem;font-weight:400}.mg-help{color:var(--muted);margin:0;font-size:.86rem}.mg .chip-btn{cursor:pointer;align-items:center;gap:6px;display:inline-flex}.mg .chip-btn:disabled,.mg .btn:disabled{opacity:.45;cursor:not-allowed}.mg-btns{flex-wrap:wrap;gap:6px;display:flex}.mg-stage{aspect-ratio:16/9;border-radius:var(--radius);width:100%;max-height:72vh;box-shadow:inset 0 0 0 1px var(--line-strong), var(--shadow-md);touch-action:manipulation;background:#0b0f22;margin-inline:auto;position:relative;overflow:hidden}.mg-canvas,.mg-css-view{width:100%;height:100%;display:block;position:absolute;inset:0}.mg-canvas[hidden],.mg-css-view[hidden],.mg-handles[hidden]{display:none}.mg-handles{position:absolute;inset:0}.mg-handle{background:var(--c,#fff);cursor:grab;touch-action:none;width:30px;height:30px;transition:transform var(--fast) var(--spring);border:3px solid #fff;border-radius:50%;margin:-15px 0 0 -15px;padding:0;position:absolute;box-shadow:0 0 0 1px #00000073,0 6px 16px #0006}.mg-handle:before{content:"";border-radius:50%;position:absolute;inset:-10px}.mg-handle.on{box-shadow:0 0 0 1px #00000073, 0 0 0 5px var(--sky), 0 6px 16px #0006;z-index:2;transform:scale(1.18)}.mg-handle.dragging{cursor:grabbing}.mg-handle:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.mg-under{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}.mg-check{cursor:pointer;align-items:center;gap:8px;min-height:44px;font-size:.92rem;display:inline-flex}.mg-check input{width:18px;height:18px;accent-color:var(--electric)}@media (width<=900px){.mg-main{grid-template-columns:minmax(0,1fr)}}.mg-chips{flex-wrap:wrap;gap:8px;display:flex}.mg-chip{border:2px solid var(--line-strong);background:var(--c,#888);cursor:pointer;border-radius:50%;width:36px;height:36px;padding:0}.mg-chip[aria-selected=true]{border-color:var(--surface);box-shadow:0 0 0 3px var(--sky)}.mg-chip:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.mg-edit{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.mg-colour{cursor:pointer;flex:none;width:48px;height:48px;position:relative}.mg-colour input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.mg-colour span{border-radius:var(--radius-sm);width:100%;height:100%;box-shadow:inset 0 0 0 1px var(--line-strong);display:block}.mg-colour:focus-within span{outline:3px solid var(--focus);outline-offset:2px}.mg-field{gap:4px;min-width:0;font-size:.88rem;font-weight:600;display:grid}.mg-field output{font-family:var(--font-mono);color:var(--accent-text);margin-left:4px;font-weight:400}.mg-field input[type=text],.mg-field select{border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface-2);width:100%;min-width:0;height:44px;color:var(--ink);font:inherit;padding:0 10px;font-weight:400}.mg-field input[aria-invalid=true]{border-color:var(--danger)}.mg-field input[type=range]{width:100%;accent-color:var(--electric);min-height:32px}.mg-hex{width:9.5rem}.mg-grow{flex:160px}.mg-del{min-height:44px}.mg-shape,.mg-seed{justify-self:start}.mg-seed[hidden]{display:none}.mg-pals{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.mg-pal{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg-soft);color:var(--ink);text-align:left;cursor:pointer;gap:6px;padding:8px;font-size:.84rem;font-weight:600;display:grid}.mg-pal:hover,.mg-pal:focus-visible{border-color:var(--sky)}.mg-pal-sw{border-radius:6px;height:22px;display:flex;overflow:hidden}.mg-pal-sw i{flex:1}.mg-save{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.mg-custom{gap:10px;display:flex}.mg-custom[hidden]{display:none}.mg-custom .mg-field{width:7.5rem}.mg-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mg-err{color:var(--danger);margin:0}.mg-err:empty{display:none}.mg-code summary{cursor:pointer;align-items:center;min-height:44px;font-weight:600;display:flex}.mg-code pre{border-radius:var(--radius-sm);background:var(--bg-soft);border:1px solid var(--line);max-height:280px;font-family:var(--font-mono);white-space:pre;margin:0 0 8px;padding:12px 14px;font-size:.8rem;line-height:1.5;overflow:auto}@media (width<=640px){.mg-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.mg-actions .btn,.mg-actions .chip-btn{justify-content:center;min-height:44px}.mg-btns{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.mg-btns .chip-btn,.mg-seed{justify-content:center;min-height:44px}.mg-chip{width:44px;height:44px}.mg-save,.mg-custom{grid-template-columns:minmax(0,1fr);display:grid}.mg-custom{grid-template-columns:repeat(2,minmax(0,1fr))}.mg-custom .mg-field,.mg-hex{width:auto}.mg-edit{grid-template-columns:48px minmax(0,1fr);display:grid}.mg-edit .mg-grow,.mg-del{grid-column:1/-1}}.mg-save .mg-grow{max-width:440px}@media (width>=901px){.mg-pals{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=900px){.mg-left,.mg-right{display:contents}.mg-pal-card{order:1}}@media (width<=640px){.mg-actions .btn{grid-column:1/-1}}