.playground-terminal{background:var(--bg);height:100%;min-height:0;color:var(--fg);font-family:var(--font-mono);white-space:pre;-webkit-user-select:none;user-select:none;padding-left:1ch;font-size:14px;line-height:1.2;position:relative;overflow:hidden}.playground-terminal-row{height:1.2em}.playground-terminal-probe{visibility:hidden;position:absolute}.playground-terminal-bold{font-weight:700}.playground-terminal-dim{opacity:.5}.playground-terminal-cursor{vertical-align:top;background:var(--cursor);width:1ch;height:1.2em;display:inline-block}.home-play{grid-column:1/-1;min-width:0}.playground{--z-playground-drag:3;min-width:0;margin-block:4ch;position:relative}.playground-browser{border:1px solid var(--border);background:var(--bg)}.playground-browser-bar{border-bottom:1px solid var(--border);background:var(--bg-surface);align-items:center;gap:2ch;margin:0;padding:1ch 2ch;display:flex}.playground-browser-dots{gap:.75ch;display:flex}.playground-browser-dots i{background:var(--border);border-radius:50%;width:10px;height:10px;display:block}.playground-browser-url{white-space:nowrap;text-overflow:ellipsis;max-width:60ch;font-size:var(--font-size-sm);color:var(--fg-muted);background:var(--bg);border:1px solid var(--border);flex:1;padding:.25ch 1.5ch;overflow:hidden}.playground-browser-page{position:relative}.playground-lens[data-held]{filter:blur(2.5px)}.playground-lens:not([data-held]){transition:filter .2s ease-out}.playground-body{padding:1rem}@media (prefers-reduced-motion:no-preference){.playground[data-dress-pending] .playground-body{visibility:hidden}}.playground-frame{border:1px solid var(--border);flex-direction:column;min-width:0;height:34.5em;display:flex;position:relative}.playground-header{border-bottom:1px solid var(--border);background:var(--bg-surface);flex-shrink:0;justify-content:flex-end;align-items:center;min-width:0;padding:.5em 1ch;display:flex}.playground[data-full-screen] .playground-header{display:none}.playground-stage{touch-action:pan-y;flex:1;width:100%;min-width:0;min-height:0;position:relative;overflow:hidden}.playground-split{width:100%;min-width:0;height:100%;min-height:0;display:flex;position:relative}.playground-split-v{flex-direction:column}.playground-split-child{flex:1 1 0;min-width:0;min-height:0;position:relative;overflow:hidden}.playground-pane{flex-direction:column;width:100%;min-width:0;height:100%;min-height:0;display:flex;position:relative;container-type:inline-size}.playground-pane>.ds-pane-bar{touch-action:none;flex-shrink:0}.playground-pane-content{touch-action:pan-y;flex:1;min-width:0;min-height:0;overflow:auto}.playground-placeholder{-webkit-user-select:none;user-select:none;height:100%;min-height:0;display:block}.playground-chooser{min-width:0;padding:.5em 1ch}.playground-chooser>input{width:100%}.playground-chooser>.ds-chooser-grid,.playground-chooser>.ds-app-empty{margin-top:.5em}.playground-type-menu{width:min(44ch,90vw);max-height:65vh;overflow:auto}.playground-footer{justify-content:space-between;align-items:center;gap:2ch;padding-block:.5em;display:flex}.playground-body>.ds-checklist{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.25em 2ch;display:grid}.playground-notice{color:var(--success);pointer-events:none;padding:.5em 1ch;position:absolute;bottom:0;right:0}.playground-notice[hidden]{display:none}.playground-log{z-index:var(--z-local-raised);pointer-events:none;position:absolute;bottom:1ch;right:1ch}.playground-complete{border:1px solid var(--accent);padding:1em 1ch}@media (width<=768px){.playground-frame{height:38.5em}.playground-body>.ds-checklist{grid-template-columns:1fr}}.playground-drag-ghost{pointer-events:none;opacity:.85;max-width:24ch;z-index:var(--z-playground-drag);padding-inline:1ch;position:absolute;inset:0 auto auto 0}.playground-edge{background:color-mix(in srgb, var(--accent) 15%, transparent);pointer-events:none;width:40px;z-index:var(--z-local-raised);position:absolute;inset-block:0}.playground-edge-left{left:0}.playground-edge-right{right:0}.playground-phantom{background:var(--bg);border:1px dashed var(--accent);pointer-events:none;z-index:var(--z-local-above);place-items:center;display:grid;position:absolute;inset:0}.playground-pane[data-drop-edge]:after{content:"";pointer-events:none;background:color-mix(in srgb, var(--accent) 20%, transparent);border:1px solid var(--accent);z-index:var(--z-local-raised);position:absolute;inset:0}.playground-pane[data-drop-edge=left]:after{right:50%}.playground-pane[data-drop-edge=right]:after{left:50%}.playground-pane[data-drop-edge=top]:after{bottom:50%}.playground-pane[data-drop-edge=bottom]:after{top:50%}.playground-screen{position:absolute;inset:0}.playground-screen[hidden]{display:none}