.ops-tool .bc-app{max-width:820px;margin:0 auto;padding:24px 20px 60px}.ops-tool .bc-fields{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.ops-tool .bc-field{background:var(--bg3);border:1px solid var(--bdr);border-radius:12px;padding:14px 16px 12px;transition:border-color .12s}.ops-tool .bc-field.is-error{border-color:var(--err);background:#ef44440d}.ops-tool .bc-field-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.ops-tool .bc-field-label{color:var(--tx);align-items:baseline;gap:10px;font-size:13px;font-weight:600;display:flex}.ops-tool .bc-field-base{color:var(--tx3);text-transform:uppercase;letter-spacing:.5px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:500}.ops-tool .bc-bitwidth{color:var(--tx2);background:var(--bg2);border:1px solid var(--bdr);border-radius:4px;padding:2px 8px;font-family:JetBrains Mono,monospace;font-size:10px}.ops-tool .bc-bitwidth-note{color:var(--tx3);margin-left:4px}.ops-tool .bc-field-input-wrap{gap:6px;display:flex}.ops-tool .bc-field-input{background:var(--bg2);border:1px solid var(--bdr);color:var(--tx);letter-spacing:.02em;border-radius:8px;outline:none;flex:1;min-width:0;padding:12px 14px;font-family:JetBrains Mono,monospace;font-size:16px;font-weight:500}.ops-tool .bc-field-input:focus{border-color:var(--bdr-hi);box-shadow:0 0 0 3px var(--acg)}.ops-tool .bc-field-input::placeholder{color:var(--tx3)}.ops-tool .bc-field.is-error .bc-field-input{border-color:var(--err)}.ops-tool .bc-field.is-error .bc-field-input:focus{box-shadow:0 0 0 3px #ef444426}.ops-tool .bc-copy{background:var(--bg2);border:1px solid var(--bdr);color:var(--tx2);cursor:pointer;white-space:nowrap;border-radius:8px;flex-shrink:0;padding:0 14px;font-family:Noto Sans JP,sans-serif;font-size:12px;transition:all .12s}.ops-tool .bc-copy:hover:not(:disabled){border-color:var(--bdr-hi);color:var(--tx)}.ops-tool .bc-copy:disabled{opacity:.4;cursor:not-allowed}.ops-tool .bc-copy.is-copied{border-color:var(--ok);color:var(--ok)}.ops-tool .bc-field-error{color:var(--err);margin-top:8px;font-family:Noto Sans JP,sans-serif;font-size:12px}.ops-tool .bc-toolbar{background:var(--bg3);border:1px solid var(--bdr);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.ops-tool .bc-toggle{color:var(--tx2);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:12px;display:flex}.ops-tool .bc-toggle input[type=checkbox]{cursor:pointer;accent-color:var(--ac)}.ops-tool .bc-clear{background:var(--bg2);border:1px solid var(--bdr);color:var(--tx2);cursor:pointer;border-radius:6px;padding:7px 16px;font-family:Noto Sans JP,sans-serif;font-size:12px;transition:all .12s}.ops-tool .bc-clear:hover:not(:disabled){border-color:var(--ac);color:var(--ac)}.ops-tool .bc-clear:disabled{opacity:.4;cursor:not-allowed}@media (max-width:640px){.ops-tool .bc-app{padding:18px 14px 50px}.ops-tool .bc-field-input{padding:10px 12px;font-size:14px}.ops-tool .bc-field-head{align-items:flex-start}.ops-tool .bc-bitwidth{font-size:9px}}
