.breadcrumb[data-astro-cid-rrhlqcv6]{padding:var(--space-4) 0;border-bottom:1px solid var(--border-default);background:var(--gray-50)}.breadcrumb__list[data-astro-cid-rrhlqcv6]{list-style:none;display:flex;align-items:center;gap:var(--space-2);margin:0;padding:0;font-size:var(--text-sm)}.breadcrumb__list[data-astro-cid-rrhlqcv6] li[data-astro-cid-rrhlqcv6]+li[data-astro-cid-rrhlqcv6]:before{content:"/";color:var(--gray-400);margin-right:var(--space-2)}.breadcrumb__list[data-astro-cid-rrhlqcv6] a[data-astro-cid-rrhlqcv6]{color:var(--navy);text-decoration:none;font-weight:var(--fw-medium)}.breadcrumb__list[data-astro-cid-rrhlqcv6] a[data-astro-cid-rrhlqcv6]:hover{text-decoration:underline}.breadcrumb__list[data-astro-cid-rrhlqcv6] li[data-astro-cid-rrhlqcv6][aria-current=page]{color:var(--gray-500)}.palette-header[data-astro-cid-rrhlqcv6]{padding:var(--space-12) 0 var(--space-10);background:linear-gradient(135deg,var(--white) 0%,var(--gray-50) 100%);border-bottom:1px solid var(--border-default)}.color-input-row[data-astro-cid-rrhlqcv6]{margin-bottom:var(--space-8)}.form-label[data-astro-cid-rrhlqcv6]{display:block;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--charcoal);margin-bottom:var(--space-2)}.color-input-group[data-astro-cid-rrhlqcv6]{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.color-picker[data-astro-cid-rrhlqcv6]{width:56px;height:48px;border:2px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;padding:2px;background:var(--white)}.color-picker[data-astro-cid-rrhlqcv6]::-webkit-color-swatch-wrapper{padding:0}.color-picker[data-astro-cid-rrhlqcv6]::-webkit-color-swatch{border:none;border-radius:var(--radius-sm)}.color-picker[data-astro-cid-rrhlqcv6]::-moz-color-swatch{border:none;border-radius:var(--radius-sm)}.hex-input-wrap[data-astro-cid-rrhlqcv6]{display:flex;align-items:center;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--white);overflow:hidden}.hex-prefix[data-astro-cid-rrhlqcv6]{padding:0 0 0 var(--space-3);font-family:var(--font-mono);font-size:var(--text-base);font-weight:var(--fw-semibold);color:var(--gray-400);user-select:none}.hex-input[data-astro-cid-rrhlqcv6]{width:120px;height:48px;border:none!important;font-family:var(--font-mono);font-size:var(--text-base);font-weight:var(--fw-semibold);letter-spacing:var(--ls-wide);text-transform:uppercase;padding-left:var(--space-1)!important}.hex-input[data-astro-cid-rrhlqcv6]:focus{box-shadow:none!important;outline:none!important}.hex-input-wrap[data-astro-cid-rrhlqcv6]:focus-within{border-color:var(--yellow);box-shadow:0 0 0 3px var(--yellow-20)}.mode-tabs[data-astro-cid-rrhlqcv6]{display:flex;gap:var(--space-2);margin-bottom:var(--space-8);flex-wrap:wrap}.mode-tab[data-astro-cid-rrhlqcv6]{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--fw-semibold);padding:var(--space-2) var(--space-4);border:1px solid var(--gray-300);border-radius:var(--radius-full);background:var(--white);color:var(--charcoal);cursor:pointer;transition:all var(--transition-fast)}.mode-tab[data-astro-cid-rrhlqcv6]:hover,.mode-tab[data-astro-cid-rrhlqcv6].active{border-color:var(--navy);background:var(--navy);color:var(--white)}.palette-grid[data-astro-cid-rrhlqcv6]{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-4);margin-bottom:var(--space-10)}@media(max-width:768px){.palette-grid[data-astro-cid-rrhlqcv6]{grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.palette-grid[data-astro-cid-rrhlqcv6]{grid-template-columns:repeat(2,1fr)}}.swatch[data-astro-cid-rrhlqcv6]{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-default);background:var(--white);transition:transform var(--transition-fast),box-shadow var(--transition-fast);cursor:pointer}.swatch[data-astro-cid-rrhlqcv6]:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.swatch__color[data-astro-cid-rrhlqcv6]{width:100%;aspect-ratio:1;position:relative}.swatch__badge[data-astro-cid-rrhlqcv6]{position:absolute;top:var(--space-2);left:var(--space-2);font-size:var(--text-xs);font-weight:var(--fw-semibold);padding:2px var(--space-2);border-radius:var(--radius-sm);background:#00000059;color:#fff;backdrop-filter:blur(4px)}.swatch__copied[data-astro-cid-rrhlqcv6]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000073;color:#fff;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--fw-bold);opacity:0;transition:opacity var(--transition-fast);pointer-events:none;backdrop-filter:blur(2px)}.swatch__copied[data-astro-cid-rrhlqcv6].show{opacity:1}.swatch__info[data-astro-cid-rrhlqcv6]{padding:var(--space-3)}.swatch__hex[data-astro-cid-rrhlqcv6]{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--charcoal);text-transform:uppercase}.swatch__rgb[data-astro-cid-rrhlqcv6]{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--gray-400);margin-top:2px}.code-outputs[data-astro-cid-rrhlqcv6]{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin-bottom:var(--space-8)}@media(max-width:768px){.code-outputs[data-astro-cid-rrhlqcv6]{grid-template-columns:1fr}}.code-block[data-astro-cid-rrhlqcv6]{border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;background:var(--white)}.code-block__header[data-astro-cid-rrhlqcv6]{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--gray-50);border-bottom:1px solid var(--border-default)}.code-block__title[data-astro-cid-rrhlqcv6]{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--fw-bold);color:var(--charcoal)}.code-block__pre[data-astro-cid-rrhlqcv6]{margin:0;padding:var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--lh-relaxed);overflow-x:auto;white-space:pre;color:var(--charcoal);background:var(--white);max-height:280px}.export-row[data-astro-cid-rrhlqcv6]{display:flex;gap:var(--space-3);margin-bottom:var(--space-10);flex-wrap:wrap}.export-row[data-astro-cid-rrhlqcv6] .ds-btn[data-astro-cid-rrhlqcv6]{display:inline-flex;align-items:center;gap:var(--space-2)}.copy-code-btn[data-astro-cid-rrhlqcv6]{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs)}.copy-code-btn[data-astro-cid-rrhlqcv6].copied{background:var(--success);color:var(--white);border-color:var(--success)}.cta-block[data-astro-cid-rrhlqcv6]{display:flex;align-items:center;justify-content:space-between;padding:var(--space-8);gap:var(--space-6)}@media(max-width:640px){.cta-block[data-astro-cid-rrhlqcv6]{flex-direction:column;text-align:center}}