.live-diff:where(.astro-7q6bwhv6){margin-block:clamp(1.25rem,2vw,2.5rem)}.ld-intro:where(.astro-7q6bwhv6){text-align:left;max-width:56rem;margin-bottom:clamp(1rem,2vw,1.75rem)}.ld-eyebrow:where(.astro-7q6bwhv6){font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-asciichem-accent);margin:0 0 .5rem;font-size:.75rem}.ld-intro:where(.astro-7q6bwhv6) h2:where(.astro-7q6bwhv6){margin:0 0 .5rem;line-height:1.1}.ld-sub:where(.astro-7q6bwhv6){color:var(--color-asciichem-ink);opacity:.78;margin:0}.ld-input:where(.astro-7q6bwhv6){margin-bottom:clamp(.75rem,1.5vw,1.25rem)}.ld-input:where(.astro-7q6bwhv6) label:where(.astro-7q6bwhv6){font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-asciichem-ink);opacity:.65;margin-bottom:.375rem;font-size:.7rem;display:block}.live-diff:where(.astro-7q6bwhv6) textarea:where(.astro-7q6bwhv6){width:100%;min-height:4.5rem;font-family:var(--font-mono);border:1px solid var(--color-asciichem-accent-dark);background:var(--color-asciichem-accent-soft);color:var(--color-asciichem-ink);resize:vertical;border-radius:.5rem;padding:.625rem .75rem;font-size:1rem;line-height:1.5}.ld-panes:where(.astro-7q6bwhv6){grid-template-columns:repeat(3,minmax(0,1fr));gap:.625rem;display:grid}@media (width<=56rem){.ld-panes:where(.astro-7q6bwhv6){grid-template-columns:1fr}}.ld-pane:where(.astro-7q6bwhv6){border:1px solid var(--color-asciichem-accent-dark);background:var(--color-asciichem-accent-soft);border-radius:.5rem;flex-direction:column;display:flex;overflow:hidden}.ld-pane:where(.astro-7q6bwhv6).is-primary{border-color:var(--color-asciichem-blue);box-shadow:0 0 0 1px var(--color-asciichem-blue)}.ld-pane:where(.astro-7q6bwhv6).is-here{border-color:var(--color-asciichem-ink);box-shadow:0 0 0 1px var(--color-asciichem-ink);background:var(--color-asciichem-accent-soft)}.ld-here:where(.astro-7q6bwhv6){font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-asciichem-ink);background:var(--color-asciichem-blue-soft);border:1px solid var(--color-asciichem-blue);border-radius:999px;margin-left:.4rem;padding:.05rem .4rem;font-size:.6rem}.ld-pane-head:where(.astro-7q6bwhv6){border-bottom:1px solid var(--color-asciichem-accent-dark);background:var(--color-asciichem-accent-soft);justify-content:space-between;align-items:baseline;gap:.5rem;padding:.5rem .75rem .4rem;display:flex}.ld-pane-name:where(.astro-7q6bwhv6){font-family:var(--font-serif);color:var(--color-asciichem-ink);align-items:baseline;gap:.4rem;font-size:1.125rem;font-weight:700;display:flex}.ld-flag:where(.astro-7q6bwhv6){color:var(--color-asciichem-accent);font-weight:700}.ld-pane-pkg:where(.astro-7q6bwhv6){font-family:var(--font-mono);color:var(--color-asciichem-blue);background:0 0;padding:0;font-size:.72rem}.ld-pane-out:where(.astro-7q6bwhv6){min-height:5.5rem;max-height:14rem;font-family:var(--font-mono);color:var(--color-asciichem-ink);white-space:pre-wrap;word-break:break-word;background:0 0;flex:1;margin:0;padding:.625rem .75rem;font-size:.85rem;line-height:1.45;overflow:auto}.ld-pane-foot:where(.astro-7q6bwhv6){border-top:1px solid var(--color-asciichem-accent-dark);background:var(--color-asciichem-accent-soft);justify-content:space-between;align-items:center;gap:.5rem;padding:.4rem .75rem .5rem;display:flex}.ld-pane-install:where(.astro-7q6bwhv6){font-family:var(--font-mono);color:var(--color-asciichem-blue);background:0 0;padding:0;font-size:.72rem}.ld-pane-note:where(.astro-7q6bwhv6){font-family:var(--font-mono);letter-spacing:.04em;color:var(--color-asciichem-ink);opacity:.6;font-size:.7rem}.live-diff:where(.astro-7q6bwhv6).compact .ld-input:where(.astro-7q6bwhv6){margin-bottom:.625rem}.live-diff:where(.astro-7q6bwhv6).compact textarea:where(.astro-7q6bwhv6){min-height:3rem;font-size:.9rem}.live-diff:where(.astro-7q6bwhv6).compact .ld-intro:where(.astro-7q6bwhv6){margin-bottom:.625rem}.live-diff:where(.astro-7q6bwhv6).compact .ld-pane-out:where(.astro-7q6bwhv6){min-height:3.5rem;max-height:9rem;font-size:.78rem}[data-theme=dark] .live-diff:where(.astro-7q6bwhv6) textarea:where(.astro-7q6bwhv6),[data-theme=dark] .ld-pane:where(.astro-7q6bwhv6){background:var(--color-asciichem-gold-dark)}[data-theme=dark] .live-diff:where(.astro-7q6bwhv6) .ld-pane-head:where(.astro-7q6bwhv6),[data-theme=dark] .live-diff:where(.astro-7q6bwhv6) .ld-pane-foot:where(.astro-7q6bwhv6){border-color:var(--color-asciichem-accent-dark)}
