.container-wide{max-width:1100px}.tool{width:100%;max-width:none}.tool-header,.tool-header p{max-width:none}.tb-tool{width:100%}.tb-converter{gap:var(--space-md);grid-template-columns:1fr auto 1fr;align-items:stretch;display:grid}.tb-panel{padding:var(--space-md);border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);flex-direction:column;display:flex}.tb-panel-head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.6rem;display:flex}.tb-panel-head label{color:var(--ink);font-size:.95rem;font-weight:600}.tb-panel-actions{align-items:center;gap:.6rem;display:flex}.tb-count{font-family:var(--font-mono);color:var(--ink-faint);white-space:nowrap;font-size:.75rem}.tb-copy-btn{font:600 .78rem var(--font-body);color:var(--pine-dark);background:var(--pine-tint);border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;flex-shrink:0;padding:.3rem .7rem;transition:background .15s}.tb-copy-btn:hover{background:var(--pine);color:#fff}.tb-panel textarea{width:100%;min-height:220px;font:1rem/1.55 var(--font-body);color:var(--ink);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--paper);resize:vertical;flex:1;padding:.85rem}.tb-panel textarea.tb-mono{font-family:var(--font-mono);letter-spacing:.02em;font-size:.92rem}.tb-panel textarea:focus{border-color:var(--pine);outline:none}.tb-swap-col{flex-direction:column;justify-content:center;align-items:center;gap:.4rem;padding:0 .25rem;display:flex}.tb-swap-icon{background:var(--brass-tint);width:2.4rem;height:2.4rem;color:var(--brass-dark);border-radius:50%;justify-content:center;align-items:center;font-size:1.15rem;font-weight:700;display:flex}.tb-swap-label{font-family:var(--font-mono);color:var(--ink-faint);white-space:nowrap;writing-mode:horizontal-tb;font-size:.7rem}.tb-status{min-height:1.4rem;color:var(--brass-dark);margin-top:.75rem;font-size:.88rem}.tb-options{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1rem;display:grid}.tb-option label{color:var(--ink);margin-bottom:.4rem;font-size:.85rem;font-weight:600;display:block}.tb-option select{width:100%;font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:.6rem .7rem}.tb-option-checkbox{align-items:flex-end;display:flex}.checkbox-item{color:var(--ink-soft);cursor:pointer;align-items:center;gap:.5rem;margin-bottom:.4rem;font-size:.92rem;display:flex}.tb-format-hint{color:var(--ink-faint);margin:.75rem 0 0;font-size:.85rem}.tb-byte-map{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--line)}.tb-byte-map-head{margin-bottom:var(--space-sm);justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.tb-byte-map-head h2{margin:0;font-size:1.05rem}.tb-byte-map-note{font-family:var(--font-mono);color:var(--ink-faint);font-size:.78rem}.tb-byte-grid{flex-wrap:wrap;gap:.5rem;display:flex}.tb-byte-chip{background:var(--pine-tint);border-radius:var(--radius-sm);cursor:default;flex-direction:column;align-items:center;min-width:2.6rem;padding:.45rem .5rem;display:flex}.tb-byte-chip:hover{background:var(--brass-tint)}.tb-byte-char{font-family:var(--font-mono);color:var(--pine-dark);font-size:1rem;font-weight:700}.tb-byte-chip:hover .tb-byte-char{color:var(--brass-dark)}.tb-byte-dec{font-family:var(--font-mono);color:var(--ink-faint);margin-top:.15rem;font-size:.68rem}@media (width<=760px){.tb-converter{grid-template-columns:1fr}.tb-swap-col{flex-direction:row;padding:.25rem 0}.tb-swap-label{white-space:normal}}