.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;
  font-size:13px;font-weight:500;border:1px solid var(--line);background:var(--panel);color:var(--text);transition:.18s;cursor:pointer;font-family:inherit}
.btn:hover{border-color:var(--line-strong);transform:translateY(-1px)}
.btn.primary{background:linear-gradient(180deg,#ff8a2a,#d95a00);border-color:#ff9a4a;color:#fff;
  box-shadow:0 10px 30px -10px rgba(255,120,30,.7), inset 0 1px 0 rgba(255,255,255,.2)}
.btn.ghost{background:transparent}
.btn[disabled]{opacity:.5;cursor:not-allowed;transform:none}
.kbd{font-family:'JetBrains Mono',monospace;font-size:10px;padding:2px 6px;border-radius:5px;
  border:1px solid var(--line-strong);color:var(--text-dim);background:rgba(0,0,0,.35)}
.ico-btn{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;
  background:rgba(255,255,255,.03);border:1px solid var(--line);color:var(--text-dim);transition:.15s;cursor:pointer}
.ico-btn:hover{background:rgba(255,120,30,.1);color:var(--ember);border-color:var(--line-strong)}
.ico-btn.primary{background:linear-gradient(180deg,#ff8a2a,#d95a00);color:#fff;border-color:#ff9a4a;box-shadow:0 6px 20px -6px rgba(255,120,30,.7)}
.qbtn{padding:6px 10px;font-size:11.5px;border-radius:7px;background:rgba(255,255,255,.05);border:1px solid var(--line);color:var(--text);transition:.15s;display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-family:inherit}
.qbtn:hover{background:rgba(255,120,30,.12);border-color:var(--line-strong);color:var(--ember)}
.qbtn.primary{background:var(--ember);color:#180d08;border-color:var(--ember);font-weight:600}
.qbtn.primary:hover{background:var(--ember-soft);color:#0a0706}
.qbtn.danger{color:var(--warn);border-color:rgba(255,176,32,.3)}
.qbtn.danger:hover{background:rgba(255,176,32,.1);color:var(--warn)}
.segmented{display:inline-flex;padding:3px;background:rgba(0,0,0,.4);border:1px solid var(--line);border-radius:10px;gap:2px}
.segmented button{padding:8px 12px;font-size:12px;border-radius:7px;color:var(--text-dim);cursor:pointer;font-family:inherit}
.segmented button.active{background:rgba(255,120,30,.15);color:var(--ember)}
.filter{padding:6px 10px;border-radius:7px;font-size:12px;color:var(--text-dim);border:1px solid transparent;cursor:pointer;font-family:inherit}
.filter:hover{color:var(--text);background:rgba(255,255,255,.03)}
.filter.active{color:var(--ember);background:rgba(255,120,30,.1);border-color:var(--line-strong)}
.filter .count{margin-left:6px;font-family:'JetBrains Mono',monospace;font-size:10px;opacity:.7}