.main-pane:has(.scribe-playground) .sl-container{max-width:120rem}.main-pane:has(.scribe-playground) .sl-markdown-content>p{max-width:none}.scribe-playground{--pg-keyword:#bdadf1;--pg-builtin:#b4d7ff;--pg-string:#9be4c4;--pg-number:#edc88b;--pg-comment:var(--scribe-muted);--pg-text:var(--sl-color-gray-1);--pg-gutter:var(--scribe-surface);--pg-active:#34d3990d;--pg-selection:#34d39938;color:var(--scribe-ink);margin-block:1.5rem 2.5rem}[data-theme=light] .scribe-playground{--pg-keyword:#7951b4;--pg-builtin:#1f60a6;--pg-string:#067550;--pg-number:#956219;--pg-active:#34d39912;--pg-selection:#34d3993d}.scribe-playground *{box-sizing:border-box}.scribe-playground p{margin:0}.scribe-playground h3{letter-spacing:-.01em;margin:0;font-size:.86rem;font-weight:640}.pg-hint{color:var(--scribe-muted);font-size:.78rem;line-height:1.6}.pg-toolbar{flex-wrap:wrap;align-items:end;gap:1rem 1.25rem;margin-bottom:1rem;display:flex}.pg-toolbar label{color:var(--scribe-muted);letter-spacing:.01em;flex-direction:column;gap:.35rem;font-size:.74rem;font-weight:600;display:flex}.pg-toolbar select{border:1px solid var(--scribe-border);background:var(--scribe-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239baabe' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right .8rem center;min-width:15rem;color:var(--scribe-ink);font:inherit;appearance:none;border-radius:.5rem;padding:.55rem 2.2rem .55rem .75rem;font-size:.84rem;transition:border-color .14s}.pg-toolbar select:hover,.pg-toolbar select:focus-visible{border-color:var(--sl-color-accent)}.pg-toolbar select:disabled{opacity:.55}.pg-version{color:var(--scribe-muted);align-self:end;margin-left:auto;font-size:.72rem}.pg-description{color:var(--scribe-muted);max-width:70ch;font-size:.9rem;line-height:1.7;margin-bottom:1.1rem!important}.pg-editors{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.pg-editor{border:1px solid var(--scribe-border);background:var(--scribe-code);border-radius:.75rem;flex-direction:column;min-width:0;transition:border-color .16s,box-shadow .16s;display:flex;overflow:hidden}.pg-editor:focus-within{border-color:var(--sl-color-accent);box-shadow:0 0 0 3px var(--scribe-glow)}.pg-editor>header{border-bottom:1px solid var(--scribe-border-soft);background:var(--scribe-surface);align-items:center;gap:.6rem;padding:.6rem .9rem;display:flex}.pg-editor>header .pg-hint{white-space:nowrap;text-overflow:ellipsis;margin-left:auto;font-size:.7rem;overflow:hidden}.pg-step{background:var(--sl-color-accent-low);width:1.35rem;height:1.35rem;color:var(--sl-color-accent-high);font-family:var(--sl-font-mono);border-radius:50%;place-items:center;font-size:.68rem;font-weight:600;display:inline-grid}.pg-cm{flex:1;min-height:24rem}.pg-cm .cm-editor{height:100%;min-height:24rem;max-height:44rem;color:var(--pg-text);background:0 0;font-size:.82rem}.pg-cm .cm-editor.cm-focused{outline:none}.pg-cm .cm-scroller{font-family:var(--sl-font-mono);line-height:1.7;overflow:auto}.pg-cm .cm-content{caret-color:var(--sl-color-accent);padding:.6rem 0}.pg-cm .cm-line{padding-inline:.9rem .6rem}.pg-cm .cm-gutters{background:var(--pg-gutter);color:var(--scribe-muted);border:0}.pg-cm .cm-lineNumbers .cm-gutterElement{min-width:2.6rem;padding-inline:.9rem .55rem;font-size:.7rem}.pg-cm .cm-activeLine{background:var(--pg-active)}.pg-cm .cm-activeLineGutter{background:var(--pg-active);color:var(--scribe-ink)}.pg-cm .cm-selectionBackground,.pg-cm .cm-editor ::selection{background:var(--pg-selection)!important}.pg-cm .cm-cursor{border-left-color:var(--sl-color-accent);border-left-width:2px}.pg-cm .cm-matchingBracket{background:#34d3992e;border-radius:2px}.pg-cm .cm-selectionMatch{background:#34d3991a}.pg-cm .cm-placeholder{color:var(--scribe-muted);font-style:italic}.pg-cm .cm-lintRange-error{text-decoration-skip-ink:none;text-underline-offset:.2em;background:0 0;text-decoration:underline wavy #f87171}.pg-cm .cm-lintRange-warning{text-decoration-skip-ink:none;text-underline-offset:.2em;background:0 0;text-decoration:underline wavy #fbbf24}.scribe-playground .cm-tooltip,.cm-tooltip.cm-tooltip-autocomplete,.cm-tooltip.cm-completionInfo,.cm-tooltip-lint{color:var(--scribe-ink);box-shadow:var(--scribe-shadow);font-family:var(--sl-font);border-radius:.55rem;font-size:.78rem;overflow:hidden;border:1px solid var(--scribe-border)!important;background:var(--scribe-surface-raised)!important}.cm-tooltip.cm-tooltip-autocomplete>ul{font-family:var(--sl-font-mono);max-height:16rem}.cm-tooltip.cm-tooltip-autocomplete>ul>li{padding:.3rem .7rem}.cm-tooltip.cm-tooltip-autocomplete>ul>li[aria-selected]{background:var(--sl-color-accent-low)!important;color:var(--sl-color-accent-high)!important}.cm-tooltip-autocomplete .cm-completionLabel{color:var(--scribe-ink)}.cm-tooltip-autocomplete .cm-completionDetail{color:var(--scribe-muted);margin-left:.6rem;font-size:.72rem;font-style:normal}.cm-tooltip-autocomplete .cm-completionMatchedText{color:var(--scribe-mint-text);font-weight:600;text-decoration:none}.cm-tooltip.cm-completionInfo{max-width:26rem;color:var(--scribe-muted);padding:.6rem .8rem;line-height:1.55}.cm-tooltip-lint .cm-diagnostic{border-left-width:3px;padding:.5rem .8rem;line-height:1.5}.pg-hover{max-width:30rem;padding:.55rem .8rem .6rem}.pg-hover-title{font-family:var(--sl-font-mono);color:var(--scribe-ink);white-space:pre-wrap;background:0 0;padding:0;font-size:.74rem;line-height:1.5;display:block}.pg-hover-body{color:var(--scribe-muted);margin:.35rem 0 0;font-size:.76rem;line-height:1.55}.pg-hover .pg-badge{margin:.45rem .3rem 0 0;display:inline-block}.cm-diagnostic-error{border-left-color:#f87171!important}.cm-diagnostic-warning{border-left-color:#fbbf24!important}.cm-diagnosticSource{color:var(--scribe-muted)}.pg-actions-row{flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:1rem;display:flex}.pg-actions-row .scribe-button{cursor:pointer;font-family:inherit}.pg-actions-row .scribe-button:disabled{opacity:.5;cursor:default;transform:none}.pg-actions-row kbd{font-family:var(--sl-font);opacity:.8;border:1px solid #062e2040;border-radius:.3rem;margin-left:.2rem;padding:.05rem .35rem;font-size:.66rem;font-weight:600}.pg-actions-row .secondary kbd{border-color:var(--scribe-border)}.pg-status{color:var(--scribe-muted);flex-basis:100%;font-size:.8rem;margin-top:.25rem!important}@media (width>=55rem){.pg-status{flex-basis:auto;margin-left:.4rem;margin-top:0!important}}.pg-expected{border-left:3px solid var(--sl-color-accent);background:var(--scribe-surface);color:var(--scribe-muted);border-radius:0 .5rem .5rem 0;padding:.7rem 1rem;font-size:.8rem;line-height:1.6;margin-top:1rem!important}.pg-expected:empty{display:none}.pg-lower{grid-template-columns:minmax(0,1.15fr) minmax(0,2fr);gap:1rem;margin-top:1.25rem;display:grid}.pg-panel{border:1px solid var(--scribe-border);background:var(--scribe-surface);border-radius:.75rem;overflow:hidden}.pg-panel>header{border-bottom:1px solid var(--scribe-border-soft);align-items:baseline;gap:.6rem;padding:.65rem .9rem;display:flex}.pg-panel>header .pg-hint{font-size:.7rem}.pg-fields{min-height:6rem;padding:.5rem .9rem .75rem}.pg-field-list{margin:0;padding:0;list-style:none}.pg-field-list li{padding:.35rem 0 .35rem calc(var(--depth) * 1rem);border-top:1px solid var(--scribe-border-soft);flex-wrap:wrap;align-items:baseline;gap:.35rem .6rem;font-size:.78rem;display:flex}.pg-field-list li:first-child{border-top:0}.pg-field-list code{font-family:var(--sl-font-mono);color:var(--scribe-ink);background:0 0;padding:0;font-size:.76rem}.pg-field-type{color:var(--scribe-muted)}.pg-badge{border:1px solid var(--scribe-border);color:var(--scribe-mint-text);letter-spacing:.06em;text-transform:uppercase;border-radius:.3rem;padding:.1rem .4rem;font-size:.6rem;font-weight:600}.pg-results{grid-template-rows:auto auto;gap:1rem;min-width:0;display:grid}.pg-snapshots{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.pg-results pre{background:var(--scribe-code);min-height:6rem;max-height:22rem;color:var(--sl-color-gray-2);font-family:var(--sl-font-mono);white-space:pre-wrap;overflow-wrap:anywhere;tab-size:4;margin:0;padding:.75rem .9rem;font-size:.74rem;line-height:1.65;overflow:auto}.pg-results pre:focus-visible{outline-offset:-3px}.pg-changed{width:100%;color:var(--scribe-ink);background:#34d3991f;border-radius:.2rem;display:inline-block}.pg-failed{color:#fca5a5}[data-theme=light] .pg-failed{color:#b42323}.pg-footnote{color:var(--scribe-muted);font-size:.72rem;line-height:1.7;margin-top:1rem!important}.pg-footnote a{color:var(--scribe-mint-text)}@media (width<=64rem){.pg-lower{grid-template-columns:1fr}}@media (width<=50rem){.pg-editors{grid-template-columns:1fr}.pg-cm,.pg-cm .cm-editor{min-height:14rem}.pg-snapshots{grid-template-columns:1fr}.pg-toolbar select{min-width:100%}.pg-toolbar label{flex:100%}.pg-version{margin-left:0}}@media (prefers-reduced-motion:reduce){.pg-editor{transition:none}}