.bn{border:var(--border);background:var(--surface);border-radius:var(--radius-md);padding:var(--sp-5);margin:var(--sp-5) 0}.bn[hidden],.bn__copied[hidden]{display:none}.bn__grid{gap:var(--sp-5);grid-template-columns:160px 1fr;display:grid}@media (width<=640px){.bn__grid{grid-template-columns:1fr}}.bn__frame{border:1px solid var(--inactive);background:var(--bg);border-radius:2px;width:140px;margin:0 auto;line-height:0}.bn__frame svg,.bn-ex svg{width:100%;height:auto;display:block}.bn__row{gap:var(--sp-3);margin-bottom:var(--sp-3);flex-wrap:wrap;display:flex}.bn__field{color:var(--muted);flex-direction:column;flex:150px;gap:4px;font-size:13px;display:flex}.bn__field input,.bn__field select{background:var(--bg);color:var(--ink);border:1px solid var(--inactive);border-radius:var(--radius-sm);font:15px var(--font-mono);box-sizing:border-box;width:100%;min-width:0;padding:10px 12px}.bn__field input:focus,.bn__field select:focus,.bn button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.bn__field input[aria-invalid=true]{border-color:var(--problem)}.bn__pick{align-items:center;gap:var(--sp-2);display:flex}.bn__sw{border:1px solid var(--inactive);border-radius:3px;flex:0 0 22px;height:22px;display:block}.bn__h{margin:var(--sp-3) 0 var(--sp-2);color:var(--ink);font-size:16px}.bn__layers{margin:0 0 var(--sp-2);padding:0;list-style:none}.bn__layers li{align-items:center;gap:var(--sp-2);border-bottom:1px solid var(--line);color:var(--text-2);flex-wrap:wrap;padding:6px 0;font-size:15px;display:flex}.bn__layers .bn__name{align-items:center;gap:var(--sp-2);flex:140px;display:flex}.bn__layers button{background:var(--bg);color:var(--ink);border:1px solid var(--inactive);border-radius:var(--radius-sm);min-width:40px;min-height:40px;font:14px var(--font-display);cursor:pointer}.bn__layers button:disabled{opacity:.4;cursor:default}.bn__empty,.bn__note{color:var(--muted)!important;margin:0 0 var(--sp-2)!important;font-size:14px!important}.bn__empty[hidden]{display:none}.bn__add{border:1px solid var(--line);border-radius:var(--radius-sm);padding:var(--sp-3);margin:var(--sp-3) 0 0;min-width:0}.bn__add legend{color:var(--muted);padding:0 6px;font-size:14px}.bn__out{margin-top:var(--sp-4);font-family:var(--font-mono);color:var(--text-2);font-size:15px;line-height:1.6}.bn__cmd{color:var(--accent);margin:var(--sp-2) 0;word-break:break-all;font-size:clamp(14px,2.6vw,18px);display:block}.bn__msgs{margin:var(--sp-2) 0 0;font-family:var(--font-display);padding-left:1.2em;font-size:15px}.bn__sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bn__previewnote{margin-top:var(--sp-2)!important}.bn__err{color:var(--problem)}.bn__out .btn{margin-top:var(--sp-3)}.bn__copied{margin-left:var(--sp-3);color:var(--ok);font-family:var(--font-display);font-size:14px}.toolpage__inner{max-width:760px}.toolpage h1{letter-spacing:-.03em;font-size:clamp(30px,5vw,48px);line-height:1.08}.toolpage__lead{margin:var(--sp-3) 0;color:var(--ink);font-size:17px}.toolpage__edition{color:var(--muted);margin:0 0 var(--sp-3);font-size:13px}.toolpage h2{margin:var(--sp-7) 0 var(--sp-3);color:var(--ink);font-size:24px}.toolpage h3{margin:var(--sp-4) 0 6px;color:var(--ink);font-size:17px}.toolpage p{color:var(--text-2);margin:0 0 var(--sp-3);font-size:16px;line-height:1.6}.toolpage table{border-collapse:collapse;width:100%;margin:var(--sp-3) 0;font-size:15px;display:block;overflow-x:auto}.toolpage th,.toolpage td{border:1px solid var(--line);text-align:left;padding:8px 12px}.toolpage th{color:var(--ink);background:var(--surface)}.toolpage a{color:var(--accent)}.toolpage__small{color:var(--muted)!important;font-size:13px!important}.toolpage__sources{color:var(--muted);padding-left:1.2em;font-size:13px}.toolpage__legal{color:var(--muted)!important;font-size:13px!important}.bn-ex{align-items:center;gap:var(--sp-4);margin:var(--sp-3) 0;flex-wrap:wrap;display:flex}.bn-ex__banner{border:1px solid var(--inactive);width:120px;line-height:0}.bn-ex__banner svg{width:100%;height:auto;display:block}.bn-ex__cmd{font:15px var(--font-mono);color:var(--accent);word-break:break-all;flex:260px}.toolpage td.bn-ex__thumb{width:44px;padding:6px 12px;line-height:0;display:table-cell}.toolpage td.bn-ex__thumb svg{border:1px solid var(--inactive);width:28px;height:56px;display:block}