.editor:where(.astro-eqacieuo){display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:1.5rem;align-items:start}@media(max-width:900px){.editor:where(.astro-eqacieuo){grid-template-columns:1fr}}.row:where(.astro-eqacieuo){display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin:.5rem 0}.controls:where(.astro-eqacieuo) details:where(.astro-eqacieuo){margin:.5rem 0;border:1px solid var(--sl-color-hairline);border-radius:6px;padding:.25rem .75rem}.controls:where(.astro-eqacieuo) summary:where(.astro-eqacieuo){cursor:pointer;font-weight:600;padding:.25rem 0}.token-row:where(.astro-eqacieuo){display:grid;grid-template-columns:11rem 1fr;gap:.5rem;align-items:center;margin:.3rem 0;font-size:.85rem}.token-row:where(.astro-eqacieuo) input:where(.astro-eqacieuo),.row:where(.astro-eqacieuo) input:where(.astro-eqacieuo)[type=text],.row:where(.astro-eqacieuo) select:where(.astro-eqacieuo){font:inherit;font-size:.85rem;padding:.25rem .5rem;border:1px solid var(--sl-color-hairline);border-radius:4px;background:var(--sl-color-bg);color:var(--sl-color-text)}.action:where(.astro-eqacieuo){cursor:pointer;padding:.4rem .9rem;border-radius:6px;border:1px solid var(--sl-color-hairline);background:var(--sl-color-bg-nav);color:var(--sl-color-text);font:inherit;font-size:.85rem}.json-out:where(.astro-eqacieuo){max-height:16rem;overflow:auto;font-size:.75rem}.preview-pane:where(.astro-eqacieuo){position:sticky;top:4rem}.clp-stage:where(.astro-eqacieuo){background:repeating-conic-gradient(#80808014 0% 25%,transparent 0% 50%) 50% / 24px 24px;border:1px solid var(--sl-color-hairline);border-radius:8px;padding:1rem;display:flex;flex-direction:column;align-items:flex-end;gap:.75rem}.clp-window:where(.astro-eqacieuo){width:100%;max-width:320px;background:var(--cl-color-surface, #fff);border-radius:var(--cl-radius-lg, 16px);box-shadow:var(--cl-shadow-elevated, 0 25px 50px -12px rgb(0 0 0 / .25));overflow:hidden;font-family:var(--cl-font-body, system-ui)}.clp-header:where(.astro-eqacieuo){display:flex;align-items:center;gap:.6rem;background:var(--cl-color-accent, #2563eb);color:var(--cl-color-accent-text, #fff);padding:.7rem 1rem}.clp-header:where(.astro-eqacieuo) strong:where(.astro-eqacieuo){font-family:var(--cl-font-heading, system-ui);display:block;font-size:.85rem}.clp-subtitle:where(.astro-eqacieuo){font-size:.7rem;opacity:.9}.clp-avatar:where(.astro-eqacieuo){display:flex;align-items:center;justify-content:center;width:1.8rem;height:1.8rem;border-radius:var(--cl-radius-full, 9999px);background:var(--cl-color-accent-soft, rgb(255 255 255 / .2));font-size:.8rem;font-weight:700}.clp-close:where(.astro-eqacieuo){margin-left:auto;color:var(--cl-color-accent-text-muted, rgb(255 255 255 / .7));font-size:1.1rem}.clp-messages:where(.astro-eqacieuo){display:flex;flex-direction:column;gap:.5rem;padding:.8rem}.clp-bubble:where(.astro-eqacieuo){max-width:85%;padding:.5rem .8rem;font-size:.8rem;line-height:1.45;border-radius:var(--cl-radius-lg, 16px)}.clp-assistant:where(.astro-eqacieuo){align-self:flex-start;background:var(--cl-color-assistant-bubble, #f1f5f9);color:var(--cl-color-assistant-bubble-text, #1e293b);border-bottom-left-radius:var(--cl-radius-tail, 2px)}.clp-user:where(.astro-eqacieuo){align-self:flex-end;background:var(--cl-color-user-bubble, #2563eb);color:var(--cl-color-user-bubble-text, #fff);border-bottom-right-radius:var(--cl-radius-tail, 2px)}.clp-link:where(.astro-eqacieuo){color:var(--cl-color-link, inherit);text-decoration:underline}.clp-error:where(.astro-eqacieuo){align-self:center;background:var(--cl-color-error-surface, #fef2f2);color:var(--cl-color-error, #dc2626);font-size:.7rem;padding:.35rem .6rem;border-radius:var(--cl-radius-sm, 8px)}.clp-retry:where(.astro-eqacieuo){background:var(--cl-color-error, #dc2626);color:var(--cl-color-error-text, #fff);padding:.1rem .5rem;border-radius:var(--cl-radius-md, 12px);font-weight:600}.clp-inputrow:where(.astro-eqacieuo){display:flex;gap:.5rem;border-top:1px solid var(--cl-color-border, #e2e8f0);background:var(--cl-color-surface, #fff);padding:.6rem}.clp-field:where(.astro-eqacieuo){flex:1;border:1px solid var(--cl-color-border, #e2e8f0);background:var(--cl-color-field, #fff);color:var(--cl-color-text-muted, #64748b);font-size:.75rem;padding:.45rem .6rem;border-radius:var(--cl-radius-sm, 8px)}.clp-send:where(.astro-eqacieuo){display:flex;align-items:center;justify-content:center;width:2.1rem;background:var(--cl-color-accent, #2563eb);color:var(--cl-color-accent-text, #fff);border-radius:var(--cl-radius-sm, 8px);font-size:.8rem}.clp-toggle:where(.astro-eqacieuo){display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:var(--cl-radius-full, 9999px);background:var(--cl-color-accent, #2563eb);color:var(--cl-color-accent-text, #fff);box-shadow:var(--cl-shadow-floating, 0 10px 15px -3px rgb(0 0 0 / .1));font-size:1.2rem}