.ui-textpreview{gap:var(--space-2);min-width:0;display:grid;position:relative}.ui-textpreview__bar{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.ui-textpreview__count{font-weight:var(--weight-bold)}.ui-textpreview__box{min-width:0;max-height:420px;padding:var(--space-3) var(--space-4);border:var(--line) solid var(--ink-200);border-radius:var(--radius-md);background:var(--white);color:var(--ink-900);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-body);white-space:pre-wrap;word-break:keep-all;overflow-wrap:anywhere;tab-size:4;margin:0;overflow:auto}.ui-textpreview__box:focus-visible{outline:2px solid var(--ink-900);outline-offset:2px}.ui-textpreview__box--note{justify-content:center;align-items:center;gap:var(--space-3);background:var(--ink-50);min-height:160px;color:var(--ink-700);font-family:var(--font-sans);text-align:center;display:flex}.ui-textpreview[data-state=loading] .ui-textpreview__box--note{animation:1.4s ease-in-out infinite ui-pulse}.ui-textpreview__fail{align-items:flex-start;gap:var(--space-2);color:var(--status-danger);font-size:var(--text-sm);font-weight:var(--weight-bold);display:flex}.ui-textpreview__fail svg{flex:none;width:16px;height:16px;margin-top:2px}.ui-textpreview__cut{color:var(--ink-700);font-size:var(--text-sm)}.ui-textpreview__live{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.ui-textpreview__scratch{opacity:0;width:1px;height:1px;position:fixed;top:0;left:0}