.tool-page{padding-top:calc(var(--nav-height) + 3rem);padding-bottom:6rem;min-height:100svh}.tool-page .tool-page__container{max-width:780px}.tool-page .back-link{display:inline-block;font-size:.85rem;font-weight:500;color:var(--color-secondary);margin-bottom:2rem;transition:color .15s}.tool-page .back-link:hover{color:var(--color-accent)}.tool-page .tool-page__header{margin-bottom:2rem;display:flex;flex-direction:column;gap:.4rem}.tool-page .tab-bar{display:flex;align-items:center;gap:.35rem;margin-bottom:2rem;flex-wrap:wrap}.tool-page .tab-sep{width:1px;height:1.4rem;background:var(--color-border);margin:0 .25rem;flex-shrink:0}.tool-page .tab-btn{font-family:inherit;font-size:.82rem;font-weight:600;padding:.35rem .85rem;border-radius:99px;border:1px solid var(--color-border);background:transparent;color:var(--color-secondary);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.tool-page .tab-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.tool-page .tab-btn.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.tool-page .conv-section-hdr{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-secondary);margin-bottom:.4rem}.tool-page .conv-section-note{text-transform:none;font-weight:400;letter-spacing:0}.tool-page .conv-grid{display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.tool-page .conv-row{display:grid;grid-template-columns:12rem 1fr;align-items:stretch;border-bottom:1px solid var(--color-border);transition:background .1s}.tool-page .conv-row:last-child{border-bottom:none}.tool-page .conv-row:has(.conv-input:focus){background:color-mix(in srgb,var(--color-accent) 4%,var(--color-bg))}.tool-page .conv-meta{display:flex;align-items:center;gap:.6rem;padding:.65rem 1rem;border-right:1px solid var(--color-border)}.tool-page .conv-sym{font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:.92rem;font-weight:700;color:var(--color-text);white-space:nowrap;min-width:2.8rem}.tool-page .conv-name{font-size:.76rem;color:var(--color-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-page .conv-input{border:none;background:transparent;font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:.95rem;color:var(--color-text);padding:.65rem 1rem;outline:none;width:100%;transition:color .1s;-moz-appearance:textfield}.tool-page .conv-input::-webkit-inner-spin-button,.tool-page .conv-input::-webkit-outer-spin-button{-webkit-appearance:none}.tool-page .conv-input:focus{color:var(--color-accent)}.tool-page .conv-input[readonly]{color:var(--color-secondary);cursor:default}.tool-page .conv-input::placeholder{color:var(--color-border)}.tool-page .dig-section{display:flex;flex-direction:column;gap:1rem;padding-bottom:2rem;border-bottom:1px solid var(--color-border);margin-bottom:2rem}.tool-page .dig-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.tool-page .dig-section__title{font-size:1rem;font-weight:700;margin:0}.tool-page .dig-section__sub{font-size:.82rem;color:var(--color-secondary);margin:-.25rem 0 0}.tool-page .prog-controls{display:flex;align-items:flex-end;gap:1.25rem;flex-wrap:wrap}.tool-page .ctrl-group{display:flex;flex-direction:column;gap:.4rem}.tool-page .ctrl-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-secondary)}.tool-page .ctrl-toggle{display:flex;align-items:center;gap:.45rem;font-size:.85rem;font-weight:600;color:var(--color-secondary);cursor:pointer}.tool-page .ctrl-toggle input{cursor:pointer;accent-color:var(--color-accent)}.tool-page .seg-btns{display:flex;border:1px solid var(--color-border);border-radius:6px;overflow:hidden}.tool-page .seg-btn{flex:1;padding:.35rem .85rem;border:none;border-right:1px solid var(--color-border);background:transparent;font-size:.82rem;font-weight:600;font-family:inherit;color:var(--color-secondary);cursor:pointer;transition:background .12s,color .12s;white-space:nowrap}.tool-page .seg-btn:last-child{border-right:none}.tool-page .seg-btn:hover{background:color-mix(in srgb,var(--color-accent) 12%,transparent);color:var(--color-text)}.tool-page .seg-btn.active{background:var(--color-accent);color:#fff}.tool-page .mono-field{width:100%;padding:.5rem .85rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:transparent;color:var(--color-text);font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:.95rem;outline:none;transition:border-color .15s}.tool-page .mono-field:focus{border-color:var(--color-accent)}.tool-page .mono-input{font-family:ui-monospace,SF Mono,Consolas,monospace}.tool-page .info-panel{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.tool-page .info-panel:empty{display:none}.tool-page .info-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;border-bottom:1px solid var(--color-border);font-size:.85rem}.tool-page .info-row:last-child{border-bottom:none}.tool-page .info-row span{color:var(--color-secondary)}.tool-page .info-row code{font-family:ui-monospace,SF Mono,Consolas,monospace;color:var(--color-text)}.tool-page .byte-vis-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.75rem}.tool-page .byte-vis{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.4rem .5rem;border:1px solid var(--color-border);border-radius:5px;background:color-mix(in srgb,var(--color-accent) 5%,var(--color-bg));min-width:5.5rem}.tool-page .byte-vis__addr{font-size:.6rem;color:var(--color-secondary);font-family:ui-monospace,SF Mono,Consolas,monospace}.tool-page .byte-vis__hex{font-size:.95rem;font-weight:700;color:var(--color-accent);font-family:ui-monospace,SF Mono,Consolas,monospace}.tool-page .byte-vis__bits{font-size:.62rem;color:var(--color-secondary);font-family:ui-monospace,SF Mono,Consolas,monospace;letter-spacing:.05em}.tool-page .bi-table{width:100%;border-collapse:collapse;font-size:.83rem;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.tool-page .bi-table thead th{background:color-mix(in srgb,var(--color-border) 20%,var(--color-bg));padding:.5rem .75rem;text-align:left;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-secondary);border-bottom:1px solid var(--color-border)}.tool-page .bi-table td{padding:.45rem .75rem;border-bottom:1px solid var(--color-border);vertical-align:middle}.tool-page .bi-table tbody tr:last-child td{border-bottom:none}.tool-page .bi-td-label{color:var(--color-secondary);white-space:nowrap;font-size:.8rem}.tool-page .bi-td-val code{font-family:ui-monospace,SF Mono,Consolas,monospace;word-break:break-all;font-size:.82rem}.tool-page .bi-sep td{background:color-mix(in srgb,var(--color-border) 15%,var(--color-bg));font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-secondary);padding:.3rem .75rem}.tool-page .bi-th-label{min-width:9rem}.tool-page .bi-th-val{min-width:12rem}.tool-page .note{font-size:.72rem;font-weight:400;color:var(--color-secondary)}.tool-page .ascii-ref{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.tool-page .ascii-ref__summary{list-style:none;padding:.65rem 1rem;font-size:.82rem;font-weight:600;color:var(--color-secondary);cursor:pointer;transition:color .15s;user-select:none}.tool-page .ascii-ref__summary::-webkit-details-marker{display:none}.tool-page .ascii-ref[open] .ascii-ref__summary{border-bottom:1px solid var(--color-border)}.tool-page .ascii-ref__summary:hover{color:var(--color-text)}.tool-page .ascii-ref__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(3rem,1fr));gap:2px;padding:.6rem;background:color-mix(in srgb,var(--color-border) 20%,var(--color-bg))}.tool-page .ascii-cell{display:flex;flex-direction:column;align-items:center;gap:.08rem;padding:.3rem .15rem;border-radius:4px;background:var(--color-bg);border:1px solid transparent;cursor:pointer;transition:border-color .12s,background .12s}.tool-page .ascii-cell:hover{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 8%,var(--color-bg))}.tool-page .ascii-cell.ctrl{opacity:.5}.tool-page .ascii-cell.ctrl:hover{opacity:1}.tool-page .ac-ch{font-size:.85rem;font-weight:700;color:var(--color-text);font-family:ui-monospace,SF Mono,Consolas,monospace;line-height:1}.tool-page .ascii-cell.ctrl .ac-ch{font-size:.58rem}.tool-page .ac-num{font-size:.58rem;color:var(--color-secondary);font-family:ui-monospace,SF Mono,Consolas,monospace}.tool-page .bop-table{width:100%;border-collapse:collapse;font-size:.83rem;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.tool-page .bop-table thead th{background:color-mix(in srgb,var(--color-border) 20%,var(--color-bg));padding:.5rem .75rem;text-align:left;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-secondary);border-bottom:1px solid var(--color-border)}.tool-page .bop-table td{padding:.4rem .75rem;border-bottom:1px solid var(--color-border)}.tool-page .bop-table tbody tr:last-child td{border-bottom:none}.tool-page .bop-label{color:var(--color-secondary);white-space:nowrap;font-size:.8rem;width:10rem}.tool-page .bop-highlight td{background:color-mix(in srgb,var(--color-accent) 4%,var(--color-bg))}.tool-page .bop-table code{font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:.82rem}.tool-page .bop-bin{font-size:.72rem;word-break:break-all}.tool-page .err-msg{font-size:.85rem;color:var(--color-secondary);font-style:italic}@media(max-width:600px){.tool-page .conv-row{grid-template-columns:8rem 1fr}.tool-page .conv-name{display:none}.tool-page .conv-sym{min-width:0}.tool-page .tab-sep{display:none}.tool-page .bi-table,.tool-page .bop-table{font-size:.75rem}.tool-page .bi-table td,.tool-page .bop-table td{padding:.35rem .5rem}}