.cdvp-variants{display:grid;gap:var(--space-8);margin-top:var(--space-6)}.cdvp-variant h3{font-size:var(--text-caption);font-weight:var(--font-weight-medium);color:var(--color-offblack);margin-bottom:var(--space-2)}.cdvp-swatch{display:flex;align-items:center;justify-content:center;padding:var(--space-6);border:.5px solid transparent;border-radius:var(--radius-lg)}.cdvp-swatch[data-theme=light]{background:var(--color-paper-pure);border-color:var(--color-border)}.cdvp-swatch[data-theme=dark]{background:var(--color-offblack)}.cdvp-swatch img{display:block;max-width:100%;height:auto}.cdvp-code{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);margin-top:var(--space-3)}.cdvp-code-text{width:100%;margin:0;padding:var(--space-3) var(--space-4);background:var(--color-paper-pure);border:.5px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-caption);line-height:1.5;color:var(--color-charcoal);white-space:pre-wrap;word-break:break-all}.cdvp-copy-error{font-size:var(--text-caption);color:var(--color-danger)}.cdvp-download{margin-top:var(--space-3)}.cdvp-linkbox{margin-top:var(--space-8)}.cdvp-linkbox label{display:block;font-size:var(--text-caption);font-weight:var(--font-weight-medium);color:var(--color-offblack);margin-bottom:var(--space-2)}.cdvp-linkbox-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.cdvp-linkbox-url{flex:1 1 16rem;min-width:0;height:var(--btn-height-sm);padding:0 var(--space-3);background:var(--color-paper-pure);border:.5px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-body);color:var(--color-charcoal)}.cdvp-linkbox-url:focus-visible{outline:2px solid var(--color-navy);outline-offset:2px}.cdvp-linkbox-row .cdvp-copy-error{flex-basis:100%}.cdvp-code-alt{margin-top:var(--space-8);border-top:.5px solid var(--color-border);border-bottom:.5px solid var(--color-border)}.cdvp-code-alt summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding:var(--space-4) 0;font-size:var(--text-body);font-weight:var(--font-weight-medium);color:var(--color-offblack)}.cdvp-code-alt summary::-webkit-details-marker{display:none}.cdvp-code-alt summary:after{content:"+";font-size:var(--text-h3);font-weight:var(--font-weight-regular);color:var(--color-stone);line-height:1}.cdvp-code-alt[open] summary:after{content:"–"}.cdvp-code-alt summary:focus-visible{outline:2px solid var(--color-navy);outline-offset:2px}.cdvp-code-alt[open]{padding-bottom:var(--space-6)}.cdvp-code-alt .cdvp-variants{margin-top:var(--space-4)}@media (min-width:744px){.cdvp-variants{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6)}}