@media (min-width:320px){html[data-v-6922a85a]{font-size:16px}}@media (min-width:360px){html[data-v-6922a85a]{font-size:16px}}@media (min-width:375px){html[data-v-6922a85a]{font-size:16px}}@media (min-width:390px){html[data-v-6922a85a]{font-size:16px}}@media (min-width:412px){html[data-v-6922a85a]{font-size:16px}}@media (min-width:414px){html[data-v-6922a85a]{font-size:16px}}@media (min-width:430px){html[data-v-6922a85a]{font-size:16px}}@media (min-width:1440px){html[data-v-6922a85a]{font-size:16px}}@media (min-width:1600px){html[data-v-6922a85a]{font-size:16px}}@media (min-width:1800px){html[data-v-6922a85a]{font-size:16px}}@media (min-width:1920px){html[data-v-6922a85a]{font-size:16px}}@media (min-width:2160px){html[data-v-6922a85a]{font-size:16px}}@media (min-width:2880px){html[data-v-6922a85a]{font-size:16px}}@media (min-width:4320px){html[data-v-6922a85a]{font-size:16px}}@media (min-width:5760px){html[data-v-6922a85a]{font-size:16px}}.font10[data-v-6922a85a]{font-size:10px}@media screen and (min-width:1024px) and (max-width:1920px){.font10[data-v-6922a85a]{font-size:10PX}}.font11[data-v-6922a85a]{font-size:11px}@media screen and (min-width:1024px) and (max-width:1920px){.font11[data-v-6922a85a]{font-size:11PX}}.font12[data-v-6922a85a]{font-size:12px}@media screen and (min-width:1024px) and (max-width:1920px){.font12[data-v-6922a85a]{font-size:12PX}}.font13[data-v-6922a85a]{font-size:13px}@media screen and (min-width:1024px) and (max-width:1920px){.font13[data-v-6922a85a]{font-size:13PX}}.font14[data-v-6922a85a]{font-size:14px}@media screen and (min-width:1024px) and (max-width:1920px){.font14[data-v-6922a85a]{font-size:14PX}}.font15[data-v-6922a85a]{font-size:15px}@media screen and (min-width:1024px) and (max-width:1920px){.font15[data-v-6922a85a]{font-size:15PX}}.font16[data-v-6922a85a]{font-size:16px}@media screen and (min-width:1024px) and (max-width:1920px){.font16[data-v-6922a85a]{font-size:16PX}}.font17[data-v-6922a85a]{font-size:17px}@media screen and (min-width:1024px) and (max-width:1920px){.font17[data-v-6922a85a]{font-size:17PX}}.font18[data-v-6922a85a]{font-size:18px}@media screen and (min-width:1024px) and (max-width:1920px){.font18[data-v-6922a85a]{font-size:18PX}}.font19[data-v-6922a85a]{font-size:19px}@media screen and (min-width:1024px) and (max-width:1920px){.font19[data-v-6922a85a]{font-size:19PX}}.font20[data-v-6922a85a]{font-size:20px}@media screen and (min-width:1024px) and (max-width:1920px){.font20[data-v-6922a85a]{font-size:20PX}}.font21[data-v-6922a85a]{font-size:21px}@media screen and (min-width:1024px) and (max-width:1920px){.font21[data-v-6922a85a]{font-size:21PX}}.font22[data-v-6922a85a]{font-size:22px}@media screen and (min-width:1024px) and (max-width:1920px){.font22[data-v-6922a85a]{font-size:22PX}}.font23[data-v-6922a85a]{font-size:23px}@media screen and (min-width:1024px) and (max-width:1920px){.font23[data-v-6922a85a]{font-size:23PX}}.font24[data-v-6922a85a]{font-size:24px}@media screen and (min-width:1024px) and (max-width:1920px){.font24[data-v-6922a85a]{font-size:24PX}}.font25[data-v-6922a85a]{font-size:25px}@media screen and (min-width:1024px) and (max-width:1920px){.font25[data-v-6922a85a]{font-size:25PX}}.font26[data-v-6922a85a]{font-size:26px}@media screen and (min-width:1024px) and (max-width:1920px){.font26[data-v-6922a85a]{font-size:26PX}}.font27[data-v-6922a85a]{font-size:27px}@media screen and (min-width:1024px) and (max-width:1920px){.font27[data-v-6922a85a]{font-size:27PX}}.font28[data-v-6922a85a]{font-size:28px}@media screen and (min-width:1024px) and (max-width:1920px){.font28[data-v-6922a85a]{font-size:28PX}}.font29[data-v-6922a85a]{font-size:29px}@media screen and (min-width:1024px) and (max-width:1920px){.font29[data-v-6922a85a]{font-size:29PX}}.font30[data-v-6922a85a]{font-size:30px}@media screen and (min-width:1024px) and (max-width:1920px){.font30[data-v-6922a85a]{font-size:30PX}}.font31[data-v-6922a85a]{font-size:31px}@media screen and (min-width:1024px) and (max-width:1920px){.font31[data-v-6922a85a]{font-size:31PX}}.font32[data-v-6922a85a]{font-size:32px}@media screen and (min-width:1024px) and (max-width:1920px){.font32[data-v-6922a85a]{font-size:32PX}}.font33[data-v-6922a85a]{font-size:33px}@media screen and (min-width:1024px) and (max-width:1920px){.font33[data-v-6922a85a]{font-size:33PX}}.font34[data-v-6922a85a]{font-size:34px}@media screen and (min-width:1024px) and (max-width:1920px){.font34[data-v-6922a85a]{font-size:34PX}}.font35[data-v-6922a85a]{font-size:35px}@media screen and (min-width:1024px) and (max-width:1920px){.font35[data-v-6922a85a]{font-size:35PX}}.font36[data-v-6922a85a]{font-size:36px}@media screen and (min-width:1024px) and (max-width:1920px){.font36[data-v-6922a85a]{font-size:36PX}}.font37[data-v-6922a85a]{font-size:37px}@media screen and (min-width:1024px) and (max-width:1920px){.font37[data-v-6922a85a]{font-size:37PX}}.font38[data-v-6922a85a]{font-size:38px}@media screen and (min-width:1024px) and (max-width:1920px){.font38[data-v-6922a85a]{font-size:38PX}}.font39[data-v-6922a85a]{font-size:39px}@media screen and (min-width:1024px) and (max-width:1920px){.font39[data-v-6922a85a]{font-size:39PX}}.font40[data-v-6922a85a]{font-size:40px}@media screen and (min-width:1024px) and (max-width:1920px){.font40[data-v-6922a85a]{font-size:40PX}}.page-header[data-v-6922a85a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:32px}.page-title[data-v-6922a85a]{color:#1f2937;font-size:24px;font-weight:600;margin:0}.filter-dropdown[data-v-6922a85a],.page-actions[data-v-6922a85a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.filter-dropdown[data-v-6922a85a]{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;gap:8px;padding:8px 16px;-webkit-transition:all .2s ease;transition:all .2s ease}.filter-dropdown[data-v-6922a85a]:hover{background-color:#f9fafb;border-color:#9ca3af}.tools-grid[data-v-6922a85a]{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.tool-card[data-v-6922a85a]{background-color:#fff;border-radius:12px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1);box-shadow:0 1px 3px #0000001a;cursor:pointer;overflow:hidden;-webkit-transition:all .2s ease;transition:all .2s ease}.tool-card[data-v-6922a85a]:hover{-webkit-box-shadow:0 4px 12px rgba(0,0,0,.15);box-shadow:0 4px 12px #00000026;-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px)}.tool-image[data-v-6922a85a]{height:200px;overflow:hidden;width:100%}.tool-image img[data-v-6922a85a]{height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;width:100%}.tool-card:hover .tool-image img[data-v-6922a85a]{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.tool-content[data-v-6922a85a]{padding:20px}.tool-title[data-v-6922a85a]{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 8px}.tool-description[data-v-6922a85a]{color:#6b7280;font-size:14px;line-height:1.5;margin:0}@media (max-width:768px){.demo-page[data-v-6922a85a]{padding:16px}.page-header[data-v-6922a85a]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:16px}.tools-grid[data-v-6922a85a]{gap:16px;grid-template-columns:1fr}.tool-image[data-v-6922a85a]{height:160px}}