.playground.svelte-12q6op8{flex-direction:column;gap:1.75rem;display:flex}.exercise-header.svelte-12q6op8{flex-direction:column;gap:.5rem;display:flex}.exercise-tag.svelte-12q6op8{text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent);font-size:.72rem;font-weight:700}.exercise-header.svelte-12q6op8 h1:where(.svelte-12q6op8){font-size:1.75rem;font-weight:700}.exercise-header.svelte-12q6op8 p:where(.svelte-12q6op8){color:var(--color-text-muted);max-width:640px;font-size:.95rem;line-height:1.6}.hints.svelte-12q6op8{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);max-width:50rem;padding:1rem 1.25rem}.hints-label.svelte-12q6op8{text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.72rem;font-weight:700}.hints[open].svelte-12q6op8 .hints-label:where(.svelte-12q6op8){margin-bottom:.6rem}.hints.svelte-12q6op8 ul:where(.svelte-12q6op8){flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.hints.svelte-12q6op8 li:where(.svelte-12q6op8){color:var(--color-text-muted);padding-left:1rem;font-size:.9rem;position:relative}.hints.svelte-12q6op8 li:where(.svelte-12q6op8):before{content:"→";color:var(--color-accent);font-size:.8rem;position:absolute;left:0}.hints.svelte-12q6op8 button:where(.svelte-12q6op8){margin-top:.75rem}.panels.svelte-12q6op8{flex-wrap:wrap;align-items:start;gap:1.25rem;display:flex}.panel.svelte-12q6op8{flex-direction:column;gap:.75rem;width:100%;max-width:50rem;display:flex}.panel-header.svelte-12q6op8{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.panel-label.svelte-12q6op8{text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-muted);font-size:.72rem;font-weight:700}.endpoint-badge.svelte-12q6op8{background:var(--color-surface-muted);border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:4px;padding:.15rem .5rem;font-size:.75rem}textarea.svelte-12q6op8{width:100%;font-family:var(--font-mono);background:var(--color-code-bg);color:var(--color-code-text);border:1px solid var(--color-border);border-radius:var(--radius);resize:vertical;box-sizing:border-box;outline:none;padding:.875rem 1rem;font-size:.82rem;line-height:1.6}textarea.svelte-12q6op8:focus{border-color:var(--color-accent)}.btn-row.svelte-12q6op8{flex-wrap:wrap;gap:.5rem;display:flex}.send-btn.svelte-12q6op8{background:var(--color-accent);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;padding:.55rem 1.25rem;font-size:.875rem;font-weight:600;transition:background .15s}.send-btn.svelte-12q6op8:hover:not(:disabled){background:var(--color-accent-hover)}.send-btn.svelte-12q6op8:disabled{opacity:.6;cursor:not-allowed}.solve-btn.svelte-12q6op8{color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;background:0 0;padding:.55rem 1rem;font-size:.875rem;font-weight:600;transition:color .15s,border-color .15s}.solve-btn.svelte-12q6op8:hover:not(:disabled){color:var(--color-text);border-color:var(--color-text-muted)}.solve-btn.svelte-12q6op8:disabled{opacity:.6;cursor:not-allowed}.response.svelte-12q6op8{border-radius:var(--radius);border:1px solid var(--color-border);overflow:hidden}.response-header.svelte-12q6op8{border-bottom:1px solid var(--color-border);padding:.5rem .875rem}.response-ok.svelte-12q6op8 .response-header:where(.svelte-12q6op8){background:var(--color-success-bg);border-bottom-color:var(--color-success-border)}.response-error.svelte-12q6op8 .response-header:where(.svelte-12q6op8){background:var(--color-error-bg);border-bottom-color:var(--color-error-border)}.status-badge.svelte-12q6op8{font-size:.8rem;font-weight:700;font-family:var(--font-mono)}.response-ok.svelte-12q6op8 .status-badge:where(.svelte-12q6op8){color:var(--color-success-text)}.response-error.svelte-12q6op8 .status-badge:where(.svelte-12q6op8){color:var(--color-error-text)}.response-body.svelte-12q6op8{font-family:var(--font-mono);background:var(--color-surface);color:var(--color-text);white-space:pre-wrap;word-break:break-word;margin:0;padding:.875rem 1rem;font-size:.8rem;line-height:1.6}.exercise-nav.svelte-12q6op8{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;padding-top:.5rem;display:flex}.nav-btn.svelte-12q6op8{border-radius:var(--radius);cursor:pointer;padding:.55rem 1.25rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:background .15s,opacity .15s}.nav-prev.svelte-12q6op8{color:var(--color-text-muted);border:1px solid var(--color-border);background:0 0}.nav-prev.svelte-12q6op8:hover{color:var(--color-text);border-color:var(--color-text-muted);text-decoration:none}.nav-next.svelte-12q6op8{background:var(--color-accent);color:#fff;border:none}a.nav-next.svelte-12q6op8:hover{background:var(--color-accent-hover);text-decoration:none}button.nav-next.svelte-12q6op8:disabled{opacity:.35;cursor:not-allowed}@media (width<=900px){.panels.svelte-12q6op8{grid-template-columns:1fr}.btn-row.svelte-12q6op8{flex-direction:column}.send-btn.svelte-12q6op8,.solve-btn.svelte-12q6op8{width:100%}}@media (width<=768px){.exercise-header.svelte-12q6op8 h1:where(.svelte-12q6op8){font-size:1.4rem}}