.lb-container.svelte-5woiwn{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:14px;margin:2rem 0;overflow:hidden}.lb-header.svelte-5woiwn{padding:1.25rem 1.5rem .5rem}.lb-header.svelte-5woiwn h3:where(.svelte-5woiwn){font-family:var(--font-ui);color:var(--color-text-primary);margin:0 0 .3rem;font-size:.95rem;font-weight:700}.lb-header.svelte-5woiwn p:where(.svelte-5woiwn){font-family:var(--font-ui);color:var(--color-text-muted);margin:0;font-size:.78rem}.lb-split.svelte-5woiwn{background:var(--color-border);border-radius:8px;grid-template-columns:1fr 1fr;gap:2px;height:280px;margin:.75rem 1.5rem;display:grid;overflow:hidden}.lb-code.svelte-5woiwn{background:var(--color-bg-card);font-family:var(--font-mono);padding:16px 20px;font-size:.82rem;line-height:2;overflow:hidden}.lb-line.svelte-5woiwn{opacity:0;cursor:pointer;white-space:pre;border-radius:4px;height:2em;padding:1px 4px;transition:opacity .4s}.lb-line.show.svelte-5woiwn{opacity:1}.lb-line.active.svelte-5woiwn{background:var(--color-accent-bg)}.lb-line.svelte-5woiwn:hover{background:var(--color-bg-secondary)}.lb-line.active.svelte-5woiwn:hover{background:var(--color-accent-bg)}.lb-tok-key.svelte-5woiwn{color:#0969a8;font-weight:600}.lb-tok-colon.svelte-5woiwn{color:var(--color-text-muted)}.lb-tok-str.svelte-5woiwn{color:#1a7f37}.lb-tok-num.svelte-5woiwn{color:#7c3aed}.lb-tok-bool.svelte-5woiwn{color:#c45d2c}.lb-tok-dash.svelte-5woiwn{color:#c45d2c;font-weight:700}.lb-tok-comment.svelte-5woiwn{color:#999;font-style:italic}.lb-visual.svelte-5woiwn{background:var(--color-bg-primary);padding:16px 20px;overflow:hidden}.lb-visual-title.svelte-5woiwn{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:10px;font-size:.7rem;font-weight:600}.lb-visual-empty.svelte-5woiwn{font-family:var(--font-ui);color:var(--color-text-muted);font-size:.78rem}.lb-visual-list.svelte-5woiwn{flex-direction:column;gap:6px;display:flex}.lb-visual-item.svelte-5woiwn{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:6px;align-items:center;gap:10px;padding:6px 12px;animation:.3s forwards svelte-5woiwn-slideIn;display:flex}.lb-visual-idx.svelte-5woiwn{font-family:var(--font-mono);color:var(--color-text-muted);min-width:14px;font-size:.7rem;font-weight:600}.lb-visual-val.svelte-5woiwn{font-family:var(--font-mono);color:#1a7f37;font-size:.78rem}.lb-explain.svelte-5woiwn{font-family:var(--font-ui);color:var(--color-text-secondary);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px;height:100px;margin:.75rem 1.5rem;padding:14px 18px;font-size:.82rem;line-height:1.6;overflow-y:auto}.lb-footer.svelte-5woiwn{padding:.75rem 1.5rem 1.25rem}.lb-controls.svelte-5woiwn{gap:8px;display:flex}@keyframes svelte-5woiwn-slideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@media (width<=600px){.lb-split.svelte-5woiwn{grid-template-columns:1fr;height:400px}}.ol-container.svelte-1sbrks2{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:14px;margin:2rem 0;overflow:hidden}.ol-header.svelte-1sbrks2{padding:1.25rem 1.5rem .75rem}.ol-header.svelte-1sbrks2 h3:where(.svelte-1sbrks2){font-family:var(--font-ui);color:var(--color-text-primary);margin:0 0 .3rem;font-size:.95rem;font-weight:700}.ol-header.svelte-1sbrks2 p:where(.svelte-1sbrks2){font-family:var(--font-ui);color:var(--color-text-muted);margin:0;font-size:.78rem}.ol-split.svelte-1sbrks2{background:var(--color-border);border-radius:8px;grid-template-columns:1fr 1fr;gap:2px;height:320px;margin:0 1.5rem;display:grid;overflow:hidden}.ol-code.svelte-1sbrks2{background:var(--color-bg-card);font-family:var(--font-mono);flex-direction:column;justify-content:center;padding:20px 24px;font-size:.82rem;line-height:2.2;display:flex;overflow:hidden}.ol-line.svelte-1sbrks2{opacity:0;cursor:pointer;white-space:pre;border-radius:4px;height:2.2em;padding:2px 6px;transition:opacity .4s}.ol-line.show.svelte-1sbrks2{opacity:1}.ol-line.active.svelte-1sbrks2{background:var(--color-accent-bg)}.ol-line.svelte-1sbrks2:hover{background:var(--color-bg-secondary)}.ol-line.active.svelte-1sbrks2:hover{background:var(--color-accent-bg)}.ol-tok-key.svelte-1sbrks2{color:#0969a8;font-weight:600}.ol-tok-colon.svelte-1sbrks2{color:var(--color-text-muted)}.ol-tok-str.svelte-1sbrks2{color:#1a7f37}.ol-tok-num.svelte-1sbrks2{color:#7c3aed}.ol-tok-bool.svelte-1sbrks2{color:#c45d2c}.ol-tok-dash.svelte-1sbrks2{color:#c45d2c;font-weight:700}.ol-tok-comment.svelte-1sbrks2{color:#999;font-style:italic}.ol-cards.svelte-1sbrks2{background:var(--color-bg-primary);flex-direction:column;gap:10px;padding:20px 24px;display:flex;overflow:hidden}.ol-cards-title.svelte-1sbrks2{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);font-size:.7rem;font-weight:600}.ol-cards-empty.svelte-1sbrks2{font-family:var(--font-ui);color:var(--color-text-muted);font-size:.82rem}.ol-card.svelte-1sbrks2{background:var(--color-bg-card);border:1px solid var(--color-border);border-left:3px solid var(--card-color);border-radius:0 8px 8px 0;padding:12px 16px;animation:.3s forwards svelte-1sbrks2-cardIn}.ol-card-idx.svelte-1sbrks2{font-family:var(--font-mono);color:var(--card-color);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:.68rem;font-weight:600}.ol-card-row.svelte-1sbrks2{font-family:var(--font-mono);gap:8px;font-size:.78rem;line-height:1.8;display:flex}.ol-card-key.svelte-1sbrks2{color:#0969a8;font-weight:600}.ol-card-val.str.svelte-1sbrks2{color:#1a7f37}.ol-card-val.num.svelte-1sbrks2{color:#7c3aed}.ol-card-val.bool.svelte-1sbrks2{color:#c45d2c}.ol-explain.svelte-1sbrks2{font-family:var(--font-ui);color:var(--color-text-secondary);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px;height:80px;margin:.75rem 1.5rem;padding:14px 18px;font-size:.82rem;line-height:1.6;overflow-y:auto}.ol-footer.svelte-1sbrks2{padding:.75rem 1.5rem 1.25rem}.ol-controls.svelte-1sbrks2{gap:8px;display:flex}@keyframes svelte-1sbrks2-cardIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (width<=600px){.ol-split.svelte-1sbrks2{grid-template-columns:1fr;height:550px}}