.bitwise-calc[data-v-f85a4638]{min-height:70vh}.page-header[data-v-f85a4638]{background:linear-gradient(135deg,var(--kd-primary) 0%,var(--kd-primary-light) 100%);color:#fff;padding:60px 0 48px;text-align:center}.back-link[data-v-f85a4638]{margin-bottom:18px}.back-link a[data-v-f85a4638]{color:#ffffffe6;font-size:14px;text-decoration:none;transition:opacity .2s}.back-link a[data-v-f85a4638]:hover{opacity:.8;text-decoration:underline}.page-header h1[data-v-f85a4638]{font-size:34px;font-weight:700;margin-bottom:10px}.page-header p[data-v-f85a4638]{font-size:16px;opacity:.9}.calc-section[data-v-f85a4638]{padding:32px 0 60px}.calc-layout[data-v-f85a4638]{width:max-content;max-width:100%;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:320px 1fr;gap:24px;align-items:start}.control-panel[data-v-f85a4638]{position:sticky;top:88px;background:var(--kd-surface);border:1px solid var(--kd-border);border-radius:var(--kd-radius-lg);box-shadow:var(--kd-shadow);padding:24px 20px}.panel-title[data-v-f85a4638]{font-size:16px;font-weight:700;color:var(--kd-primary);margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--kd-border)}.control-group[data-v-f85a4638]{margin-bottom:22px}.control-group[data-v-f85a4638]:last-of-type{margin-bottom:16px}.control-label[data-v-f85a4638]{display:block;font-size:13px;font-weight:600;color:var(--kd-text-muted);margin-bottom:10px}.num-input[data-v-f85a4638]{width:100%;padding:12px 14px;border:1.5px solid var(--kd-border);border-radius:var(--kd-radius);font-size:18px;font-family:Courier New,monospace;font-weight:600;color:var(--kd-text);background:#fff;transition:border-color .2s;margin-bottom:10px}.num-input[data-v-f85a4638]:focus{outline:none;border-color:var(--kd-primary);box-shadow:0 0 0 3px #7030a01a}.type-switch[data-v-f85a4638]{display:flex;gap:6px;background:var(--kd-bg);padding:4px;border-radius:var(--kd-radius)}.type-btn[data-v-f85a4638]{flex:1;padding:8px 12px;border:none;border-radius:8px;background:transparent;font-size:13px;font-weight:500;color:var(--kd-text-muted);cursor:pointer;transition:all .2s}.type-btn.active[data-v-f85a4638]{background:#fff;color:var(--kd-primary);font-weight:600;box-shadow:0 1px 3px #00000014}.op-group[data-v-f85a4638]{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.op-btn[data-v-f85a4638]{padding:11px 0;border:1.5px solid var(--kd-border);border-radius:var(--kd-radius);background:#fff;font-size:14px;font-weight:600;color:var(--kd-text-muted);cursor:pointer;transition:all .2s}.op-btn[data-v-f85a4638]:hover{border-color:var(--kd-accent);color:var(--kd-primary)}.op-btn.active[data-v-f85a4638]{background:linear-gradient(135deg,var(--kd-primary),var(--kd-primary-light));color:#fff;border-color:transparent}.bits-group[data-v-f85a4638]{display:flex;gap:8px}.bit-btn[data-v-f85a4638]{flex:1;padding:9px 0;border:1.5px solid var(--kd-border);border-radius:var(--kd-radius);background:#fff;font-size:13px;font-weight:500;color:var(--kd-text-muted);cursor:pointer;transition:all .2s}.bit-btn[data-v-f85a4638]:hover{border-color:var(--kd-accent);color:var(--kd-primary)}.bit-btn.active[data-v-f85a4638]{background:linear-gradient(135deg,var(--kd-primary),var(--kd-primary-light));color:#fff;border-color:transparent}.examples[data-v-f85a4638]{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.example-btn[data-v-f85a4638]{padding:7px 4px;border:1px solid var(--kd-border);border-radius:6px;background:#fff;font-size:12px;font-family:Courier New,monospace;color:var(--kd-text-muted);cursor:pointer;transition:all .2s}.example-btn[data-v-f85a4638]:hover{border-color:var(--kd-primary);color:var(--kd-primary);background:#7030a00a}.error-box[data-v-f85a4638]{margin:16px 0;padding:10px 12px;background:#d9770614;border:1px solid rgba(217,119,6,.3);border-radius:var(--kd-radius);color:var(--kd-warning);font-size:13px}.truth-box[data-v-f85a4638]{margin-top:20px;padding:14px 12px;background:var(--kd-bg);border-radius:var(--kd-radius);border:1px solid var(--kd-border)}.truth-title[data-v-f85a4638]{font-size:13px;font-weight:700;color:var(--kd-primary);margin-bottom:10px}.truth-table[data-v-f85a4638]{width:100%;border-collapse:collapse;font-family:Courier New,monospace;font-size:13px}.truth-table th[data-v-f85a4638],.truth-table td[data-v-f85a4638]{border:1px solid var(--kd-border);padding:5px 4px;text-align:center;color:var(--kd-text)}.truth-table th[data-v-f85a4638]{background:#7030a014;color:var(--kd-primary)}.truth-note[data-v-f85a4638]{margin-top:8px;font-size:12px;color:var(--kd-text-muted);text-align:center}.result-panel[data-v-f85a4638]{background:var(--kd-surface);border:1px solid var(--kd-border);border-radius:var(--kd-radius-lg);box-shadow:var(--kd-shadow);padding:28px 32px;min-height:400px}.empty-state[data-v-f85a4638]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:360px;color:var(--kd-text-muted)}.empty-icon[data-v-f85a4638]{font-size:56px;margin-bottom:16px;opacity:.4}.empty-state p[data-v-f85a4638]{font-size:15px}.echo-bar[data-v-f85a4638]{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:16px 20px;background:linear-gradient(135deg,#7030a00f,#9b59b614);border-radius:var(--kd-radius);margin-bottom:24px}.echo-item[data-v-f85a4638]{display:flex;flex-direction:column;gap:2px}.echo-label[data-v-f85a4638]{font-size:12px;color:var(--kd-text-muted)}.echo-value[data-v-f85a4638]{font-family:Courier New,monospace;font-size:18px;font-weight:700;color:var(--kd-text)}.operands-show[data-v-f85a4638]{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.operand-row[data-v-f85a4638]{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.operand-name[data-v-f85a4638]{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:#7030a01f;color:var(--kd-primary);font-weight:700;font-size:15px}.operand-name.op[data-v-f85a4638]{background:#0596691f;color:var(--kd-success)}.operand-bits[data-v-f85a4638]{display:flex;flex-wrap:wrap;gap:6px;font-family:Courier New,monospace}.operand-dec[data-v-f85a4638]{font-family:Courier New,monospace;font-size:14px;font-weight:600;color:var(--kd-text-muted)}.bit[data-v-f85a4638]{display:inline-flex;align-items:center;justify-content:center;width:30px;height:36px;border-radius:6px;font-size:18px;font-weight:700;background:#fff;border:1.5px solid var(--kd-border);color:var(--kd-text);transition:all .2s}.bit.sign[data-v-f85a4638]{background:#7030a01f;border-color:var(--kd-accent);color:var(--kd-primary)}.bit.bit-1[data-v-f85a4638]{color:var(--kd-primary-dark)}.bit.bit-0[data-v-f85a4638]{color:var(--kd-text-muted)}.step-card[data-v-f85a4638]{padding:20px;background:var(--kd-bg);border-radius:var(--kd-radius);border:1px solid var(--kd-border);margin-bottom:24px}.step-title[data-v-f85a4638]{font-size:15px;font-weight:700;color:var(--kd-text);margin-bottom:16px}.bitwise-grid[data-v-f85a4638]{display:grid;grid-template-columns:40px repeat(var(--cols, 8),minmax(28px,1fr));gap:6px 4px;align-items:stretch;overflow-x:auto;padding-bottom:4px}.grid-label[data-v-f85a4638]{display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--kd-text-muted)}.grid-label.result-label[data-v-f85a4638]{color:var(--kd-primary)}.grid-label.weight-label[data-v-f85a4638]{color:var(--kd-text-muted)}.grid-weight[data-v-f85a4638]{font-size:11px;color:var(--kd-text-muted);background:var(--kd-bg);border:1px solid var(--kd-border);white-space:nowrap;line-height:1.2}.grid-weight.selected[data-v-f85a4638]{box-shadow:inset 0 0 0 2px var(--kd-primary);background:#7030a024;color:var(--kd-primary)}.grid-bit-head[data-v-f85a4638]{display:flex;align-items:center;justify-content:center;height:28px;font-family:Courier New,monospace;font-size:12px;font-weight:700;color:var(--kd-text-muted);border-radius:6px;cursor:pointer;transition:all .15s}.grid-bit-head.selected[data-v-f85a4638]{background:var(--kd-primary);color:#fff}.grid-bit[data-v-f85a4638]{display:flex;align-items:center;justify-content:center;height:36px;border-radius:6px;font-family:Courier New,monospace;font-size:17px;font-weight:700;cursor:pointer;transition:all .15s}.grid-bit.selected[data-v-f85a4638]{box-shadow:inset 0 0 0 2px var(--kd-primary);background:#7030a024}.bit-cell[data-v-f85a4638]{background:#fff;border:1.5px solid var(--kd-border);color:var(--kd-text)}.bit-cell.bit-1[data-v-f85a4638]{color:var(--kd-primary-dark)}.bit-cell.bit-0[data-v-f85a4638]{color:var(--kd-text-muted)}.bit-cell.result[data-v-f85a4638]{background:#7030a01a;border-color:var(--kd-accent);color:var(--kd-primary)}.op-cell[data-v-f85a4638]{background:#0596690f;color:var(--kd-success);border:1px dashed var(--kd-border)}.op-cell.selected[data-v-f85a4638]{background:var(--kd-success);color:#fff;border-style:solid}.grid-line[data-v-f85a4638]{height:0;border-top:2px solid var(--kd-text-muted);margin:4px 0}.grid-line.selected[data-v-f85a4638]{border-top-color:var(--kd-primary);border-top-width:3px}.step-hint[data-v-f85a4638]{margin-top:14px;font-size:13px;color:var(--kd-text-muted);line-height:1.6}.step-hint code[data-v-f85a4638]{font-family:Courier New,monospace;font-weight:600;color:var(--kd-primary);background:#7030a014;padding:1px 6px;border-radius:4px}.result-card[data-v-f85a4638]{padding:20px 24px;background:var(--kd-surface);border:1px solid var(--kd-border);border-radius:var(--kd-radius);margin-bottom:24px}.result-card.highlight[data-v-f85a4638]{background:linear-gradient(135deg,#7030a014,#9b59b61a);border-color:var(--kd-accent)}.result-head[data-v-f85a4638]{margin-bottom:14px}.result-name[data-v-f85a4638]{font-size:16px;font-weight:700;color:var(--kd-primary)}.result-bits[data-v-f85a4638]{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.result-dec-row[data-v-f85a4638]{display:flex;flex-wrap:wrap;gap:18px;font-size:14px;color:var(--kd-text-muted)}.result-dec-row code[data-v-f85a4638]{font-family:Courier New,monospace;font-size:15px;font-weight:700;color:var(--kd-primary);background:#7030a014;padding:2px 8px;border-radius:5px}.result-dec-val[data-v-f85a4638]{font-weight:600}.explain-card[data-v-f85a4638]{padding:20px;background:var(--kd-bg);border-radius:var(--kd-radius);border:1px solid var(--kd-border)}.explain-title[data-v-f85a4638]{font-size:15px;font-weight:700;color:var(--kd-text);margin-bottom:12px}.explain-card p[data-v-f85a4638]{font-size:14px;line-height:1.75;color:var(--kd-text)}.knowledge-wrap[data-v-f85a4638]{max-width:1200px;margin:32px auto 0;padding:0 24px}.knowledge-card[data-v-f85a4638]{background:var(--kd-surface);border:1px solid var(--kd-border);border-left:4px solid var(--kd-primary);border-radius:var(--kd-radius-lg);padding:28px 24px}.knowledge-card h2[data-v-f85a4638]{font-size:20px;font-weight:700;color:var(--kd-text);margin-bottom:16px}.knowledge-list[data-v-f85a4638]{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.knowledge-list li[data-v-f85a4638]{position:relative;padding-left:22px;font-size:14px;line-height:1.7;color:var(--kd-text)}.knowledge-list li[data-v-f85a4638]:before{content:"•";position:absolute;left:6px;top:0;color:var(--kd-primary);font-weight:700}.knowledge-list code[data-v-f85a4638]{display:inline-block;padding:1px 6px;background:#7030a014;border-radius:4px;font-family:Courier New,monospace;font-size:13px;color:var(--kd-primary)}@media (max-width: 960px){.calc-layout[data-v-f85a4638]{grid-template-columns:1fr}.control-panel[data-v-f85a4638]{position:static}.examples[data-v-f85a4638]{grid-template-columns:repeat(6,1fr)}}@media (max-width: 768px){.page-header[data-v-f85a4638]{padding:48px 0 36px}.page-header h1[data-v-f85a4638]{font-size:26px}.result-panel[data-v-f85a4638]{padding:20px 16px}.bit[data-v-f85a4638]{width:26px;height:32px;font-size:16px}.examples[data-v-f85a4638]{grid-template-columns:repeat(3,1fr)}}