.converter-panel__header[data-astro-cid-zltnr7lx]{display:flex;align-items:center;justify-content:space-between}.converter-panel__reset[data-astro-cid-zltnr7lx]{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-muted);background:transparent;border:1px solid var(--border);cursor:pointer;transition:all var(--transition-fast)}.converter-panel__reset[data-astro-cid-zltnr7lx]:hover{color:var(--color-primary);border-color:var(--color-primary)}.slider-group[data-astro-cid-zltnr7lx],.converter-panel__section[data-astro-cid-zltnr7lx]{display:flex;flex-direction:column;gap:var(--space-4)}.color-slider[data-astro-cid-zltnr7lx]{display:flex;align-items:center;gap:var(--space-3);width:100%}.color-slider__label[data-astro-cid-zltnr7lx]{font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-bold);width:20px;flex-shrink:0;text-align:center}.color-slider__track-wrapper[data-astro-cid-zltnr7lx]{flex:1;position:relative;height:28px;display:flex;align-items:center}.color-slider__track[data-astro-cid-zltnr7lx]{width:100%;height:8px;border-radius:4px;background:#e8e8e8;position:relative;overflow:hidden}.color-slider__fill[data-astro-cid-zltnr7lx]{height:100%;border-radius:4px;position:absolute;top:0;left:0;transition:width .05s ease-out}.color-slider__range[data-astro-cid-zltnr7lx]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2;-webkit-appearance:none;appearance:none}.color-slider__number[data-astro-cid-zltnr7lx]{width:52px;padding:4px 6px;border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-semibold);text-align:center;color:var(--text-primary);background:var(--bg-white);transition:border-color var(--transition-fast);-moz-appearance:textfield}.color-slider__number[data-astro-cid-zltnr7lx]::-webkit-inner-spin-button,.color-slider__number[data-astro-cid-zltnr7lx]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.color-slider__number[data-astro-cid-zltnr7lx]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #6c5ce71a}.color-slider__unit[data-astro-cid-zltnr7lx]{font-size:var(--text-xs);color:var(--text-muted);flex-shrink:0}.hex-input-section[data-astro-cid-zltnr7lx]{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border)}.hex-input__label[data-astro-cid-zltnr7lx]{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);margin-bottom:var(--space-2)}.hex-input__row[data-astro-cid-zltnr7lx]{display:flex;align-items:center;gap:0}.hex-input__hash[data-astro-cid-zltnr7lx]{padding:8px 10px;background:var(--bg-light);border:1px solid var(--border);border-right:none;border-radius:var(--radius-md) 0 0 var(--radius-md);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-bold);color:var(--text-muted)}.hex-input__field[data-astro-cid-zltnr7lx]{flex:1;padding:8px 12px;border:1px solid var(--border);border-right:none;font-family:SF Mono,Fira Code,monospace;font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);background:var(--bg-white);text-transform:uppercase;letter-spacing:2px}.hex-input__field[data-astro-cid-zltnr7lx]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #6c5ce71a}.hex-input__field[data-astro-cid-zltnr7lx]::placeholder{color:var(--text-muted);opacity:.5}.hex-input__apply[data-astro-cid-zltnr7lx]{padding:8px 16px;white-space:nowrap;background:var(--color-primary);color:#fff;border:1px solid var(--color-primary);border-radius:0 var(--radius-md) var(--radius-md) 0;font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast)}.hex-input__apply[data-astro-cid-zltnr7lx]:hover{background:var(--color-primary-dark, #5b4dd4)}.copy-btn-enhanced[data-astro-cid-zltnr7lx]{display:inline-flex;align-items:center;gap:6px;transition:all var(--transition-fast)}.copy-btn-enhanced[data-astro-cid-zltnr7lx].copied{border-color:#10b981!important;color:#10b981!important;background:#10b9810f!important}.reverse-link[data-astro-cid-zltnr7lx]{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);padding:8px 16px;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);text-decoration:none;border:1px solid var(--border);background:var(--bg-light);transition:all var(--transition-fast)}.reverse-link[data-astro-cid-zltnr7lx]:hover{color:var(--color-primary);border-color:var(--color-primary)}.result-card__sub[data-astro-cid-zltnr7lx]{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-1)}.sidebar-card__text[data-astro-cid-zltnr7lx]{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.sidebar-card__text[data-astro-cid-zltnr7lx] code[data-astro-cid-zltnr7lx]{background:var(--bg-light);padding:2px 6px;border-radius:var(--radius-sm);font-size:var(--text-xs)}.article-section[data-astro-cid-zltnr7lx]{margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--border)}.article-section[data-astro-cid-zltnr7lx] h2[data-astro-cid-zltnr7lx]{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-4)}.article-section[data-astro-cid-zltnr7lx] p[data-astro-cid-zltnr7lx]{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-3)}.article-section[data-astro-cid-zltnr7lx] p[data-astro-cid-zltnr7lx] code[data-astro-cid-zltnr7lx]{background:var(--bg-light);padding:2px 6px;border-radius:var(--radius-sm);font-size:var(--text-sm)}.article-steps[data-astro-cid-zltnr7lx]{display:flex;flex-direction:column;gap:var(--space-3);margin-block:var(--space-4)}.article-list[data-astro-cid-zltnr7lx]{list-style:disc;padding-left:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);margin-block:var(--space-4)}.article-list[data-astro-cid-zltnr7lx] li[data-astro-cid-zltnr7lx]{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed)}.article-list[data-astro-cid-zltnr7lx] li[data-astro-cid-zltnr7lx] code[data-astro-cid-zltnr7lx]{background:var(--bg-light);padding:2px 6px;border-radius:var(--radius-sm);font-size:var(--text-sm)}.use-cases[data-astro-cid-zltnr7lx]{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin-block:var(--space-5)}.use-case[data-astro-cid-zltnr7lx]{padding:var(--space-5);border-radius:var(--radius-xl);background:var(--bg-light);border:1px solid var(--border)}.use-case__title[data-astro-cid-zltnr7lx]{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-2)}.use-case__text[data-astro-cid-zltnr7lx]{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.info-table[data-astro-cid-zltnr7lx]{margin-block:var(--space-4);overflow-x:auto}.info-table[data-astro-cid-zltnr7lx] table[data-astro-cid-zltnr7lx]{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.info-table[data-astro-cid-zltnr7lx] th[data-astro-cid-zltnr7lx]{padding:12px 16px;text-align:left;background:var(--bg-dark);color:var(--text-white);font-weight:var(--font-semibold);font-size:var(--text-xs)}.info-table[data-astro-cid-zltnr7lx] th[data-astro-cid-zltnr7lx]:first-child{border-radius:var(--radius-lg) 0 0 0}.info-table[data-astro-cid-zltnr7lx] th[data-astro-cid-zltnr7lx]:last-child{border-radius:0 var(--radius-lg) 0 0}.info-table[data-astro-cid-zltnr7lx] td[data-astro-cid-zltnr7lx]{padding:10px 16px;border-bottom:1px solid var(--border);color:var(--text-secondary)}.info-table[data-astro-cid-zltnr7lx] tr[data-astro-cid-zltnr7lx]:last-child td[data-astro-cid-zltnr7lx]{border-bottom:none}.callout[data-astro-cid-zltnr7lx]{padding:var(--space-5);border-radius:var(--radius-xl);background:#6c5ce70f;border-left:none;margin-block:var(--space-4)}.callout[data-astro-cid-zltnr7lx] p[data-astro-cid-zltnr7lx]{color:var(--text-primary);font-size:var(--text-base);line-height:var(--leading-relaxed);margin:0}@media(max-width:768px){.use-cases[data-astro-cid-zltnr7lx]{grid-template-columns:1fr}.hex-input__row[data-astro-cid-zltnr7lx]{flex-wrap:wrap}.hex-input__apply[data-astro-cid-zltnr7lx]{border-radius:var(--radius-md);margin-top:var(--space-2);border-left:1px solid var(--color-primary);width:100%}.hex-input__field[data-astro-cid-zltnr7lx]{border-right:1px solid var(--border);border-radius:0 var(--radius-md) var(--radius-md) 0}.color-slider__number[data-astro-cid-zltnr7lx]{width:44px;padding:3px 4px;font-size:var(--text-xs)}}