.converter-panel__section[data-astro-cid-iffe3zsr]{display:flex;flex-direction:column;gap:var(--space-4)}.sidebar-card__text[data-astro-cid-iffe3zsr]{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.hex-input-row[data-astro-cid-iffe3zsr]{display:flex;align-items:center;border:2px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;transition:border-color var(--transition-fast)}.hex-input-row[data-astro-cid-iffe3zsr]:focus-within{border-color:var(--color-primary)}.hex-prefix[data-astro-cid-iffe3zsr]{padding:14px 0 14px 18px;font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-muted);user-select:none}.hex-input[data-astro-cid-iffe3zsr]{flex:1;padding:14px 18px 14px 8px;border:none;outline:none;font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);background:transparent;text-transform:uppercase;letter-spacing:.08em}.hex-presets[data-astro-cid-iffe3zsr]{display:flex;flex-wrap:wrap;gap:var(--space-2)}.hex-preset[data-astro-cid-iffe3zsr]{padding:6px 14px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast);border:none}.hex-preset[data-astro-cid-iffe3zsr]:hover{transform:scale(1.06);opacity:.9}.result-detail[data-astro-cid-iffe3zsr]{display:flex;gap:var(--space-4);margin-block:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary)}.result-detail__item[data-astro-cid-iffe3zsr] strong[data-astro-cid-iffe3zsr]{color:var(--text-primary)}.result-card__sub[data-astro-cid-iffe3zsr]{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-1)}.article-section[data-astro-cid-iffe3zsr]{margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--border)}.article-section[data-astro-cid-iffe3zsr] h2[data-astro-cid-iffe3zsr]{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-iffe3zsr] p[data-astro-cid-iffe3zsr]{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-3)}.article-section[data-astro-cid-iffe3zsr] p[data-astro-cid-iffe3zsr] code[data-astro-cid-iffe3zsr]{background:var(--bg-light);padding:2px 6px;border-radius:var(--radius-sm);font-size:var(--text-sm)}.article-steps[data-astro-cid-iffe3zsr]{display:flex;flex-direction:column;gap:var(--space-3);margin-block:var(--space-4)}.use-cases[data-astro-cid-iffe3zsr]{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin-block:var(--space-5)}.use-case[data-astro-cid-iffe3zsr]{padding:var(--space-5);border-radius:var(--radius-xl);background:var(--bg-light);border:1px solid var(--border)}.use-case__title[data-astro-cid-iffe3zsr]{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-iffe3zsr]{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.info-table[data-astro-cid-iffe3zsr]{margin-block:var(--space-4);overflow-x:auto}.info-table[data-astro-cid-iffe3zsr] table[data-astro-cid-iffe3zsr]{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.info-table[data-astro-cid-iffe3zsr] th[data-astro-cid-iffe3zsr]{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-iffe3zsr] th[data-astro-cid-iffe3zsr]:first-child{border-radius:var(--radius-lg) 0 0 0}.info-table[data-astro-cid-iffe3zsr] th[data-astro-cid-iffe3zsr]:last-child{border-radius:0 var(--radius-lg) 0 0}.info-table[data-astro-cid-iffe3zsr] td[data-astro-cid-iffe3zsr]{padding:10px 16px;border-bottom:1px solid var(--border);color:var(--text-secondary)}.info-table[data-astro-cid-iffe3zsr] tr[data-astro-cid-iffe3zsr]:last-child td[data-astro-cid-iffe3zsr]{border-bottom:none}@media(max-width:768px){.use-cases[data-astro-cid-iffe3zsr]{grid-template-columns:1fr}}.copy-btn-enhanced[data-astro-cid-iffe3zsr]{display:inline-flex;align-items:center;gap:6px;transition:all var(--transition-fast)}.copy-btn-enhanced[data-astro-cid-iffe3zsr].copied{border-color:#10b981!important;color:#10b981!important;background:#10b9810f!important}