.bitwise-tool{padding:20px}.control-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.control-grid label,.operand-label{display:block;margin-bottom:6px;color:var(--text-muted);font-size:12px;font-weight:bold}.control-grid select,.custom-width input{box-sizing:border-box;width:100%;min-height:40px;padding:8px 10px;border:1px solid var(--border-color);border-radius:6px;background:var(--input-bg);color:var(--text-color);font-size:13px}.custom-width{margin-top:8px}.custom-width[hidden]{display:none}.bitwise-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:16px}.bitwise-panel{min-width:0;padding:16px;border:1px solid var(--border-color);border-radius:8px;background:var(--panel-bg)}.panel-title{margin:0 0 12px;color:var(--text-color);font-size:15px}.operand{margin-bottom:12px}.operand:last-of-type{margin-bottom:0}.operand-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.operand-row input{box-sizing:border-box;width:100%;min-height:42px;padding:9px 11px;border:1px solid var(--border-color);border-radius:6px;background:var(--input-bg);color:var(--text-color);font:15px Menlo,Consolas,Monaco,"Courier New",monospace}.operand-row input:disabled{opacity:.55}.compact-clear{min-width:68px;padding:9px 11px}.input-note,.status-line{font-size:12px;line-height:1.5}.input-note{margin:7px 0 0;color:var(--text-muted)}.status-line{min-height:20px;margin:4px 0 0;color:var(--text-muted)}.status-line.is-error{color:var(--error-color);font-weight:bold}.result-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.result-header .panel-title{margin:0}.copy-all,.mini-copy{border:1px solid var(--border-color);border-radius:5px;background:var(--input-bg);color:var(--text-color);font-weight:bold;cursor:pointer}.copy-all{padding:7px 10px;font-size:11px}.mini-copy{padding:5px 8px;font-size:10px}.copy-all:hover,.mini-copy:hover{border-color:var(--primary-color);color:var(--primary-color)}.copy-all.copied,.mini-copy.copied{background:var(--success-color);border-color:var(--success-color);color:#fff}.result-list{border-top:1px solid var(--border-color)}.result-row{display:grid;grid-template-columns:105px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:45px;border-bottom:1px solid var(--border-color)}.result-label{color:var(--text-muted);font-size:11px;font-weight:bold}.result-value{margin:0;overflow-wrap:anywhere;color:var(--text-color);font:13px/1.45 Menlo,Consolas,Monaco,"Courier New",monospace}.operation-details{margin-top:14px;border-top:1px solid var(--border-color);padding-top:12px}.operation-details summary{cursor:pointer;color:var(--primary-color);font-size:13px;font-weight:bold}.bit-visual{overflow-x:auto;margin:10px 0 0;padding:14px 16px;border-left:4px solid var(--primary-color);border-radius:4px;background:var(--bg-color);color:var(--text-color);font:13px/1.75 Menlo,Consolas,Monaco,"Courier New",monospace;white-space:pre}.expression-line{margin:8px 0 0;color:var(--text-muted);font-size:12px}.faq-title+.faq-section{margin-top:16px}.related-list{padding-left:20px}.related-list li{margin-bottom:8px}
@media(max-width:760px){.bitwise-workspace{grid-template-columns:1fr}.control-grid{grid-template-columns:1fr 1fr}.bitwise-tool{padding:15px}.bitwise-panel{padding:14px}}
@media(max-width:460px){.control-grid{grid-template-columns:1fr}.result-row{grid-template-columns:1fr auto}.result-row .result-label{grid-column:1/-1;padding-top:8px}.result-row .result-value{padding-bottom:8px}}