.tx-stage{position:relative;display:grid;aspect-ratio:4 / 3;min-width:0;max-height:72vh;border-radius:var(--radius-lg);overflow:hidden}.tx-stage>*{grid-area:1 / 1;min-width:0;min-height:0}@media(min-width:960px){.tx .ws-stage{display:flex;flex-direction:column}.tx-stage{flex:1 1 0;aspect-ratio:auto;min-height:32rem;max-height:none;grid-template:minmax(0,1fr) / minmax(0,1fr)}}@media(max-width:959px){.tx:not([data-state=empty]) .tx-stage{aspect-ratio:3 / 4}}.tx-stage [hidden],.tx [hidden]{display:none!important}.tx-view{position:relative;display:grid;place-items:center;background:var(--paper-3);border-radius:var(--radius-lg);overflow:hidden;animation:t-in var(--dur-3) var(--ease-out)}.tx-frame{position:relative;background:#fff;box-shadow:var(--shadow-md)}.tx-canvas{display:block;width:100%;height:100%}.tx-overlay{position:absolute;inset:0;touch-action:none}.tx-overlay.is-drawing{cursor:crosshair}.tx-area{position:absolute;border:2px solid var(--accent);border-radius:3px;background:color-mix(in oklab,var(--accent) 6%,transparent);cursor:copy}.tx-area.is-new{border-style:dashed;cursor:crosshair}.tx-line{position:absolute;top:0;bottom:0;width:0;border-left:2px solid var(--accent);translate:-1px 0}.tx-grip{position:absolute;top:0;bottom:0;left:-9px;width:16px;padding:0;border:0;background:transparent;cursor:ew-resize}.tx-grip:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-radius:3px}.tx-line:hover,.tx-line:focus-within{border-left-color:var(--ink)}.tx-remove{position:absolute;top:-12px;left:-12px;display:grid;place-items:center;width:22px;height:22px;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--paper);color:var(--ink-2);box-shadow:var(--shadow-sm);cursor:pointer;opacity:0;transition:opacity var(--dur-1) var(--ease-out)}.tx-remove .i{width:12px;height:12px}.tx-line:hover .tx-remove,.tx-line:focus-within .tx-remove{opacity:1}.tx-remove:hover{color:var(--danger);border-color:var(--danger)}@media(hover:none){.tx-remove{opacity:1}}.tx-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-5);margin-top:var(--space-4)}.tx-pager{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--ink-2);font-variant-numeric:tabular-nums}.tx-toolbar #tx-redraw[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.tx-hint{font-size:var(--text-sm);color:var(--ink-3)}.tx-switches{display:grid}.tx-style-body{display:grid;gap:var(--space-4);padding:var(--space-2) var(--space-3) var(--space-4)}.tx-panels{min-width:0}.tx-more{display:flex;flex-wrap:wrap;gap:var(--space-3)}.tx-more .btn:last-child{flex:1 1 auto}.tx-preview{padding:var(--space-5) var(--space-6) var(--space-6);border-top:1px solid var(--line);animation:t-in var(--dur-3) var(--ease-out)}.tx-preview-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2) var(--space-4);margin-bottom:var(--space-3)}.tx-preview-note{font-size:var(--text-sm);color:var(--ink-3)}.tx-legend{display:inline-flex;align-items:center;gap:var(--space-2);margin-left:auto;font-size:var(--text-sm);color:var(--ink-3)}.tx-legend i{width:1rem;height:.75rem;border-radius:2px;background:color-mix(in oklab,var(--warn) 22%,var(--paper));outline:1.5px solid var(--warn)}.tx-grid-wrap{max-height:32rem;overflow:auto;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper)}.tx-grid{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0;font-size:var(--text-sm);font-variant-numeric:tabular-nums}.tx-grid th,.tx-grid td{max-width:28rem;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--line);border-right:1px solid var(--line);text-align:left;vertical-align:top;white-space:pre-wrap;overflow-wrap:anywhere}.tx-grid tr>:last-child{border-right:0}.tx-grid thead th{position:sticky;z-index:1;background:var(--paper-2)}.tx-grid .tx-types th{top:0;padding:var(--space-2);font-weight:400}.tx-grid .tx-head th{top:3.25rem;font-weight:600}.tx-type .control{min-width:7.5rem;min-height:var(--space-9, 2.25rem);padding-block:0;font-size:var(--text-sm)}.tx-grid :is(td,.tx-head th):is(.is-number,.is-date){text-align:right}.tx-grid td:is(.is-number,.is-date){font-family:var(--font-mono);font-size:var(--text-xs)}.tx-grid .is-skip{color:var(--ink-3);text-decoration:line-through;text-decoration-color:color-mix(in oklab,var(--ink) 25%,transparent)}.tx-grid .tx-types .is-skip{text-decoration:none}.tx-grid td.is-bad{background:color-mix(in oklab,var(--warn) 14%,var(--paper));box-shadow:inset 0 0 0 1.5px color-mix(in oklab,var(--warn) 70%,transparent)}.tx-grid [contenteditable]:focus{outline:2px solid var(--accent);outline-offset:-2px;background:var(--paper)}.tx-grid tbody tr:hover td:not(.is-bad){background:color-mix(in oklab,var(--accent) 4%,var(--paper))}@media(max-width:959px){.tx-preview{padding:var(--space-4)}.tx-legend{margin-left:0}}@media(prefers-reduced-motion:reduce){.tx-view,.tx-preview{animation:none}}