body.play-body{flex-direction:column;height:100vh;display:flex;overflow:hidden}.play-body [hidden]{display:none!important}.play-toolbar{align-items:center;gap:var(--space-2);min-height:52px;padding:var(--space-3) var(--space-5);background:var(--surface-container-low);flex:none;display:flex}.play-sample-browser{min-width:0;height:100%;min-height:0;padding:var(--space-4);background:var(--surface-container-low);overflow-y:auto}.play-sample-browser>label{margin-bottom:var(--space-2);font-weight:600;display:block}#sample-search{width:100%;min-width:0;padding:var(--space-2);border:1px solid var(--outline-variant);background:var(--surface);color:var(--on-surface);font:inherit;font-size:var(--text-body-sm);border-radius:4px}#sample-list section{margin-top:var(--space-5)}#sample-list h2{margin-bottom:var(--space-2);color:var(--on-surface-dim);font-size:var(--text-body-sm);line-height:1.4}.play-sample{width:100%;padding:var(--space-2);color:var(--on-surface);text-align:left;font:inherit;font-size:var(--text-body-sm);cursor:pointer;background:0 0;border:0;border-radius:4px;display:block}.play-sample:hover{background:var(--surface-container-high)}.play-sample[aria-current]{background:var(--primary-a10);color:var(--primary)}.play-sample:focus-visible,#sample-search:focus-visible{outline:2px solid var(--primary);outline-offset:2px}#sample-empty{color:var(--on-surface-dim);font-size:var(--text-body-sm)}.play-sample-context{padding:var(--space-4)}.play-sample-context h1{font-size:var(--text-h3);line-height:1.3}.play-sample-context p{margin:var(--space-2) 0 0;font-size:var(--text-body-sm)}#sample-description{color:var(--on-surface-dim)}#status-text{max-width:min(34vw,440px);color:var(--on-surface-dim);font-size:var(--text-body-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#status-text.error{color:var(--error)}.play-work{min-width:0;min-height:0;padding:var(--space-3) var(--space-3) calc(var(--space-5) - 8px);flex:auto;position:relative}.editor-panel{grid-template-rows:auto auto minmax(0,1fr);min-width:0;min-height:0;display:grid}#editor{background:var(--surface);min-width:0;height:100%;min-height:0}:where(#editor .monaco-editor,#editor .monaco-editor *){box-sizing:content-box}.play-debug{gap:var(--space-3);min-width:0;min-height:0;padding:var(--space-3);grid-template-rows:auto auto minmax(0,1fr);display:grid}.play-debug-head,.play-debug-controls{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.play-debug-head strong{overflow-wrap:anywhere;font-family:var(--font-mono);font-size:var(--text-body-sm)}#debug-state-host{min-width:0;min-height:0;overflow:hidden}#debug-state-host>.debug-state-view{height:100%}:where(#editor .wx-source-breakable):before{content:"·";color:var(--on-surface-faint);font-size:18px;line-height:16px}:where(#editor .wx-source-breakpoint):before{content:"●";color:var(--error);font-size:13px;line-height:16px}:where(#editor .wx-source-breakpoint-pending):before{content:"○";color:var(--error);font-size:15px;line-height:16px}:where(#editor .wx-source-not-in-build){color:var(--on-surface-faint);font-style:italic}.play-debug-line{background:color-mix(in srgb, var(--building) 18%, transparent)}@media (width<=720px){.play-work.workbench-shell{flex-direction:column;display:flex;overflow-y:auto}.play-work>.workbench-column{flex:0 0 220px}.play-work>.workbench-code-workspace{flex:0 0 300px}.play-work>.workbench-bottom{flex:0 0 240px}.play-work>.workbench-bottom-collapsed{flex-basis:30px}.play-work>.workbench-main-splitter{display:none}}@media (width<=900px){.play-toolbar .workbench-toolbar-title,#status-text{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.play-toolbar{padding-inline:var(--space-3)}}@media (width<=380px){.play-toolbar{position:relative;overflow:visible}.play-toolbar #status-chip{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.play-toolbar .workbench-view-options{position:static}.play-toolbar .workbench-view-menu{right:auto;left:var(--space-3)}}.play-debug-options>summary{border:0;border-left:1px solid var(--outline-variant);border-radius:0;padding-inline:7px}.play-debug-options .workbench-view-menu{min-width:250px}.play-debug-options p{color:var(--on-surface-faint);margin:6px 10px;font-size:12px}