.placeholder-text{color:var(--muted-foreground);font-size:.875rem}.result-success{color:#3ea576;font-family:var(--font-mono);font-size:.875rem}.result-error{color:#e85854;font-family:var(--font-mono);font-size:.875rem}.result-pre{font-family:var(--font-mono);font-size:.78rem;line-height:1.6;color:var(--foreground);white-space:pre-wrap;word-break:break-all}.diagnostics{display:flex;flex-direction:column;gap:.5rem}.diag{font-family:var(--font-mono);font-size:.8rem;padding:.5rem .75rem;border-radius:var(--radius);border:1px solid var(--border)}.diag-error{color:#e85854;border-color:#8c3432}.diag-warning{color:var(--primary);border-color:#6f4e1a}.diag-info{color:var(--muted-foreground)}.output-area svg{display:block;width:100%;height:auto;max-width:100%}.playground[data-astro-cid-5wq3ak55]{padding-top:2rem;padding-bottom:2rem;max-width:90rem;margin-left:auto;margin-right:auto}.pg-header[data-astro-cid-5wq3ak55]{margin-bottom:1.25rem}h1[data-astro-cid-5wq3ak55]{font-family:var(--font-mono);font-size:1.5rem;font-weight:600;margin-bottom:.25rem}.pg-header[data-astro-cid-5wq3ak55] p[data-astro-cid-5wq3ak55]{font-size:.875rem;color:var(--muted-foreground)}.pg-toolbar[data-astro-cid-5wq3ak55]{display:flex;align-items:center;gap:.5rem;padding-bottom:.75rem;margin-bottom:.75rem;border-bottom:1px solid var(--border)}.pg-toolbar-actions[data-astro-cid-5wq3ak55]{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.pg-toolbar-actions[data-astro-cid-5wq3ak55] .btn[data-astro-cid-5wq3ak55]{font-size:.75rem;height:2rem;padding:0 .75rem}.theme-selector[data-astro-cid-5wq3ak55]{display:flex;align-items:center;gap:.375rem;flex-basis:100%;margin-left:0}.theme-selector[data-astro-cid-5wq3ak55] label[data-astro-cid-5wq3ak55]{font-family:var(--font-mono);font-size:.75rem;color:var(--muted-foreground);white-space:nowrap}.theme-selector[data-astro-cid-5wq3ak55] select[data-astro-cid-5wq3ak55]{font-family:var(--font-mono);font-size:.75rem;color:var(--foreground);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:.25rem .5rem;cursor:pointer;outline:none;transition:border-color .15s}.theme-selector[data-astro-cid-5wq3ak55] select[data-astro-cid-5wq3ak55]:hover,.theme-selector[data-astro-cid-5wq3ak55] select[data-astro-cid-5wq3ak55]:focus{border-color:var(--primary)}.btn-ghost[data-astro-cid-5wq3ak55]{font-family:var(--font-mono);font-size:.75rem;color:var(--muted-foreground);background:none;border:1px solid var(--border);border-radius:var(--radius);padding:.375rem .75rem;cursor:pointer;transition:color .15s,border-color .15s;white-space:nowrap}.btn-ghost[data-astro-cid-5wq3ak55]:hover{color:var(--foreground);border-color:var(--foreground)}.pg-toolbar-actions[data-astro-cid-5wq3ak55] .btn[data-astro-cid-5wq3ak55]:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.pg-toolbar-actions[data-astro-cid-5wq3ak55] .btn[data-astro-cid-5wq3ak55].is-loading{position:relative}.pg-workspace[data-astro-cid-5wq3ak55]{display:flex;flex-direction:column;gap:1rem}.pg-output[data-astro-cid-5wq3ak55]{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);overflow:hidden;min-width:0}.output-area[data-astro-cid-5wq3ak55]{min-height:40vh;padding:1rem;overflow:auto}.pg-drawer[data-astro-cid-5wq3ak55]{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);overflow:hidden;display:flex;flex-direction:column}.pg-drawer-header[data-astro-cid-5wq3ak55]{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem 1rem;border-bottom:1px solid var(--border);background:#1416194d}.pg-drawer-header[data-astro-cid-5wq3ak55] span[data-astro-cid-5wq3ak55]{font-family:var(--font-mono);font-size:.75rem;color:var(--muted-foreground)}.pg-copy-btn[data-astro-cid-5wq3ak55]{position:static;display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;background:var(--secondary);border:1px solid var(--border);border-radius:4px;color:var(--muted-foreground);cursor:pointer;opacity:1;transition:color .15s,border-color .15s}.pg-copy-btn[data-astro-cid-5wq3ak55]:hover{color:var(--foreground);border-color:var(--foreground)}.pg-copy-btn[data-astro-cid-5wq3ak55].copied{color:var(--accent);border-color:var(--accent)}.code-editor[data-astro-cid-5wq3ak55]{position:relative;flex:1;min-height:250px;overflow:hidden}.code-highlight[data-astro-cid-5wq3ak55]{position:absolute;inset:0;margin:0;padding:1rem;font-family:var(--font-mono);font-size:.8rem;line-height:1.6;color:#dbd7caee;background:transparent;border:none;overflow:auto;pointer-events:none;white-space:pre-wrap;word-wrap:break-word}.code-highlight[data-astro-cid-5wq3ak55] code[data-astro-cid-5wq3ak55]{font-family:inherit;font-size:inherit;line-height:inherit}textarea[data-astro-cid-5wq3ak55]{position:relative;width:100%;height:100%;min-height:250px;padding:1rem;background:transparent;color:transparent;caret-color:var(--foreground);font-family:var(--font-mono);font-size:.8rem;line-height:1.6;border:none;outline:none;resize:none;white-space:pre-wrap;word-wrap:break-word;overflow:auto}@media(min-width:1024px){.pg-toolbar[data-astro-cid-5wq3ak55]{justify-content:space-between}.pg-toolbar-actions[data-astro-cid-5wq3ak55] .btn[data-astro-cid-5wq3ak55]{font-size:.875rem;height:2.5rem;padding:0 1.25rem}.theme-selector[data-astro-cid-5wq3ak55]{flex-basis:auto;margin-left:.5rem}.pg-workspace[data-astro-cid-5wq3ak55]{min-height:calc(100vh - 14rem)}.pg-output[data-astro-cid-5wq3ak55]{flex:1 1 auto}.output-area[data-astro-cid-5wq3ak55]{min-height:60vh}.pg-drawer[data-astro-cid-5wq3ak55]{flex:0 0 24rem;height:24rem}.code-editor[data-astro-cid-5wq3ak55]{flex:1 1 auto;min-height:0}textarea[data-astro-cid-5wq3ak55]{min-height:0}}