:root:has(#rfe-play){--sl-color-accent-low:#00332f;--sl-color-accent:#00c0b5;--sl-color-accent-high:#a6fff9;--rfe-play-editor-bg:var(--sl-color-bg);--rfe-play-terminal-bg:#111316;--rfe-play-active-line:color-mix(in srgb, var(--sl-color-gray-5) 35%, transparent);--rfe-play-selection:color-mix(in srgb, var(--sl-color-accent) 30%, transparent);--rfe-play-border:var(--sl-color-gray-5)}:root[data-theme=light]:has(#rfe-play){--sl-color-accent-low:#c8f0ed;--sl-color-accent:#007a76;--sl-color-accent-high:#004f4c;--rfe-play-terminal-bg:#f6f7f9;--rfe-play-active-line:color-mix(in srgb, var(--sl-color-gray-6) 70%, transparent)}.main-frame:has(#rfe-play) .sl-container,.main-pane:has(#rfe-play) .sl-container{max-width:min(96rem,100%)}.rfe-play{--rfe-play-gap:.75rem;gap:var(--rfe-play-gap);min-width:0;margin-block-start:1rem;display:grid}.rfe-play__intro p{max-width:52rem;color:var(--sl-color-gray-2);margin:0 0 .5rem}.rfe-play__links{flex-wrap:wrap;gap:.25rem 1.25rem;display:flex}.rfe-play__links a{color:var(--sl-color-text-accent)}.rfe-play__notices:empty{display:none}.rfe-play__notice{border-inline-start:3px solid var(--sl-color-orange);background:var(--sl-color-gray-6);border-radius:var(--rfe-radius);margin:0 0 .5rem;padding:.5rem .75rem}.rfe-play__toolbar{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.rfe-play__spacer{flex:1 1 0}.rfe-play__button,.rfe-play__small{font:inherit;border:1px solid var(--rfe-play-border);background:var(--sl-color-gray-6);color:var(--sl-color-white);cursor:pointer;white-space:nowrap;border-radius:.4rem;padding:.4rem .8rem;font-size:.875rem;line-height:1.2;text-decoration:none}.rfe-play__small{padding:.2rem .55rem;font-size:.8125rem}.rfe-play__button--primary{background:var(--sl-color-accent);border-color:var(--sl-color-accent);color:var(--sl-color-black);font-weight:600}.rfe-play__button:hover:not(:disabled),.rfe-play__small:hover{border-color:var(--sl-color-accent)}.rfe-play__button:disabled{opacity:.5;cursor:not-allowed}.rfe-play button:focus-visible,.rfe-play a:focus-visible{outline:2px solid var(--sl-color-accent);outline-offset:2px}.rfe-play__kbd{opacity:.75;font-size:.75em;font-weight:400}.rfe-play__status{color:var(--sl-color-gray-2);font-size:.875rem}.rfe-play__workbench{gap:var(--rfe-play-gap);grid-template:"files editor"minmax(22rem,58vh)"files terminal"minmax(14rem,32vh)/minmax(12rem,17rem) minmax(0,1fr);min-width:0;display:grid}.rfe-play__sidebar{border:1px solid var(--rfe-play-border);border-radius:var(--rfe-radius);background:var(--sl-color-bg-nav);grid-area:files;min-width:0;padding:.5rem;overflow:auto}.rfe-play__sidebar-head{flex-wrap:wrap;align-items:center;gap:.35rem;margin-block-end:.35rem;display:flex}.rfe-play__heading{text-transform:uppercase;letter-spacing:.04em;color:var(--sl-color-gray-2);flex:auto;margin:.25rem .5rem .25rem 0;font-size:.8125rem;font-weight:600}.rfe-play__files{margin:0 0 .75rem;padding:0;font-size:.875rem;list-style:none}.rfe-play__entry{border-radius:.3rem;align-items:center;gap:.15rem;padding-inline-start:calc(var(--depth,0) * .85rem);display:flex}.rfe-play__entry:hover,.rfe-play__entry:focus-within{background:var(--sl-color-gray-6)}.rfe-play__open{text-overflow:ellipsis;text-align:start;min-width:0;font:inherit;font-family:var(--rfe-mono);color:var(--sl-color-white);cursor:pointer;white-space:nowrap;background:0 0;border:0;flex:auto;padding:.2rem .35rem;font-size:.8125rem;overflow:hidden}.rfe-play__open[aria-current=true]{color:var(--sl-color-text-accent);font-weight:600}.rfe-play__dirname{font-family:var(--rfe-mono);color:var(--sl-color-gray-2);flex:auto;padding:.2rem .35rem;font-size:.8125rem}.rfe-play__action{font:inherit;color:var(--sl-color-gray-2);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.25rem;padding:.05rem .3rem;font-size:.6875rem;display:none}.rfe-play__entry:hover .rfe-play__action,.rfe-play__entry:focus-within .rfe-play__action{display:inline-block}.rfe-play__action:hover,.rfe-play__action:focus-visible{border-color:var(--rfe-play-border);color:var(--sl-color-white)}@media (hover:none){.rfe-play__action{display:inline-block}}.rfe-play__editor-pane{border:1px solid var(--rfe-play-border);border-radius:var(--rfe-radius);flex-direction:column;grid-area:editor;min-width:0;min-height:0;display:flex;overflow:hidden}.rfe-play__current{font-family:var(--rfe-mono);color:var(--sl-color-gray-2);border-block-end:1px solid var(--rfe-play-border);background:var(--sl-color-bg-nav);margin:0;padding:.35rem .75rem;font-size:.8125rem}.rfe-play__editor{flex:auto;min-height:0}.rfe-play__terminal-pane{border:1px solid var(--rfe-play-border);border-radius:var(--rfe-radius);background:var(--rfe-play-terminal-bg);grid-area:terminal;min-width:0;min-height:0;padding:.35rem 0 0 .5rem;overflow:hidden}.rfe-play__terminal{height:100%}.rfe-play__viewer{box-sizing:border-box;border:1px solid var(--rfe-play-border);border-radius:var(--rfe-radius);background:var(--sl-color-bg);width:calc(100vw - 2rem);max-width:none;height:calc(100dvh - 2rem);max-height:none;color:var(--sl-color-white);margin:auto;padding:0;overflow:hidden}.rfe-play__viewer[open]{flex-direction:column;display:flex}.rfe-play__viewer::backdrop{background:#0000008c}:root:has(.rfe-play__viewer[open]){overflow:hidden}.rfe-play__viewer-bar{border-block-end:1px solid var(--rfe-play-border);background:var(--sl-color-bg-nav);align-items:center;gap:.5rem;padding:.35rem .5rem;display:flex}.rfe-play__viewer-bar .rfe-play__heading{text-transform:none;font-family:var(--rfe-mono);letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rfe-play__frame{background:#fff;border:0;flex:auto;width:100%;min-height:0}.rfe-tok-heading{color:var(--sl-color-text-accent);font-weight:700}.rfe-tok-definition{color:#c792ea;font-weight:600}.rfe-tok-call{color:#82aaff}.rfe-tok-keyword{color:#f78c6c;font-weight:600}.rfe-tok-variable{color:#ffcb6b}.rfe-tok-meta{color:#89ddff}.rfe-tok-string{color:#c3e88d}.rfe-tok-number{color:#f78c6c}.rfe-tok-comment{color:var(--sl-color-gray-3);font-style:italic}.rfe-tok-operator,.rfe-tok-property{color:var(--sl-color-gray-2)}.rfe-tok-type{color:#ffcb6b}:root[data-theme=light] .rfe-tok-definition{color:#7a3e9d}:root[data-theme=light] .rfe-tok-call{color:#1f5fbf}:root[data-theme=light] .rfe-tok-keyword,:root[data-theme=light] .rfe-tok-number{color:#b3123c}:root[data-theme=light] .rfe-tok-variable,:root[data-theme=light] .rfe-tok-type{color:#8a4b00}:root[data-theme=light] .rfe-tok-meta{color:#0b6e8a}:root[data-theme=light] .rfe-tok-string{color:#2e6e2e}.rfe-play__dialog{border:1px solid var(--rfe-play-border);border-radius:var(--rfe-radius);background:var(--sl-color-bg-nav);color:var(--sl-color-white);width:min(32rem,100vw - 2rem);padding:1rem 1.25rem}.rfe-play__dialog::backdrop{background:#00000073}.rfe-play__dialog p{margin:0 0 .75rem}.rfe-play__dialog label{color:var(--sl-color-gray-2);gap:.35rem;font-size:.875rem;display:grid}.rfe-play__dialog label[hidden]{display:none}.rfe-play__dialog input{font:inherit;font-family:var(--rfe-mono);border:1px solid var(--rfe-play-border);background:var(--sl-color-bg);color:var(--sl-color-white);border-radius:.35rem;padding:.4rem .5rem}.rfe-play__dialog-buttons{justify-content:flex-end;gap:.5rem;margin-block-start:1rem;display:flex}@media (width<=50rem){.rfe-play__workbench{grid-template:"files""editor"minmax(20rem,60vh)"terminal"minmax(14rem,40vh)/minmax(0,1fr)}.rfe-play__sidebar{max-height:14rem}.rfe-play__viewer{border:0;border-radius:0;width:100vw;height:100dvh}.rfe-play__spacer,.rfe-play__kbd{display:none}}