.hd-tool[data-astro-cid-pjchopbr]{display:flex;flex-direction:column;gap:1rem}.hd-tabs[data-astro-cid-pjchopbr]{display:flex;gap:.25rem;border-bottom:2px solid var(--color-border, #e5e7eb);padding-bottom:0;margin-bottom:.75rem}.hd-tab[data-astro-cid-pjchopbr]{padding:.5rem 1rem;font-size:.875rem;font-weight:600;color:var(--color-text-muted, #6b7280);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;transition:color .15s ease,border-color .15s ease;min-height:44px;border-radius:var(--radius-sm, 4px) var(--radius-sm, 4px) 0 0}.hd-tab[data-astro-cid-pjchopbr]:hover{color:var(--color-primary, #4f46e5)}.hd-tab[data-astro-cid-pjchopbr].is-active{color:var(--color-primary, #4f46e5);border-bottom-color:var(--color-primary, #4f46e5);background:var(--color-primary-pale, #eef2ff)}.hd-presets[data-astro-cid-pjchopbr]{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem;margin-bottom:.875rem}.hd-presets-label[data-astro-cid-pjchopbr]{font-size:.75rem;font-weight:600;color:var(--color-text-muted, #6b7280);white-space:nowrap}.hd-preset-btn[data-astro-cid-pjchopbr]{padding:.25rem .625rem;font-size:.75rem;font-weight:700;font-family:var(--font-mono, monospace);color:var(--color-primary, #4f46e5);background:var(--color-primary-pale, #eef2ff);border:1px solid var(--color-primary, #4f46e5);border-radius:var(--radius-sm, 4px);cursor:pointer;min-height:30px;transition:background .12s ease,transform .1s ease}.hd-preset-btn[data-astro-cid-pjchopbr]:hover{background:var(--color-primary, #4f46e5);color:#fff}.hd-preset-btn[data-astro-cid-pjchopbr]:active{transform:scale(.96)}.hd-input-area[data-astro-cid-pjchopbr]{margin-bottom:.875rem}.hd-input-label[data-astro-cid-pjchopbr]{display:block;font-size:.8125rem;font-weight:600;color:var(--color-text, #1f2937);margin-bottom:.375rem}.hd-input-row[data-astro-cid-pjchopbr]{display:flex;gap:.5rem;align-items:stretch}.hd-base-select[data-astro-cid-pjchopbr]{flex-shrink:0;padding:.5rem .625rem;font-size:.8125rem;font-weight:600;color:var(--color-text, #1f2937);background:var(--color-bg-soft, #f9fafb);border:1.5px solid var(--color-border, #e5e7eb);border-radius:var(--radius-md, 8px);cursor:pointer;min-height:44px;appearance:auto}.hd-base-select[data-astro-cid-pjchopbr]:focus-visible{outline:2px solid var(--color-primary, #4f46e5);outline-offset:2px}.hd-main-input[data-astro-cid-pjchopbr]{flex:1;min-width:0;padding:.5rem .75rem;font-size:max(16px,1rem);font-family:var(--font-mono, monospace);font-weight:600;color:var(--color-text, #1f2937);background:var(--color-bg, #fff);border:1.5px solid var(--color-border, #e5e7eb);border-radius:var(--radius-md, 8px);min-height:44px;transition:border-color .15s ease;letter-spacing:.02em}.hd-main-input[data-astro-cid-pjchopbr]:focus-visible{outline:none;border-color:var(--color-primary, #4f46e5);box-shadow:0 0 0 3px #4f46e51f}.hd-main-input[data-astro-cid-pjchopbr].is-error{border-color:var(--color-error, #dc2626)}.hd-clear-btn[data-astro-cid-pjchopbr]{flex-shrink:0;width:44px;min-height:44px;font-size:1.125rem;color:var(--color-text-muted, #6b7280);background:var(--color-bg-soft, #f9fafb);border:1.5px solid var(--color-border, #e5e7eb);border-radius:var(--radius-md, 8px);cursor:pointer;transition:color .12s ease,background .12s ease}.hd-clear-btn[data-astro-cid-pjchopbr]:hover{color:var(--color-error, #dc2626);background:#fef2f2}.hd-input-hint[data-astro-cid-pjchopbr]{min-height:1.25rem;font-size:.75rem;color:var(--color-error, #dc2626);margin:.25rem 0 0;line-height:1.4}.hd-results-grid[data-astro-cid-pjchopbr]{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:.875rem}@media(min-width:520px){.hd-results-grid[data-astro-cid-pjchopbr]{grid-template-columns:repeat(4,1fr)}}.hd-result-card[data-astro-cid-pjchopbr]{background:var(--color-bg-soft, #f9fafb);border:1.5px solid var(--color-border, #e5e7eb);border-radius:var(--radius-md, 8px);padding:.625rem .75rem;display:flex;flex-direction:column;gap:.3rem;transition:border-color .15s ease,box-shadow .15s ease}.hd-result-card[data-astro-cid-pjchopbr]:hover{border-color:var(--color-primary, #4f46e5);box-shadow:0 2px 8px #4f46e514}.hd-card-hex[data-astro-cid-pjchopbr]{border-top:3px solid #4f46e5}.hd-card-dec[data-astro-cid-pjchopbr]{border-top:3px solid #059669}.hd-card-bin[data-astro-cid-pjchopbr]{border-top:3px solid #ea580c}.hd-card-oct[data-astro-cid-pjchopbr]{border-top:3px solid #ca8a04}.hd-result-header[data-astro-cid-pjchopbr]{display:flex;justify-content:space-between;align-items:baseline;gap:.25rem}.hd-result-label[data-astro-cid-pjchopbr]{font-size:.75rem;font-weight:700;color:var(--color-text, #1f2937)}.hd-result-sublabel[data-astro-cid-pjchopbr]{font-size:.625rem;font-weight:500;color:var(--color-text-muted, #6b7280);white-space:nowrap}.hd-result-value-row[data-astro-cid-pjchopbr]{display:flex;align-items:center;gap:.375rem;justify-content:space-between}.hd-result-value[data-astro-cid-pjchopbr]{font-size:1.0625rem;font-weight:800;color:var(--color-text, #1f2937);word-break:break-all;line-height:1.2;flex:1;min-width:0;letter-spacing:.01em}.hd-result-value--mono[data-astro-cid-pjchopbr]{font-family:var(--font-mono, monospace);font-size:.875rem;letter-spacing:.04em}.hd-result-sub[data-astro-cid-pjchopbr]{font-size:.6875rem;color:var(--color-text-muted, #6b7280);font-family:var(--font-mono, monospace);line-height:1.3;min-height:1em}.hd-copy-btn[data-astro-cid-pjchopbr]{flex-shrink:0;padding:.2rem .4rem;font-size:.6875rem;font-weight:600;color:var(--color-primary, #4f46e5);background:var(--color-primary-pale, #eef2ff);border:1px solid transparent;border-radius:var(--radius-sm, 4px);cursor:pointer;min-height:24px;white-space:nowrap;transition:background .12s ease,color .12s ease}.hd-copy-btn[data-astro-cid-pjchopbr]:hover{background:var(--color-primary, #4f46e5);color:#fff}.hd-copy-btn[data-astro-cid-pjchopbr].is-copied{background:var(--color-success, #16a34a);color:#fff}.hd-bit-panel[data-astro-cid-pjchopbr]{background:var(--color-bg-soft, #f9fafb);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-md, 8px);padding:.75rem}.hd-bit-panel-title[data-astro-cid-pjchopbr]{font-size:.75rem;font-weight:700;color:var(--color-text-muted, #6b7280);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.hd-bit-grid[data-astro-cid-pjchopbr]{display:grid;grid-template-columns:repeat(2,1fr);gap:.375rem}@media(min-width:480px){.hd-bit-grid[data-astro-cid-pjchopbr]{grid-template-columns:repeat(4,1fr)}}.hd-bit-item[data-astro-cid-pjchopbr]{display:flex;flex-direction:column;gap:.125rem;padding:.5rem;background:var(--color-bg, #fff);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-sm, 4px);text-align:center;transition:border-color .15s ease}.hd-bit-label[data-astro-cid-pjchopbr]{font-size:.75rem;font-weight:700;color:var(--color-text, #1f2937)}.hd-bit-range[data-astro-cid-pjchopbr]{font-size:.5625rem;color:var(--color-text-muted, #6b7280);line-height:1.3}.hd-bit-status[data-astro-cid-pjchopbr]{font-size:.75rem;font-weight:700;color:var(--color-text-muted, #6b7280);min-height:1.1em}.hd-bit-item[data-astro-cid-pjchopbr].is-ok{border-color:var(--color-success, #16a34a);background:#f0fdf4}.hd-bit-item[data-astro-cid-pjchopbr].is-ok .hd-bit-status[data-astro-cid-pjchopbr]{color:var(--color-success, #16a34a)}.hd-bit-item[data-astro-cid-pjchopbr].is-over{border-color:var(--color-error, #dc2626);background:#fef2f2}.hd-bit-item[data-astro-cid-pjchopbr].is-over .hd-bit-status[data-astro-cid-pjchopbr]{color:var(--color-error, #dc2626)}.hd-batch-controls[data-astro-cid-pjchopbr]{display:flex;flex-direction:column;gap:.625rem;margin-bottom:.875rem}.hd-batch-input-row[data-astro-cid-pjchopbr]{display:flex;align-items:center;gap:.5rem}.hd-batch-textarea[data-astro-cid-pjchopbr]{width:100%;padding:.625rem .75rem;font-size:max(16px,1rem);font-family:var(--font-mono, monospace);color:var(--color-text, #1f2937);background:var(--color-bg, #fff);border:1.5px solid var(--color-border, #e5e7eb);border-radius:var(--radius-md, 8px);resize:vertical;min-height:72px;transition:border-color .15s ease;line-height:1.6}.hd-batch-textarea[data-astro-cid-pjchopbr]:focus-visible{outline:none;border-color:var(--color-primary, #4f46e5);box-shadow:0 0 0 3px #4f46e51f}.hd-batch-actions[data-astro-cid-pjchopbr]{display:flex;gap:.5rem;flex-wrap:wrap}.hd-batch-convert-btn[data-astro-cid-pjchopbr]{padding:.5rem 1.25rem;font-size:.875rem;font-weight:700;color:#fff;background:var(--color-primary, #4f46e5);border:none;border-radius:var(--radius-md, 8px);cursor:pointer;min-height:44px;transition:background .15s ease,transform .1s ease}.hd-batch-convert-btn[data-astro-cid-pjchopbr]:hover{background:var(--color-primary-hover, #4338ca)}.hd-batch-convert-btn[data-astro-cid-pjchopbr]:active{transform:scale(.97)}.hd-batch-clear-btn[data-astro-cid-pjchopbr]{padding:.5rem 1rem;font-size:.875rem;font-weight:600;color:var(--color-text-muted, #6b7280);background:var(--color-bg-soft, #f9fafb);border:1.5px solid var(--color-border, #e5e7eb);border-radius:var(--radius-md, 8px);cursor:pointer;min-height:44px;transition:color .15s ease,border-color .15s ease}.hd-batch-clear-btn[data-astro-cid-pjchopbr]:hover{color:var(--color-error, #dc2626);border-color:var(--color-error, #dc2626)}.hd-batch-result[data-astro-cid-pjchopbr]{margin-top:.5rem}.hd-batch-result-actions[data-astro-cid-pjchopbr]{display:flex;justify-content:flex-end;margin-bottom:.5rem}.hd-batch-csv-btn[data-astro-cid-pjchopbr]{padding:.375rem .875rem;font-size:.8125rem;font-weight:600;color:var(--color-primary, #4f46e5);background:var(--color-primary-pale, #eef2ff);border:1px solid var(--color-primary, #4f46e5);border-radius:var(--radius-sm, 4px);cursor:pointer;min-height:36px;transition:background .12s ease,color .12s ease}.hd-batch-csv-btn[data-astro-cid-pjchopbr]:hover{background:var(--color-primary, #4f46e5);color:#fff}.hd-batch-table-wrap[data-astro-cid-pjchopbr]{overflow-x:auto;border-radius:var(--radius-md, 8px)}.hd-batch-table[data-astro-cid-pjchopbr]{width:100%;border-collapse:collapse;font-size:.8125rem;font-family:var(--font-mono, monospace)}.hd-batch-table[data-astro-cid-pjchopbr] th[data-astro-cid-pjchopbr]{padding:.5rem .75rem;background:var(--color-primary-pale, #eef2ff);color:var(--color-primary, #4f46e5);font-weight:700;text-align:left;border-bottom:2px solid var(--color-primary, #4f46e5);white-space:nowrap}.hd-batch-table[data-astro-cid-pjchopbr] td[data-astro-cid-pjchopbr]{padding:.4375rem .75rem;border-bottom:1px solid var(--color-border, #e5e7eb);color:var(--color-text, #1f2937);vertical-align:middle}.hd-batch-table[data-astro-cid-pjchopbr] tr[data-astro-cid-pjchopbr]:last-child td[data-astro-cid-pjchopbr]{border-bottom:none}.hd-batch-table[data-astro-cid-pjchopbr] tr[data-astro-cid-pjchopbr]:nth-child(2n) td[data-astro-cid-pjchopbr]{background:var(--color-bg-soft, #f9fafb)}.hd-batch-error[data-astro-cid-pjchopbr]{color:var(--color-error, #dc2626)}.hd-guide-list[data-astro-cid-pjchopbr]{display:flex;flex-direction:column;gap:1rem}.hd-guide-item[data-astro-cid-pjchopbr]{padding:.75rem;background:var(--color-bg-soft, #f9fafb);border-radius:var(--radius-md, 8px);border-left:3px solid var(--color-primary, #4f46e5)}.hd-guide-title[data-astro-cid-pjchopbr]{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:700;color:var(--color-text, #1f2937);margin-bottom:.375rem}.hd-guide-badge[data-astro-cid-pjchopbr]{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0;background:var(--color-primary, #4f46e5);color:#fff;font-size:.75rem;font-weight:800;border-radius:50%}.hd-comparison-table-wrap[data-astro-cid-pjchopbr]{overflow-x:auto;border-radius:var(--radius-md, 8px)}.hd-comparison-table[data-astro-cid-pjchopbr]{width:100%;border-collapse:collapse;font-size:.8125rem}.hd-comparison-table[data-astro-cid-pjchopbr] th[data-astro-cid-pjchopbr]{padding:.5rem .75rem;background:var(--color-bg-soft, #f9fafb);font-weight:700;text-align:left;border-bottom:2px solid var(--color-border, #e5e7eb)}.hd-comparison-table[data-astro-cid-pjchopbr] td[data-astro-cid-pjchopbr]{padding:.4375rem .75rem;border-bottom:1px solid var(--color-border, #e5e7eb);vertical-align:middle;line-height:1.4}.hd-comparison-table[data-astro-cid-pjchopbr] tr[data-astro-cid-pjchopbr]:last-child td[data-astro-cid-pjchopbr]{border-bottom:none}.hd-comparison-table[data-astro-cid-pjchopbr] .hd-our-col[data-astro-cid-pjchopbr]{background:#f0fdf4;font-weight:600}.hd-comparison-table[data-astro-cid-pjchopbr] .hd-our-col[data-astro-cid-pjchopbr] strong[data-astro-cid-pjchopbr]{color:var(--color-success, #16a34a)}.hd-basics[data-astro-cid-pjchopbr]{display:flex;flex-direction:column;gap:1rem}.hd-basics-h3[data-astro-cid-pjchopbr]{font-size:.9rem;font-weight:700;color:var(--color-text, #1f2937);margin-bottom:.375rem;margin-top:.25rem}.hd-base-cards[data-astro-cid-pjchopbr]{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}@media(min-width:600px){.hd-base-cards[data-astro-cid-pjchopbr]{grid-template-columns:repeat(4,1fr)}}.hd-base-card[data-astro-cid-pjchopbr]{border-radius:var(--radius-md, 8px);overflow:hidden;border:1px solid var(--color-border, #e5e7eb);font-size:.8rem}.hd-base-card-head[data-astro-cid-pjchopbr]{padding:.375rem .625rem;font-weight:800;font-size:.875rem;color:#fff}.hd-base-dec[data-astro-cid-pjchopbr]{background:#059669}.hd-base-bin[data-astro-cid-pjchopbr]{background:#ea580c}.hd-base-oct[data-astro-cid-pjchopbr]{background:#ca8a04}.hd-base-hex[data-astro-cid-pjchopbr]{background:#4f46e5}.hd-base-card-body[data-astro-cid-pjchopbr]{padding:.5rem .625rem;display:flex;flex-direction:column;gap:.125rem;color:var(--color-text, #1f2937)}.hd-base-card-body[data-astro-cid-pjchopbr] code[data-astro-cid-pjchopbr]{font-weight:700}.hd-conv-table-wrap[data-astro-cid-pjchopbr]{overflow-x:auto;border-radius:var(--radius-md, 8px);border:1px solid var(--color-border, #e5e7eb)}.hd-conv-table[data-astro-cid-pjchopbr]{width:100%;border-collapse:collapse;font-size:.8125rem;font-family:var(--font-mono, monospace)}.hd-conv-table[data-astro-cid-pjchopbr] th[data-astro-cid-pjchopbr]{padding:.4375rem .75rem;background:var(--color-primary-pale, #eef2ff);color:var(--color-primary, #4f46e5);font-weight:700;text-align:center;border-bottom:2px solid var(--color-primary, #4f46e5)}.hd-conv-table[data-astro-cid-pjchopbr] td[data-astro-cid-pjchopbr]{padding:.3125rem .75rem;text-align:center;border-bottom:1px solid var(--color-border, #e5e7eb)}.hd-conv-table[data-astro-cid-pjchopbr] tr[data-astro-cid-pjchopbr]:last-child td[data-astro-cid-pjchopbr]{border-bottom:none}.hd-conv-table[data-astro-cid-pjchopbr] tr[data-astro-cid-pjchopbr]:nth-child(2n) td[data-astro-cid-pjchopbr]{background:var(--color-bg-soft, #f9fafb)}.hd-example-box[data-astro-cid-pjchopbr]{background:var(--color-bg-soft, #f9fafb);border:1px solid var(--color-border, #e5e7eb);border-left:4px solid var(--color-primary, #4f46e5);border-radius:0 var(--radius-sm, 4px) var(--radius-sm, 4px) 0;padding:.625rem .875rem;font-size:.875rem;font-family:var(--font-mono, monospace)}.hd-example-box[data-astro-cid-pjchopbr] p[data-astro-cid-pjchopbr]{margin:0}.hd-use-cases[data-astro-cid-pjchopbr]{display:flex;flex-direction:column;gap:1rem}.hd-use-case[data-astro-cid-pjchopbr]{padding:.75rem;border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-md, 8px)}.hd-use-case-title[data-astro-cid-pjchopbr]{display:flex;align-items:center;gap:.375rem;font-size:.9rem;font-weight:700;color:var(--color-text, #1f2937);margin-bottom:.375rem}.hd-use-case-icon[data-astro-cid-pjchopbr]{font-size:1rem}.hd-use-example[data-astro-cid-pjchopbr]{display:flex;align-items:center;gap:.625rem;margin-top:.5rem;padding:.375rem .625rem;background:var(--color-bg-soft, #f9fafb);border-radius:var(--radius-sm, 4px);font-size:.8125rem;font-family:var(--font-mono, monospace)}.hd-color-swatch[data-astro-cid-pjchopbr]{display:inline-block;width:20px;height:20px;border-radius:50%;border:1px solid rgba(0,0,0,.15);flex-shrink:0}.hd-ip-example[data-astro-cid-pjchopbr]{margin-top:.5rem;padding:.375rem .625rem;background:var(--color-bg-soft, #f9fafb);border-radius:var(--radius-sm, 4px);font-size:.8125rem;font-family:var(--font-mono, monospace)}.hd-code-list[data-astro-cid-pjchopbr]{margin:.5rem 0 0;padding-left:1.25rem;display:flex;flex-direction:column;gap:.125rem}.hd-code-list[data-astro-cid-pjchopbr] li[data-astro-cid-pjchopbr]{font-size:.8125rem;font-family:var(--font-mono, monospace);color:var(--color-text, #1f2937)}