.play-toolbar{display:flex;flex-wrap:wrap;gap:var(--space-xs);align-items:center;}.play-status{margin:0;color:var(--ink-muted);font-size:var(--step--1);}.play-status.is-ok{color:var(--on-accent-soft);}.play-status.is-error{color:var(--ink);font-weight:600;}.play-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(20rem,100%),1fr));min-width:0;gap:var(--space-m);}.play-pane{display:flex;flex-direction:column;gap:var(--space-2xs);min-width:0;}.play-label{margin:0;font-size:var(--step--1);font-weight:600;color:var(--ink-soft);}.play-input,.play-output{box-sizing:border-box;width:100%;min-height:24rem;margin:0;padding:var(--space-s);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-soft);color:var(--ink);font-family:var(--font-mono);font-size:0.9375rem;line-height:1.55;tab-size:2;resize:vertical;overflow:auto;white-space:pre;}.play-input:focus-visible,.play-output:focus-visible{outline:3px solid var(--focus);outline-offset:2px;}.play-output.is-error{border-color:var(--ink-muted);}.play-note{margin:0;color:var(--ink-muted);font-size:var(--step--1);}