.mt-4{margin-top:16px}.input-tabs{display:flex;gap:4px;background:var(--bg3);border:1px solid var(--border);padding:3px;border-radius:var(--r);width:fit-content}.input-tab{padding:6px 16px;border:none;background:transparent;color:var(--muted);font-size:12px;font-weight:600;cursor:pointer;border-radius:5px;transition:all .2s;font-family:Inter,sans-serif}.input-tab.active{background:var(--accent);color:#fff}.input-tab:hover:not(.active){color:var(--text)}.input-row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.flex-1{flex:1;min-width:200px}#binaryInput{width:100%;background:var(--bg3);border:1px solid var(--border);color:var(--text);padding:8px 12px;border-radius:var(--r);outline:none;font-family:JetBrains Mono,monospace;font-size:14px}#binaryInput:focus{border-color:var(--accent)}.binary-output{overflow-x:auto}.bit-row{margin-bottom:12px}.bit-label{font-size:11px;color:var(--muted);font-weight:600;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.bit-bits{display:flex;gap:1px;flex-wrap:wrap}.bit-cell{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;font-family:JetBrains Mono,monospace;font-size:11px;border-radius:3px;background:var(--bg3);border:1px solid var(--border);color:var(--text)}.bit-cell.byte-boundary{border-left:2px solid var(--accent)}.bit-cell.bit-1{color:var(--accent);font-weight:700}.bit-cell.bit-0{color:var(--muted)}.values-output{font-family:JetBrains Mono,monospace;font-size:13px}.val-row{display:flex;padding:6px 0;border-bottom:1px solid var(--border)}.val-row:last-child{border-bottom:none}.val-label{width:80px;font-weight:600;color:var(--muted);flex-shrink:0}.val-value{color:var(--text);word-break:break-all}.binary-output-empty{color:var(--muted);font-style:italic}@media(max-width:768px){.input-row{flex-direction:column}.flex-1{min-width:100%}.bit-cell{width:22px;height:22px;font-size:10px}}