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