.tw[data-v-d284a8d4]{display:flex;flex-direction:column;gap:1.25rem}.tw__controls[data-v-d284a8d4]{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1rem}.tw__panes[data-v-d284a8d4]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}.tw__pane[data-v-d284a8d4]{display:flex;flex-direction:column;gap:.5rem;min-width:0}.tw__label[data-v-d284a8d4]{margin:0;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary)}.tw__area[data-v-d284a8d4],.tw__output[data-v-d284a8d4]{min-height:220px}.tw__output[data-v-d284a8d4]{margin:0;padding:.7rem .85rem;border:1px solid var(--border-subtle);border-radius:var(--radius-control,.625rem);background:var(--surface-card);color:var(--text-primary);font-family:inherit;font-size:.9375rem;line-height:1.55;white-space:pre-wrap;word-break:break-word;overflow-x:auto}.tw__code[data-v-d284a8d4]{min-height:220px}.tw__output--mono[data-v-d284a8d4]{font-family:var(--font-mono,ui-monospace,monospace);font-size:.875rem}@media(max-width:640px){.tw__panes[data-v-d284a8d4]{grid-template-columns:1fr}}