.mg[data-v-e7792c30]{background:var(--surface);flex-direction:column;display:flex}.mg-topbar[data-v-e7792c30]{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.mg-eyebrow[data-v-e7792c30]{color:var(--faint);letter-spacing:.02em;text-transform:uppercase;margin:0 0 .15rem;font-size:13px;font-weight:700;line-height:16px}.mg-title[data-v-e7792c30]{color:var(--text);margin:0;font-size:16px;font-weight:700}.mg-actions[data-v-e7792c30],.mg-output-actions[data-v-e7792c30]{flex-wrap:wrap;gap:.5rem;display:flex}.mg-workspace[data-v-e7792c30]{grid-template-columns:minmax(0,1.55fr) minmax(17rem,.65fr);display:grid}.mg-stage-wrap[data-v-e7792c30]{background:var(--input);border-right:1px solid var(--border);flex-direction:column;min-width:0;padding:1.25rem;display:flex}.mg-stage[data-v-e7792c30]{aspect-ratio:8/5;border:1px solid var(--border);width:100%;box-shadow:var(--shadow-card);touch-action:none;cursor:crosshair;border-radius:14px;position:relative;overflow:hidden}.mg-stage[data-v-e7792c30]:after{content:"";pointer-events:none;background-image:linear-gradient(#ffffff0e 1px,#0000 1px),linear-gradient(90deg,#ffffff0e 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.mg-stage-hint[data-v-e7792c30]{color:var(--faint);text-align:center;margin:.7rem 0 0;font-size:13px}.mg-handle[data-v-e7792c30]{z-index:1;border:3px solid var(--accent-fg);width:2.6rem;height:2.6rem;color:var(--accent-fg);cursor:grab;touch-action:none;border-radius:999px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 10px #0f172a59}.mg-handle span[data-v-e7792c30]{background:var(--bg);width:1.35rem;height:1.35rem;color:var(--text);border-radius:999px;place-items:center;margin:auto;font-size:13px;font-weight:800;line-height:18px;display:grid}.mg-handle.is-active[data-v-e7792c30]{box-shadow:0 0 0 3px var(--accent), 0 3px 12px #0f172a73}.mg-handle[data-v-e7792c30]:active{cursor:grabbing}.mg-panel[data-v-e7792c30]{background:var(--surface);flex-direction:column;min-width:0;display:flex}.mg-section[data-v-e7792c30]{border-bottom:1px solid var(--border);flex-direction:column;gap:.65rem;padding:1rem;display:flex}.mg-label[data-v-e7792c30]{color:var(--muted);justify-content:space-between;gap:1rem;font-size:13px;font-weight:700;display:flex}.mg-presets[data-v-e7792c30]{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.mg-preset[data-v-e7792c30]{border:1px solid var(--border-strong);cursor:pointer;border-radius:10px;min-height:4.5rem;position:relative;overflow:hidden}.mg-preset.is-active[data-v-e7792c30]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.mg-preset span[data-v-e7792c30]{background:var(--bg);color:var(--text);text-align:center;padding:.3rem;font-size:13px;font-weight:700;line-height:18px;position:absolute;inset:auto 0 0}.mg-controls[data-v-e7792c30]{gap:1rem}.mg-field[data-v-e7792c30]{flex-direction:column;gap:.45rem;display:flex}.mg-color-row[data-v-e7792c30]{grid-template-columns:2.75rem 1fr;gap:.5rem;display:grid}.mg-color-row input[type=color][data-v-e7792c30],.mg-point-row input[type=color][data-v-e7792c30]{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;width:100%;height:2.6rem;padding:0}.mg-hex[data-v-e7792c30]{border:1px solid var(--border);background:var(--input);width:100%;min-width:0;color:var(--text);font:600 14px var(--font-mono,monospace);box-sizing:border-box;border-radius:8px;padding:.55rem .65rem}input[type=range][data-v-e7792c30]{width:100%;accent-color:var(--accent)}.mg-heading-row[data-v-e7792c30]{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.mg-count[data-v-e7792c30]{color:var(--faint);font-variant-numeric:tabular-nums}.mg-point-list[data-v-e7792c30]{flex-direction:column;gap:.4rem;display:flex}.mg-point-row[data-v-e7792c30]{border:1px solid var(--border);background:var(--input);width:100%;min-height:2.9rem;color:var(--text);border-radius:8px;grid-template-columns:2rem 1fr auto 2rem;align-items:center;gap:.55rem;padding:.3rem;display:grid}.mg-point-row.is-active[data-v-e7792c30]{border-color:var(--accent);background:var(--accent-soft)}.mg-point-row input[type=color][data-v-e7792c30]{height:2rem}.mg-point-select[data-v-e7792c30]{min-height:2rem;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;font-size:14px}.mg-coords[data-v-e7792c30]{color:var(--faint);font:12px var(--font-mono,monospace);font-variant-numeric:tabular-nums}.mg-remove[data-v-e7792c30]{min-width:2rem;min-height:2rem;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:0;font-size:18px;display:grid}.mg-remove[data-v-e7792c30]:disabled{opacity:.35;cursor:default}.mg-output[data-v-e7792c30]{border-top:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.85rem;padding:1rem 1.25rem;display:grid}.mg-code-wrap[data-v-e7792c30]{flex-direction:column;gap:.4rem;min-width:0;display:flex}.mg-code[data-v-e7792c30]{resize:none;border:1px solid var(--border);background:var(--input);width:100%;min-height:4.6rem;color:var(--text);font:12px/1.5 var(--font-mono,monospace);box-sizing:border-box;border-radius:8px;padding:.7rem}.mg-btn[data-v-e7792c30]{border:1px solid var(--border-strong);background:var(--elevated);min-height:2.75rem;color:var(--muted);cursor:pointer;border-radius:8px;padding:.55rem .9rem;font-size:14px;font-weight:700}.mg-btn[data-v-e7792c30]:hover:not(:disabled){border-color:var(--accent);color:var(--text)}.mg-btn[data-v-e7792c30]:disabled{opacity:.45;cursor:default}.mg-btn-small[data-v-e7792c30]{min-height:2.25rem;padding:.35rem .6rem;font-size:12px}.mg-btn.mg-btn-primary[data-v-e7792c30],.mg-btn.mg-btn-primary[data-v-e7792c30]:hover:not(:disabled){border-color:var(--accent);background:var(--accent);color:var(--accent-fg)}.mg-error[data-v-e7792c30]{color:var(--badge-fail);grid-column:1/-1;margin:0;font-size:13px}.mg-canvas[data-v-e7792c30]{display:none}@media (width<=767px){.mg-topbar[data-v-e7792c30]{flex-direction:column;align-items:flex-start}.mg-actions[data-v-e7792c30]{width:100%}.mg-actions .mg-btn[data-v-e7792c30]{flex:1}.mg-workspace[data-v-e7792c30]{grid-template-columns:1fr;min-height:0}.mg-stage-wrap[data-v-e7792c30]{border-right:0;border-bottom:1px solid var(--border);padding:.85rem}.mg-stage[data-v-e7792c30]{min-height:0}.mg-output[data-v-e7792c30]{grid-template-columns:1fr;align-items:stretch}.mg-output-actions .mg-btn[data-v-e7792c30]{flex:1}}