.mg-controls{border:1px solid #ccc;border-inline-start:4px solid #ffd500;background:#fff;margin:12px 0;padding:12px 16px;min-width:0}.mg-controls legend{font-weight:700;padding-inline:6px}.mg-toggle{display:flex;align-items:center;gap:10px;min-height:48px;font-size:1rem}.mg-toggle input{width:22px;height:22px;accent-color:#202020}.mg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-block:12px}.mg-grid input:not([type=range]),.mg-grid select{font-size:1rem;min-height:48px;width:100%;box-sizing:border-box;border:1px solid #aaa;border-radius:4px;background:#fff;padding:8px}.mg-grid input:focus-visible,.mg-grid select:focus-visible,.mg-toggle input:focus-visible{outline:3px solid #776300;outline-offset:2px}.mg-grid input[type=range]{width:100%;min-height:32px;accent-color:#202020}.mg-visual svg{width:220px;max-width:100%;height:116px;display:block}.mg-note{line-height:1.45;margin-block:8px}.mg-grid[hidden],.mg-note[hidden],.mg-visual[hidden]{display:none}.mg-grid input[readonly]{background:#f4f4f4}@container(max-width:620px){.mg-grid{grid-template-columns:1fr 1fr}}@container(max-width:420px){.mg-grid{grid-template-columns:1fr}.mg-controls{padding-inline:12px}}