.io[data-v-1ae2ecfa]{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start}.seg[data-v-1ae2ecfa]{display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}.seg button[data-v-1ae2ecfa]{flex:1;padding:8px 6px;background:#fff;border:none;font-size:13px;cursor:pointer;color:var(--ink-2)}.seg button.on[data-v-1ae2ecfa]{background:var(--brand);color:#fff}.ck[data-v-1ae2ecfa]{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-2);margin-top:14px}.frame[data-v-1ae2ecfa]{display:grid;place-items:center;padding:18px;background:#fafbfd;border:1px solid var(--line);border-radius:16px}.frame canvas[data-v-1ae2ecfa]{border-radius:8px;max-width:100%;height:auto}@media(max-width:640px){.io[data-v-1ae2ecfa]{grid-template-columns:1fr}.right[data-v-1ae2ecfa]{order:-1}}