/* 左栏按键映射（覆盖主样式为两栏 + 卡片式按键）— 唯一视觉焦点 */
.workspace{grid-template-columns:minmax(540px,1fr) minmax(440px,.86fr);align-items:start}
.key-list-panel{min-height:0;position:relative}
/* 顶部青绿标线：左栏的识别特征 */
.key-list-panel::before{
  content:"";position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,var(--accent),transparent 82%);
}
.title-main{color:var(--text)!important;font-size:15px!important}
.mapping-card{display:none}
.device-panel{display:block!important}
.settings{min-width:0}

.button-rows{display:flex;flex-direction:column;gap:10px;padding:14px 16px 18px}
.button-row{
  display:grid;grid-template-columns:50px 1fr;gap:16px;align-items:start;
  padding:14px 15px;border:1px solid var(--line);border-radius:var(--r-md);
  background:var(--panel-2);
  transition:border-color .15s,background .15s;
}
.button-row:hover{border-color:var(--line-2);background:#161c28}

/* 键帽 + 灯 */
.button-id{display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:2px}
.button-id strong{
  width:38px;height:38px;border-radius:11px;font-size:16px;font-weight:750;color:var(--text);
  font-family:var(--mono);font-variant-numeric:tabular-nums;
  background:linear-gradient(180deg,#1b2230,#0e1320);
  border:1px solid var(--line-2);display:grid;place-items:center;
  box-shadow:inset 0 -3px 0 rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.06),0 3px 9px rgba(0,0,0,.3);
}
.button-id .led{width:10px;height:10px;border-radius:50%;border:1px solid rgba(255,255,255,.22)}

/* 功能分段 */
.button-fn{min-width:0;display:flex;flex-direction:column;gap:11px}
.seg{
  display:flex;width:100%;background:#0b0f16;border:1px solid var(--line);
  border-radius:var(--r-sm);padding:3px;gap:3px;
}
.seg-btn{
  flex:1;border:0;background:transparent;color:var(--muted);border-radius:6px;
  padding:8px 6px;cursor:pointer;font-size:12.5px;font-weight:600;
  transition:background .15s,color .15s;
}
.seg-btn:hover{color:var(--text);background:rgba(255,255,255,.05)}
.seg-btn.active{background:var(--accent);color:var(--accent-ink);font-weight:700}

/* 子项（鼠标目标 / 宏） */
.row-details{min-width:0}
.button-row select{width:100%;min-width:0}
.macro-label{display:block;font-size:10.5px;color:var(--muted-2);font-weight:650;margin-bottom:6px}

/* 鼠标目标：单下拉 */
.row-details>select{margin-top:0}

/* 宏：内嵌三栏面板 */
.macro-row{
  display:grid;grid-template-columns:minmax(0,1fr) 146px minmax(0,1fr);gap:10px;
  padding:11px;border:1px solid var(--line);border-radius:var(--r-sm);background:#0a0e15;
}
.macro-field{display:flex;flex-direction:column;min-width:0}
.macro-field .macro-label{margin-bottom:6px}
.seg-sm{padding:2px;border-radius:6px}
.seg-sm .seg-btn{padding:6px 4px;font-size:11.5px;border-radius:5px}

@media(max-width:1150px){
  .workspace{grid-template-columns:1fr}
  .macro-row{grid-template-columns:1fr 140px 1fr}
}
@media(max-width:720px){
  .button-row{grid-template-columns:42px 1fr;gap:12px}
  .button-id strong{width:34px;height:34px;font-size:14px}
  .macro-row{grid-template-columns:1fr}
  .button-rows{padding:8px 10px}
}