.playground:where(.astro-sqym7koz),.playground:where(.astro-sqym7koz) :where(.astro-sqym7koz){box-sizing:border-box}.playground:where(.astro-sqym7koz){color:#dbe7f5;background:#080c13;grid-template-rows:3.75rem minmax(0,1fr);height:100dvh;min-height:32rem;display:grid}.topbar:where(.astro-sqym7koz){background:#0d131d;border-bottom:1px solid #1d2939;justify-content:space-between;align-items:center;padding:0 1rem;display:flex}.brand:where(.astro-sqym7koz){color:#f8fafc;align-items:center;gap:.6rem;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-flex}.brand:where(.astro-sqym7koz) img:where(.astro-sqym7koz){width:1.9rem;height:1.9rem}.brand:where(.astro-sqym7koz) strong:where(.astro-sqym7koz){color:#7dd3fc;letter-spacing:.04em;text-transform:uppercase;border:1px solid #334155;border-radius:999px;padding:.2rem .5rem;font-size:.7rem}.actions:where(.astro-sqym7koz){align-items:center;gap:.5rem;display:flex}.privacy:where(.astro-sqym7koz){color:#718096;margin-right:.5rem;font-size:.75rem}button:where(.astro-sqym7koz){color:#dbe7f5;height:2.25rem;font:inherit;cursor:pointer;background:#151e2c;border:1px solid #334155;border-radius:.4rem;justify-content:center;align-items:center;gap:.35rem;padding:0 .8rem;font-size:.8rem;font-weight:700;display:inline-flex}button:where(.astro-sqym7koz)[hidden]{display:none}button:where(.astro-sqym7koz):hover:not(:disabled){background:#1d2939;border-color:#64748b}button:where(.astro-sqym7koz):focus-visible,.brand:where(.astro-sqym7koz):focus-visible{outline-offset:2px;outline:2px solid #38bdf8}button:where(.astro-sqym7koz):disabled{cursor:wait;opacity:.55}button:where(.astro-sqym7koz).run{color:#041018;background:#38bdf8;border-color:#38bdf8}button:where(.astro-sqym7koz).run:hover:not(:disabled){background:#7dd3fc}button:where(.astro-sqym7koz).run svg:where(.astro-sqym7koz){fill:currentColor;width:.9rem}button:where(.astro-sqym7koz).stop{color:#fecaca;background:#3b1318;border-color:#ef4444}.workspace:where(.astro-sqym7koz){grid-template-columns:16.5rem minmax(0,3fr) minmax(20rem,2fr);min-height:0;display:grid}.sidebar:where(.astro-sqym7koz){background:#0a0f17;border-right:1px solid #1d2939;grid-template-rows:auto auto minmax(6rem,1fr) auto auto auto;min-width:0;min-height:0;display:grid}.workspace-picker:where(.astro-sqym7koz){background:#0d131d;border-bottom:1px solid #1d2939;padding:.75rem .65rem}.workspace-picker:where(.astro-sqym7koz) label:where(.astro-sqym7koz){color:#94a3b8;letter-spacing:.05em;text-transform:uppercase;margin-bottom:.45rem;font-size:.68rem;font-weight:700;display:block}.workspace-controls:where(.astro-sqym7koz){grid-template-columns:minmax(0,1fr) repeat(3,1.8rem);gap:.3rem;display:grid}.workspace-controls:where(.astro-sqym7koz) select:where(.astro-sqym7koz){color:#e2e8f0;width:100%;min-width:0;height:1.9rem;font:inherit;cursor:pointer;background:#111a27;border:1px solid #334155;border-radius:.3rem;padding:0 1.8rem 0 .55rem;font-size:.75rem;font-weight:600}.workspace-controls:where(.astro-sqym7koz) select:where(.astro-sqym7koz):focus-visible{outline-offset:1px;outline:2px solid #38bdf8}.workspace-controls:where(.astro-sqym7koz) button:where(.astro-sqym7koz){width:1.8rem;padding:0}.workspace-controls:where(.astro-sqym7koz) button:where(.astro-sqym7koz) svg:where(.astro-sqym7koz){fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.4px;width:.9rem;height:.9rem}.sidebar-header:where(.astro-sqym7koz){color:#94a3b8;letter-spacing:.05em;text-transform:uppercase;border-bottom:1px solid #1d2939;justify-content:space-between;align-items:center;gap:.35rem;padding:.55rem .65rem;font-size:.68rem;display:flex}.sidebar-header:where(.astro-sqym7koz)>div:where(.astro-sqym7koz),.sidebar-actions:where(.astro-sqym7koz){gap:.3rem;display:flex}.sidebar:where(.astro-sqym7koz) button:where(.astro-sqym7koz){height:1.8rem;padding:0 .45rem;font-size:.68rem}.file-tree:where(.astro-sqym7koz){min-height:0;padding:.35rem .25rem;overflow:auto}.file-tree:where(.astro-sqym7koz) ul{margin:0;padding:0;list-style:none}.file-tree:where(.astro-sqym7koz) ul ul{border-left:1px solid #1e293b;margin-left:.7rem;padding-left:.55rem}.file-tree:where(.astro-sqym7koz) li{margin:0;padding:0;list-style:none}.file-tree:where(.astro-sqym7koz) .tree-row{color:#aebdce;text-align:left;background:0 0;border:0;border-radius:.25rem;justify-content:flex-start;align-items:center;gap:.35rem;width:100%;height:1.75rem;padding:0 .4rem;font-size:.75rem;font-weight:500;display:flex}.file-tree:where(.astro-sqym7koz) .tree-row:hover{color:#e2e8f0;background:#121c2a}.file-tree:where(.astro-sqym7koz) .tree-row.active{color:#d7f1ff}.file-tree:where(.astro-sqym7koz) .tree-row.selected{color:#e0f2fe;background:#12304a}.file-tree:where(.astro-sqym7koz) .tree-row:focus-visible{outline-offset:-1px;outline:1px solid #38bdf8}.file-tree:where(.astro-sqym7koz) .tree-row span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-tree:where(.astro-sqym7koz) .chevron,.file-tree:where(.astro-sqym7koz) .chevron-spacer{width:.7rem;min-width:.7rem;height:.7rem}.file-tree:where(.astro-sqym7koz) .chevron{fill:none;stroke:#64748b;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;transition:transform .12s}.file-tree:where(.astro-sqym7koz) .chevron.expanded{transform:rotate(90deg)}.file-tree:where(.astro-sqym7koz) .tree-icon{width:.9rem;min-width:.9rem;height:.9rem}.file-tree:where(.astro-sqym7koz) .folder-icon{fill:#d5a849}.file-tree:where(.astro-sqym7koz) .file-icon{fill:#26384c;stroke:#8aa2bc;stroke-linejoin:round;stroke-width:1px}.sidebar-actions:where(.astro-sqym7koz){border-top:1px solid #1d2939;padding:.45rem .65rem}button:where(.astro-sqym7koz).danger{color:#fca5a5}.storage-note:where(.astro-sqym7koz),.storage-status:where(.astro-sqym7koz){color:#64748b;margin:0;padding:.5rem .65rem;font-size:.65rem;line-height:1.4}.storage-note:where(.astro-sqym7koz) code:where(.astro-sqym7koz){color:#94a3b8}.storage-status:where(.astro-sqym7koz){color:#86efac;border-top:1px solid #1d2939}.storage-status:where(.astro-sqym7koz).error{color:#fca5a5}.pane:where(.astro-sqym7koz){grid-template-rows:2.5rem minmax(0,1fr);min-width:0;min-height:0;display:grid}.editor-pane:where(.astro-sqym7koz){border-right:1px solid #1d2939}.pane-header:where(.astro-sqym7koz){color:#718096;letter-spacing:.035em;text-transform:uppercase;background:#0d131d;border-bottom:1px solid #1d2939;justify-content:space-between;align-items:center;padding:0 .85rem;font-size:.72rem;font-weight:650;display:flex}.file-name:where(.astro-sqym7koz){color:#cbd5e1;letter-spacing:normal;text-transform:none;align-items:center;gap:.5rem;display:flex}.status-dot:where(.astro-sqym7koz){background:#64748b;border-radius:50%;width:.45rem;height:.45rem}.status-dot:where(.astro-sqym7koz).dirty{background:#fbbf24;box-shadow:0 0 .6rem #fbbf2480}.editor-host:where(.astro-sqym7koz){background:#0b1019;min-height:0;overflow:hidden}.output-pane:where(.astro-sqym7koz){background:#080c13;grid-template-rows:2.5rem minmax(0,1fr) auto}.runner-status:where(.astro-sqym7koz){color:#7dd3fc;letter-spacing:normal;text-transform:none}pre:where(.astro-sqym7koz){color:#dbe7f5;white-space:pre-wrap;background:0 0;min-height:0;margin:0;padding:1rem;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.82rem;line-height:1.6;overflow:auto}pre:where(.astro-sqym7koz).error{color:#fca5a5}.placeholder:where(.astro-sqym7koz){color:#526176}footer:where(.astro-sqym7koz){color:#526176;border-top:1px solid #1d2939;justify-content:space-between;gap:1rem;padding:.65rem .85rem;font-size:.68rem;display:flex}@media (width<=52rem){.playground:where(.astro-sqym7koz){height:auto;min-height:100dvh}.workspace:where(.astro-sqym7koz){grid-template-rows:minmax(14rem,auto) minmax(30rem,62dvh) minmax(18rem,38dvh);grid-template-columns:1fr}.sidebar:where(.astro-sqym7koz){border-bottom:1px solid #1d2939;border-right:0;grid-template-columns:1fr;max-height:42dvh}.editor-pane:where(.astro-sqym7koz){border-bottom:1px solid #1d2939;border-right:0}.privacy:where(.astro-sqym7koz){display:none}}@media (width<=34rem){.topbar:where(.astro-sqym7koz){padding:0 .65rem}.brand:where(.astro-sqym7koz) span:where(.astro-sqym7koz),.brand:where(.astro-sqym7koz) strong:where(.astro-sqym7koz),footer:where(.astro-sqym7koz) span:where(.astro-sqym7koz):last-child{display:none}button:where(.astro-sqym7koz){padding:0 .65rem}}:root{color-scheme:dark;background:#080c13;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body{min-width:20rem;min-height:100%;margin:0}body{overflow:hidden}@media (width<=52rem){body{overflow:auto}}