.play[data-astro-cid-rxmzdjr4]{gap:var(--space-l);min-height:100vh;padding:var(--space-xl) var(--space-gutter) var(--space-2xl);background:var(--color-bg);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=1024px){.play[data-astro-cid-rxmzdjr4]{grid-template-columns:minmax(0,1fr) 22rem;align-items:start}.panel[data-astro-cid-rxmzdjr4]{top:var(--space-m);max-height:calc(100vh - 2 * var(--space-m));position:sticky;overflow-y:auto}}.play-head[data-astro-cid-rxmzdjr4],.panel[data-astro-cid-rxmzdjr4]{font:13px/1.4 var(--proto-font);color:var(--proto-ink)}.play-head[data-astro-cid-rxmzdjr4]{justify-items:start;gap:8px;margin-block-end:var(--space-m);display:grid}.play-head[data-astro-cid-rxmzdjr4] h1[data-astro-cid-rxmzdjr4]{letter-spacing:-.01em;font-size:22px}.play-head[data-astro-cid-rxmzdjr4] p[data-astro-cid-rxmzdjr4]{max-width:60ch;color:var(--proto-ink-2)}.canvas[data-astro-cid-rxmzdjr4]{--canvas-ink:var(--color-text);--canvas-muted:var(--color-text-muted);padding:var(--space-xl) var(--space-l);color:var(--canvas-ink);border:1px dashed var(--color-border)}.canvas[data-astro-cid-rxmzdjr4][data-bg=cream]{background:var(--color-surface-cream)}.canvas[data-astro-cid-rxmzdjr4][data-bg=grey]{background:var(--color-surface-grey)}.canvas[data-astro-cid-rxmzdjr4][data-bg=dark]{--canvas-ink:var(--color-bg);--canvas-muted:#fffc;background:var(--color-text)}.canvas[data-astro-cid-rxmzdjr4][data-align=center]{text-align:center}.canvas[data-astro-cid-rxmzdjr4][data-align=center] .line{justify-content:center;margin-inline:auto}.canvas[data-astro-cid-rxmzdjr4] .line{align-items:baseline;gap:var(--space-s);flex-wrap:wrap;display:flex}.canvas[data-astro-cid-rxmzdjr4] .line:has(.is-link) .cell:first-child{flex:1}.canvas[data-astro-cid-rxmzdjr4] .cell{outline-offset:4px;min-width:0}.canvas[data-astro-cid-rxmzdjr4] .cell.is-pointed{outline:2px solid var(--proto-two-range)}.canvas[data-astro-cid-rxmzdjr4] .text{cursor:text;text-wrap:pretty;outline:none}.canvas[data-astro-cid-rxmzdjr4] .text:focus-visible{box-shadow:0 2px 0 var(--proto-two-range)}.canvas[data-astro-cid-rxmzdjr4] .is-muted{color:var(--canvas-muted)}.canvas[data-astro-cid-rxmzdjr4] .is-italic{font-style:italic}.canvas[data-astro-cid-rxmzdjr4] .is-link{font-weight:var(--weight-medium);text-underline-offset:.2em;text-decoration:underline 1px}.canvas[data-astro-cid-rxmzdjr4] .pill-button{border-color:currentColor}.canvas[data-astro-cid-rxmzdjr4] .is-filled{color:var(--color-bg);background:var(--canvas-ink);border-color:var(--canvas-ink)}.canvas[data-astro-cid-rxmzdjr4][data-bg=dark] .is-filled{color:var(--color-text)}.panel[data-astro-cid-rxmzdjr4]{background:var(--proto-panel);border:1px solid var(--proto-rule);border-radius:var(--proto-radius);gap:20px;padding:16px;display:grid}.group[data-astro-cid-rxmzdjr4]{gap:10px;display:grid}.group[data-astro-cid-rxmzdjr4] h2[data-astro-cid-rxmzdjr4]{font:600 11px/1 var(--proto-font);letter-spacing:.08em;text-transform:uppercase;color:var(--proto-ink-2)}.chips[data-astro-cid-rxmzdjr4],.add[data-astro-cid-rxmzdjr4]{flex-wrap:wrap;gap:6px;display:flex}.settings[data-astro-cid-rxmzdjr4]{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.width[data-astro-cid-rxmzdjr4]{align-items:end;gap:12px;display:flex}.width-range[data-astro-cid-rxmzdjr4]{flex:1}.width-range[data-astro-cid-rxmzdjr4] span[data-astro-cid-rxmzdjr4]{justify-content:space-between;display:flex}.width-range[data-astro-cid-rxmzdjr4] output[data-astro-cid-rxmzdjr4]{font:12px var(--proto-mono);color:var(--proto-ink)}.width-range[data-astro-cid-rxmzdjr4] input[data-astro-cid-rxmzdjr4]{width:100%;accent-color:var(--proto-two-range)}.panel[data-astro-cid-rxmzdjr4] .check[data-astro-cid-rxmzdjr4]{color:var(--proto-ink);align-items:center;gap:6px;display:flex}.panel[data-astro-cid-rxmzdjr4] label{color:var(--proto-ink-2);gap:4px;font-size:12px;display:grid}.panel[data-astro-cid-rxmzdjr4] select,.panel[data-astro-cid-rxmzdjr4] input[type=number]{width:100%;min-width:0;font:13px var(--proto-font);color:var(--proto-ink);background:var(--proto-paper);border:1px solid var(--proto-rule);border-radius:6px;padding:4px 6px}.rows[data-astro-cid-rxmzdjr4]{counter-reset:row;gap:8px;margin:0;padding:0;list-style:none;display:grid}.rows[data-astro-cid-rxmzdjr4] .row{background:var(--proto-paper);border:1px solid var(--proto-rule);border-radius:8px;gap:6px;padding:10px;display:grid}.rows[data-astro-cid-rxmzdjr4] .row:hover{border-color:var(--proto-two-range)}.rows[data-astro-cid-rxmzdjr4] .row-head{gap:6px;display:flex}.rows[data-astro-cid-rxmzdjr4] .row-head select{font-family:var(--proto-mono);flex:1}.rows[data-astro-cid-rxmzdjr4] .row-tools{gap:2px;display:flex}.rows[data-astro-cid-rxmzdjr4] .row-tools button{width:26px;height:26px;font:14px/1 var(--proto-font);color:var(--proto-ink);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px}.rows[data-astro-cid-rxmzdjr4] .row-tools button:hover:not(:disabled){border-color:var(--proto-rule);background:var(--proto-panel)}.rows[data-astro-cid-rxmzdjr4] .row-tools button:disabled{opacity:.3;cursor:default}.rows[data-astro-cid-rxmzdjr4] .row-meta{font:11px var(--proto-mono);color:var(--proto-ink-2)}.rows[data-astro-cid-rxmzdjr4] .row-fields{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,.9fr);gap:6px;display:grid}