#t-bitw{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}#t-bitw .bw-inputs{display:grid;grid-template-columns:1fr auto 1fr;gap:0;border-bottom:1px solid var(--border-soft)}#t-bitw .bw-input-block{padding:24px;display:flex;flex-direction:column;gap:10px}#t-bitw .bw-input-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}#t-bitw .bw-num-input{font-family:var(--font-mono);font-size:15px;padding:10px 14px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-subtle);color:var(--ink);outline:none;width:100%;transition:border-color .15s}#t-bitw .bw-num-input:focus{border-color:var(--brand)}#t-bitw .bw-num-input.bw-input-err{border-color:var(--error);background:var(--error-bg, #fff5f5)}#t-bitw .bw-base-row{display:flex;gap:0;border:1px solid var(--border);border-radius:var(--r-sm);overflow:hidden;align-self:flex-start}#t-bitw .bw-base-opt{display:flex;align-items:center;cursor:pointer}#t-bitw .bw-base-opt input[type=radio]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}#t-bitw .bw-base-opt{font-size:13px;font-weight:600;padding:6px 14px;color:var(--text-2);background:var(--surface);border-right:1px solid var(--border);transition:background .12s,color .12s;user-select:none}#t-bitw .bw-base-opt:last-child{border-right:none}#t-bitw .bw-base-opt.bw-base-active{background:var(--brand);color:#fff}#t-bitw .bw-input-hint{font-size:12px;color:var(--text-muted);font-family:var(--font-mono);min-height:16px}#t-bitw .bw-op-divider{display:flex;align-items:center;justify-content:center;padding:0 8px;color:var(--text-muted);border-left:1px solid var(--border-soft);border-right:1px solid var(--border-soft)}#t-bitw .bw-ops-row{padding:18px 24px;border-bottom:1px solid var(--border-soft);display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap;background:var(--bg-subtle)}#t-bitw .bw-ops-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding-top:10px;white-space:nowrap}#t-bitw .bw-ops-btns{display:flex;flex-wrap:wrap;gap:8px;align-items:center}#t-bitw .bw-op-btn{font-family:var(--font-mono);font-size:13px;font-weight:700}#t-bitw .bw-op-btn.bw-op-active{background:var(--brand);color:#fff;border-color:var(--brand)}#t-bitw .bw-shift-wrap{display:flex;align-items:center;gap:6px;flex-wrap:wrap}#t-bitw .bw-shift-by{display:flex;align-items:center;gap:5px;font-size:13px;color:var(--text-2)}#t-bitw .bw-shift-inp{width:52px;padding:5px 8px;font-family:var(--font-mono);font-size:13px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);color:var(--ink);outline:none;text-align:center}#t-bitw .bw-shift-inp:focus{border-color:var(--brand)}#t-bitw .bw-error{padding:12px 24px;background:var(--error-bg, #fff5f5);color:var(--error);font-size:14px;border-bottom:1px solid var(--border-soft)}#t-bitw .bw-results{padding:24px;border-bottom:1px solid var(--border-soft);position:relative}#t-bitw .bw-results-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:14px}#t-bitw .bw-result-grid{display:flex;flex-direction:column;gap:10px}#t-bitw .bw-result-row{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-subtle);border:1px solid var(--border-soft);border-radius:var(--r-md)}#t-bitw .bw-result-base{font-size:13px;font-weight:600;color:var(--text-muted);width:110px;flex-shrink:0}#t-bitw .bw-result-val{flex:1;font-size:15px;font-weight:700;color:var(--text-1);word-break:break-all}#t-bitw .bw-result-val.bw-mono{font-family:var(--font-mono)}#t-bitw .bw-copied-toast{position:absolute;right:24px;bottom:28px;background:var(--success);color:#fff;font-size:13px;font-weight:600;padding:6px 14px;border-radius:var(--r-full);opacity:0;pointer-events:none;transition:opacity .2s}#t-bitw .bw-copied-toast.show{opacity:1}#t-bitw .bw-viz-section{padding:24px;background:var(--bg-subtle)}#t-bitw .bw-viz-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:18px}#t-bitw .bw-viz-hint{font-size:11px;font-weight:400;color:var(--text-muted);text-transform:none;letter-spacing:0}#t-bitw .bw-viz-block{display:flex;align-items:center;gap:10px;margin-bottom:10px}#t-bitw .bw-viz-result-block{margin-top:6px;padding-top:14px;border-top:2px dashed var(--border)}#t-bitw .bw-viz-row-label{font-size:13px;font-weight:700;font-family:var(--font-mono);color:var(--text-2);width:52px;flex-shrink:0}#t-bitw .bw-viz-result-label{color:var(--brand)}#t-bitw .bw-bit-grid{display:flex;flex-wrap:nowrap;gap:2px;overflow-x:auto}#t-bitw .bw-bit{width:18px;height:26px;border-radius:3px;background:var(--bg-muted);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:10px;font-family:var(--font-mono);font-weight:700;color:var(--text-muted);flex-shrink:0;transition:background .12s}#t-bitw .bw-bit.bw-bit-1{background:var(--brand);border-color:var(--brand-dark);color:#fff}#t-bitw .bw-bit.bw-bit-clickable{cursor:pointer}#t-bitw .bw-bit.bw-bit-clickable:hover{border-color:var(--brand)}#t-bitw .bw-bit.bw-bit-gap{margin-left:4px}#t-bitw .bw-byte-labels{display:flex;padding-left:62px;margin-top:6px}#t-bitw .bw-byte-label{font-size:10px;color:var(--text-muted);text-align:center;flex:1;font-family:var(--font-mono)}@media (max-width: 680px){#t-bitw .bw-inputs{grid-template-columns:1fr}#t-bitw .bw-op-divider{display:none}#t-bitw .bw-bit{width:14px;height:22px;font-size:8px}#t-bitw .bw-byte-labels{padding-left:56px}#t-bitw .bw-result-base{width:90px}}