.playground{--pg-panel:#16171d;--pg-border:#2a2d37;--pg-muted:#9ca3af;--pg-accent:#c084fc;border:1px solid var(--pg-border);background:var(--pg-panel);border-radius:12px;margin:24px 0;overflow:hidden}.playground-head{border-bottom:1px solid var(--pg-border);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.playground-title{color:var(--pg-muted);font-size:13px}.playground-run{color:var(--pg-muted);border:1px solid var(--pg-border);cursor:pointer;background:0 0;border-radius:8px;padding:4px 12px;font-family:inherit;font-size:13px;transition:color .2s,border-color .2s}.playground-run:hover:not(:disabled){color:#fff;border-color:var(--pg-accent)}.playground-run:disabled{opacity:.5;cursor:default}.playground-editor{box-sizing:border-box;color:#e5e7eb;border:none;border-bottom:1px solid var(--pg-border);resize:vertical;background:#0f1117;outline:none;width:100%;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.6;display:block}.playground-output{color:#e5e7eb;white-space:pre-wrap;min-height:44px;max-height:240px;margin:0;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.6;overflow:auto}.playground-hint{color:var(--pg-muted)}.playground-frame{display:none}.island-loading{color:#9ca3af;padding:12px;font-size:13px}