/* 进制转换器：输入行 + 各进制结果 + 位宽补码 */

.rc-input{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.rc-input .form-select{flex:0 1 auto;width:auto;min-width:11rem}
.rc-input .form-control{flex:1 1 16rem;min-width:12rem;font-size:1rem}
.rc-opts{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-top:.6rem}
.rc-opt{display:inline-flex;align-items:center;gap:.35rem;margin:0;font-size:.8125rem;color:#5b6675}
.rc-opt .form-select{width:auto;min-width:5rem}

.rc-rows{margin-top:.875rem;border:1px solid #eef1f5;border-radius:.625rem;overflow:hidden}
.rc-empty{padding:1.5rem 1rem;text-align:center;color:#8a94a3;font-size:.875rem}
.rc-row{display:grid;grid-template-columns:6rem minmax(0,1fr) auto;align-items:center;gap:.5rem;
  padding:.5rem .75rem;border-top:1px solid #f3f5f8}
.rc-row:first-child{border-top:0}
.rc-row-sm{grid-template-columns:4rem minmax(0,1fr) auto auto}
.rc-base{font-size:.8125rem;color:#8a94a3}
.rc-val{display:block;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:.9375rem;color:#2b3441;word-break:break-all;background:none}
.rc-hex{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8125rem;color:#5b6675}
.rc-over{font-size:.75rem;color:#c92a2a}
.rc-copy{flex:none}

.rc-width{margin-top:.875rem;border:1px solid #eef1f5;border-radius:.625rem;overflow:hidden}
.rc-width-title{padding:.5rem .75rem;background:#f7f9fb;font-size:.8125rem;font-weight:600;color:#2b3441}
.rc-tip{margin-top:.6rem}

@media (max-width:575.98px){
  .rc-row{grid-template-columns:4.5rem minmax(0,1fr) auto;font-size:.8125rem}
  .rc-row-sm{grid-template-columns:3rem minmax(0,1fr) auto;row-gap:.2rem}
  .rc-row-sm .rc-hex{grid-column:2 / -1}
}