.playground-page.svelte-j6hxly{max-width:1400px}.playground-header.svelte-j6hxly{margin-bottom:1.5rem}.playground-header.svelte-j6hxly h2:where(.svelte-j6hxly){font-size:1.5rem;font-weight:600;margin-bottom:.25rem}.playground-header.svelte-j6hxly p:where(.svelte-j6hxly){color:var(--text-secondary)}.playground-grid.svelte-j6hxly{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}@media(max-width:1024px){.playground-grid.svelte-j6hxly{grid-template-columns:1fr}}.input-panel.svelte-j6hxly,.output-panel.svelte-j6hxly{min-height:500px}.params-row.svelte-j6hxly{display:flex;gap:1rem;margin-bottom:1rem}.sample-prompts.svelte-j6hxly{margin-bottom:1rem}.sample-buttons.svelte-j6hxly{display:flex;gap:.5rem;margin-top:.5rem}.sample-btn.svelte-j6hxly{width:32px;height:32px;border-radius:50%;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;font-size:.8rem;transition:all .2s ease}.sample-btn.svelte-j6hxly:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.run-btn.svelte-j6hxly{width:100%;justify-content:center;margin-top:.5rem}.result-metrics.svelte-j6hxly{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem;padding:1rem;background:var(--bg-tertiary);border-radius:var(--border-radius-sm)}.result-metric.svelte-j6hxly{text-align:center}.result-metric.svelte-j6hxly .metric-label:where(.svelte-j6hxly){font-size:.75rem;color:var(--text-muted);display:block;margin-bottom:.25rem}.result-metric.svelte-j6hxly .metric-value:where(.svelte-j6hxly){font-size:1.25rem;font-weight:600;font-family:var(--font-mono)}.quality-score[data-score].svelte-j6hxly{color:var(--success)}.quality-score[data-score].svelte-j6hxly:where([data-score^="4"]:where(.svelte-j6hxly),[data-score^="5"]:where(.svelte-j6hxly),[data-score^="6"]:where(.svelte-j6hxly)){color:var(--warning)}.quality-score[data-score].svelte-j6hxly:where([data-score^="1"]:where(.svelte-j6hxly),[data-score^="2"]:where(.svelte-j6hxly),[data-score^="3"]:where(.svelte-j6hxly)){color:var(--error)}.result-section.svelte-j6hxly{margin-bottom:1.5rem}.result-section.svelte-j6hxly h4:where(.svelte-j6hxly){font-size:.9rem;font-weight:600;margin-bottom:.75rem;color:var(--text-secondary)}.completion-block.svelte-j6hxly{max-height:200px;overflow-y:auto}.trace-details.svelte-j6hxly{background:var(--bg-tertiary);border-radius:var(--border-radius-sm);overflow:hidden}.trace-detail-row.svelte-j6hxly{display:flex;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border-color)}.trace-detail-row.svelte-j6hxly:last-child{border-bottom:none}.trace-detail-row.svelte-j6hxly span:where(.svelte-j6hxly){color:var(--text-secondary);font-size:.875rem}.trace-detail-row.svelte-j6hxly code:where(.svelte-j6hxly){font-family:var(--font-mono);font-size:.85rem;color:var(--accent-primary)}.history-section.svelte-j6hxly{margin-top:1.5rem}.history-list.svelte-j6hxly{display:flex;flex-wrap:wrap;gap:.5rem}.history-item.svelte-j6hxly{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:var(--bg-tertiary);border-radius:var(--border-radius-sm);font-size:.85rem}.history-index.svelte-j6hxly{width:20px;height:20px;background:var(--accent-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600}.history-latency.svelte-j6hxly{color:var(--text-primary);font-family:var(--font-mono)}.history-tokens.svelte-j6hxly,.history-quality.svelte-j6hxly{color:var(--text-muted)}