.desk-tools { margin: 0 0 24px; }
.common-tools { position:sticky; top:62px; z-index:12; width:100%; max-width:940px; box-sizing:border-box; margin:0 auto 24px; padding:9px 0 11px; background:#f1f5f9; }
html[data-theme="light"] .common-tools { background:#f5f7fb; }
html[data-theme="night"] .common-tools { background:#0f172a; }
.topbar { flex-wrap:nowrap; }
.topbar nav { width:auto; min-width:0; overflow-x:auto; }
.brand { flex:0 0 auto; }
.desk-tools .tools-heading { margin-bottom: 8px; }
.desk-tools .tool-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 0; border-top: 0; }
.desk-tools .tool-row a { display: flex; align-items: center; gap: 9px; min-width: 0; padding: 10px 12px; border: 1px solid var(--anki-line); border-radius: 6px; }
.desk-tools .tool-row a:hover { border-color: var(--anki-blue); }
.desk-tools .tool-symbol { flex: 0 0 auto; width: 24px; height: 24px; font-size: 15px; }
.desk-tools .tool-row strong { font-size: 13px; white-space: nowrap; }
.desk-tools .tool-row small { display: none; }
.desk-tools .tool-row b { margin-left: auto; font-size: 15px; }
@media (max-width: 640px) { .common-tools { top:62px; margin-bottom:18px; padding:7px 0 9px; }.common-tools .tools-heading { margin-bottom:6px; }.common-tools .tools-heading h2 { font-size:14px; }.common-tools .tools-heading span { display:none; }.desk-tools .tool-row { grid-template-columns: repeat(3, minmax(0,1fr)); gap: 5px; } .desk-tools .tool-row a { padding:9px 6px; gap:5px; } .desk-tools .tool-row strong { font-size:12px; overflow:hidden; text-overflow:ellipsis; } .desk-tools .tool-row b { display:none; } }