*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:#0e1525;color:#eef4ff}button,select{font:inherit}.app{display:flex;min-height:100vh}.sidebar{width:320px;padding:16px;border-right:1px solid #1f315f;background:#121d33}.sidebar h2{margin:0 0 4px}.sidebar p{margin:0 0 14px;color:#b7c6ea}.group{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.group button{background:#1b2b4f;color:#ecf2ff;border:1px solid #3d5da7;border-radius:8px;padding:8px 10px;cursor:pointer}.group button:hover{background:#26407a}.group .run{background:#23573f;border-color:#3ab073}.gate-grid button{flex:1 1 46%}.board-wrap{flex:1;padding:16px}.board{position:relative;border:1px solid #2a457a;border-radius:12px;background:radial-gradient(circle at 15% 10%,#1a2a4a,#111b2f 55%);overflow:hidden}.wire-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.wire-layer path{fill:none;stroke:#79d5ff;stroke-width:3}.node{position:absolute;-webkit-user-select:none;user-select:none;border:1px solid #4464aa;border-radius:12px;background:#182844}.node.selected{box-shadow:0 0 0 2px #6fd6ff}.node.input,.node.output{width:92px;height:56px;display:flex;align-items:center;justify-content:center}.node.gate{width:132px;height:96px}.node .name{position:absolute;left:8px;bottom:4px;font-size:12px;color:#dce8ff;max-width:78px;overflow:hidden;text-overflow:ellipsis}.node .name.mini{top:6px;bottom:unset}.toggle{border:1px solid #6ad8ff;width:34px;height:34px;border-radius:8px;background:#103965;color:#fff;cursor:pointer;font-weight:700}.readout{font-size:24px;font-weight:800;color:#88ffc2}.pin{position:absolute;width:14px;height:14px;border-radius:50%;border:1px solid #bbe8ff;background:#1f84b5;cursor:pointer}.pin.in{left:-7px;top:50%;transform:translateY(-50%)}.pin.out{right:-7px;top:50%;transform:translateY(-50%)}.pin.active{background:#92ff9f}.gate-mark{position:absolute;top:24px;right:22px;bottom:20px;left:20px;display:grid;place-items:center;border:2px solid #7db4ff;border-radius:14px;font-weight:700;letter-spacing:.5px;background:#152b57}.bubble{position:absolute;right:-8px;width:12px;height:12px;border-radius:50%;border:2px solid #7db4ff;background:#152b57}.count{position:absolute;right:6px;bottom:4px;font-size:11px;background:#0d2343;color:#fff;border:1px solid #4c7bd0;border-radius:6px}.truth-table{margin-top:14px;border:1px solid #2d4780;border-radius:10px;padding:10px;background:#101a2f}.truth-header{display:flex;justify-content:space-between;align-items:center}.truth-header h3{margin:0;font-size:17px}.live-inputs{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.bit-btn,.out-pill{border:1px solid #598adf;border-radius:999px;padding:4px 10px;background:#132a52;color:#fff}.out-pill{background:#174534;border-color:#39a774}.table-wrap{max-height:250px;overflow:auto;border:1px solid #25395f}table{width:100%;border-collapse:collapse}th,td{text-align:center;border-bottom:1px solid #22385f;padding:5px;font-size:13px}