.mg{display:grid;gap:18px;grid-template-areas:"stage" "opts" "list"}.mg-stage{grid-area:stage}.mg-opts{grid-area:opts}.mg-list{grid-area:list;min-width:0}@media (min-width: 860px){.mg{grid-template-columns:minmax(0,1fr) minmax(260px,320px);grid-template-rows:auto 1fr;grid-template-areas:"stage opts" "list opts";align-items:start}}.mg-stage{margin:0;display:grid;gap:8px;min-width:0}.mg-view{display:grid;place-items:center;min-height:220px;padding:12px;border-radius:var(--r-well);background:var(--well);overflow:hidden}.mg-canvas{max-width:100%;height:auto;box-shadow:0 0 0 1px var(--line),0 6px 18px #1018281f}.mg-view.is-clear .mg-canvas{background:repeating-conic-gradient(#d9dde5 0 25%,#fff 0 50%) 0 0 / 16px 16px}.mg-dims{font-size:.875rem;color:var(--ink-2);text-align:center;font-variant-numeric:tabular-nums;min-height:1.4em}.mg-opts{display:grid;gap:14px;align-content:start;min-width:0}.mg-grid-opts{display:grid;gap:12px}.mg-grid-opts .hint{margin:0}.mg-colors{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-top:-6px}.mg-colors input[type=color]{width:52px;height:44px;padding:3px;border:1px solid var(--line-2);border-radius:10px;background:var(--surface);cursor:pointer}.mg-sw{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:12px;background:none;cursor:pointer}.mg-sw>span{width:28px;height:28px;border-radius:50%;background:var(--sw);box-shadow:inset 0 0 0 1px #00000047}.mg-sw[aria-pressed=true]>span{outline:2.5px solid var(--accent);outline-offset:2px}.mg-sw:hover{background:var(--well)}.mg-need{margin:-6px 0 0}.tool[data-tool=merge-images] .seg-row span{padding:8px 12px}.tool[data-tool=merge-images] .file-thumb img{background:repeating-conic-gradient(#d9dde5 0 25%,#fff 0 50%) 0 0 / 10px 10px}