.tlb-svgopt__code{font-family:var(--font-mono);min-height:8rem}.tlb-svgopt__options{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-2);flex-direction:column;margin:0;display:flex}.tlb-svgopt__options legend{padding:0 var(--space-2);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}.tlb-svgopt__option{align-items:flex-start;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text);display:flex}.tlb-svgopt__result{gap:var(--space-4);margin-top:var(--space-4);flex-direction:column;display:flex}.tlb-svgopt__sizes{gap:var(--space-4);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-2);background:var(--color-surface-2);flex-wrap:wrap;margin:0;display:flex}.tlb-svgopt__size{gap:var(--space-1);flex-direction:column;min-width:8rem;display:flex}.tlb-svgopt__size dt{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em}.tlb-svgopt__size dd{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);margin:0}.tlb-svgopt__raw{color:var(--color-text-muted);font-size:var(--text-xs)}.tlb-svgopt__external{padding:var(--space-3);border-left:3px solid var(--color-warning);background:var(--color-warning-tint);border-radius:var(--radius-sm)}.tlb-svgopt__external-head{margin:0 0 var(--space-2);font-weight:var(--font-weight-semibold);color:var(--color-text)}.tlb-svgopt__external ul{margin:0 0 var(--space-2);padding-left:var(--space-5)}.tlb-svgopt__external code{font-family:var(--font-mono);font-size:var(--text-xs);word-break:break-all}.tlb-svgopt__previews{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.tlb-svgopt__previews figure{gap:var(--space-2);flex-direction:column;margin:0;display:flex}.tlb-svgopt__preview-img{object-fit:contain;border:1px solid var(--color-border);border-radius:var(--radius-2);background:var(--color-surface-2);background-image:linear-gradient(45deg, var(--color-border) 25%, transparent 25%), linear-gradient(-45deg, var(--color-border) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--color-border) 75%), linear-gradient(-45deg, transparent 75%, var(--color-border) 75%);background-position:0 0,0 7px,7px -7px,-7px 0;background-size:14px 14px;width:100%;height:12rem}.tlb-svgopt__previews figcaption{font-size:var(--text-xs);color:var(--color-text-muted);text-align:center}@media (max-width:44rem){.tlb-svgopt__previews{grid-template-columns:1fr}}