.paint-detail-swatch{border:1px solid var(--outline-variant,#00000014);border-radius:20px;justify-content:center;align-items:flex-end;min-height:320px;padding:1.5rem;display:flex;box-shadow:0 10px 30px #0000001f}.paint-detail-swatch-hex{letter-spacing:.06em;font-variant-numeric:tabular-nums;font-size:1.4rem;font-weight:700}.paint-detail-title{color:var(--on-surface,#191c1d);font-size:clamp(1.9rem,4vw,2.8rem);font-weight:800;line-height:1.15}.paint-format-grid{flex-direction:column;gap:.6rem;max-width:480px;display:flex}.paint-format-row{background:var(--surface-container-low,#f3f4f5);border:1px solid var(--outline-variant,#c5c5d9);border-radius:12px;align-items:center;gap:.75rem;padding:.55rem .9rem;display:flex}.paint-format-label{letter-spacing:.08em;text-transform:uppercase;color:var(--on-surface-variant,#444556);min-width:34px;font-size:.72rem;font-weight:700}.paint-format-value{color:var(--on-surface,#191c1d);overflow-wrap:anywhere;background:0 0;flex:1;font-size:.92rem}.copy-pill{border:1px solid var(--outline,#757688);color:var(--on-surface,#191c1d);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;align-items:center;gap:.35rem;padding:.3rem .75rem;font-size:.78rem;font-weight:600;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.copy-pill .material-symbols-outlined{font-size:16px}.copy-pill:hover{border-color:var(--primary,#1b31e7);color:var(--primary,#1b31e7)}.copy-pill.copied{background:var(--primary,#1b31e7);border-color:var(--primary,#1b31e7);color:#fff}.paint-detail-miniheading{letter-spacing:.06em;text-transform:uppercase;color:var(--primary,#1b31e7);font-size:.8rem;font-weight:700}.paint-pair-row{flex-wrap:wrap;gap:.75rem;display:flex}.paint-pair-item{flex:140px}.paint-pair-link{display:block}.paint-pair-swatch{border:1px solid var(--outline-variant,#00000014);border-radius:14px;flex-direction:column;justify-content:flex-end;gap:.2rem;min-height:92px;padding:1rem 1.1rem;transition:transform .15s,box-shadow .15s;display:flex}.paint-pair-link:hover .paint-pair-swatch{transform:translateY(-3px);box-shadow:0 8px 20px #00000026}.paint-pair-name{font-size:.92rem;font-weight:700;line-height:1.2}.paint-pair-hex{opacity:.85;font-variant-numeric:tabular-nums;font-size:.78rem}@media (max-width:575.98px){.paint-detail-swatch{min-height:200px}}