.tool-fav-wrap{padding:32px 0 60px}.tool-fav-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;margin-bottom:18px}.tool-fav-head h2{margin:0;font-size:30px}.tool-fav-head p{margin:7px 0 0;color:#64748b}.tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.fav-tool{position:relative;display:flex;align-items:stretch;background:#fff;border:1px solid #dbe3ef;border-radius:20px;box-shadow:0 10px 28px rgba(15,23,42,.06);overflow:hidden;transition:.18s}.fav-tool:hover{transform:translateY(-2px);box-shadow:0 15px 34px rgba(15,23,42,.1)}.fav-tool.dragging{opacity:.48}.fav-tool .drag{display:flex;align-items:center;padding:0 5px;color:#94a3b8;cursor:grab}.fav-tool a{min-width:0;flex:1;padding:17px 6px 17px 4px;color:#0f172a;text-decoration:none}.fav-tool .ico{font-size:25px;display:block;margin-bottom:10px}.fav-tool b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fav-tool small{display:block;color:#64748b;margin-top:7px}.fav-tool button{width:44px;border:0;background:transparent;color:#ef4444;font-size:22px;cursor:pointer}.tool-empty{display:none;background:#fff;border:1px dashed #cbd5e1;border-radius:22px;padding:44px;text-align:center;color:#64748b}.tool-empty a{color:#2563eb;font-weight:900}@media(max-width:1000px){.tool-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.tool-grid{grid-template-columns:repeat(2,1fr)}.tool-fav-head h2{font-size:25px}}
.tool-mode-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}.tool-mode-tabs button{height:38px;padding:0 15px;border:0;border-radius:999px;background:#eef2f7;color:#334155;font-weight:900;cursor:pointer}.tool-mode-tabs button.active{background:#2563eb;color:#fff}.tool-mode-tabs #clearRecentBtn{margin-left:auto;background:#fee2e2;color:#991b1b}body.dark .tool-mode-tabs button{background:#1f2937;color:#cbd5e1}body.dark .tool-mode-tabs button.active{background:#2563eb;color:#fff}