:root{--ai-tools-color-primary: #3b82f6;--ai-tools-color-primary-dark: #1d4ed8;--ai-tools-color-secondary: #8b5cf6;--ai-tools-color-accent: #ec4899;--ai-tools-bg-primary: #000000;--ai-tools-bg-secondary: #1f2937;--ai-tools-bg-card: #111827;--ai-tools-text-primary: #ffffff;--ai-tools-text-secondary: #d1d5db;--ai-tools-text-muted: #9ca3af;--ai-tools-border:rgba(255, 255, 255, .2);--ai-tools-border-hover: #4b5563;--ai-tools-shadow: rgba(0, 0, 0, .3);--ai-tools-shadow-hover: rgba(59, 130, 246, .15);--ai-tools-transition: all .3s ease;--ai-tools-border-radius: .5rem;--ai-tools-border-radius-lg: .75rem}.ai-tools{background:linear-gradient(135deg,var(--ai-tools-bg-secondary) 0%,var(--ai-tools-bg-card) 50%,#0f172a 100%);min-height:100vh}.ai-tools-hero{background:var(--ai-tools-bg-primary)}.ai-tools-content{background:var(--ai-tools-bg-primary);padding:1rem 0 3rem}.ai-tools-content__layout{display:grid;grid-template-columns:3fr 1fr;gap:2rem;min-height:60vh}.ai-tools-content__container{transition:opacity .3s ease}.ai-tools-recommended{margin-top:3rem;margin-bottom:4rem}.ai-tools-recommended__header{margin-bottom:1.5rem;text-align:left}.ai-tools-recommended__title{font-size:1.875rem;font-weight:700;color:var(--ai-tools-text-primary);margin:0;display:inline-flex;align-items:center;gap:.75rem}.ai-tools-recommended__icon{font-size:2rem}.ai-tools-recommended__title-text{background:linear-gradient(135deg,var(--ai-tools-color-primary) 0%,var(--ai-tools-color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ai-tools-recommended__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.ai-tools-recommended-card{border:1px solid var(--ai-tools-border);border-radius:var(--ai-tools-border-radius-lg);padding:1.5rem;transition:var(--ai-tools-transition);position:relative;overflow:hidden;background:#11182780}.ai-tools-recommended-card:before{content:"";position:absolute;inset:0;border-radius:var(--ai-tools-border-radius-lg);padding:2px;background:linear-gradient(90deg,#60a5fa,#a855f7);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:0}.ai-tools-recommended-card>*{position:relative;z-index:1}.ai-tools-recommended-card:hover{background:linear-gradient(90deg,#60a5fa33,#a855f733),#1d2635;border-color:transparent;transform:translateY(-4px);box-shadow:0 8px 20px 8px #5329b640}.ai-tools-recommended-card:hover:before{opacity:1}.ai-tools-recommended-card__header{display:flex;align-items:center;margin-bottom:.75rem}.ai-tools-recommended-card__icon{flex-shrink:0;margin-right:.75rem}.ai-tools-recommended-card__icon-img{width:3rem;height:3rem;border-radius:50%;object-fit:cover;background:var(--ai-tools-border)}.ai-tools-recommended-card__icon-fallback{width:3rem;height:3rem;background:linear-gradient(135deg,var(--ai-tools-color-primary) 0%,var(--ai-tools-color-secondary) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center}.ai-tools-recommended-card__icon-fallback .material-icons{color:var(--ai-tools-text-primary);font-size:1.5rem}.ai-tools-recommended-card__title-wrapper{flex:1;min-width:0}.ai-tools-recommended-card__title{font-size:1.125rem;font-weight:600;color:var(--ai-tools-text-primary);line-height:1.4;transition:var(--ai-tools-transition);margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.ai-tools-recommended-card__link{text-decoration:none;color:inherit;display:block;outline:none}.ai-tools-recommended-card__link:focus{outline:none}.ai-tools-recommended-card__link:hover .ai-tools-recommended-card__title{color:var(--ai-tools-color-primary);text-decoration:underline}.ai-tools-recommended-card__link:visited .ai-tools-recommended-card__title{color:var(--ai-tools-text-primary)}.ai-tools-recommended-card__description{color:var(--ai-tools-text-muted);font-size:.875rem;line-height:1.5;margin:0}.ai-tools-nav{max-width:none;margin:0 auto}.ai-tools-nav--parent{margin-bottom:0;padding:1rem 0;background:transparent;border-radius:0;border:none;backdrop-filter:none}.ai-tools-nav__header{margin-bottom:1.5rem;text-align:left}.ai-tools-nav__title{font-size:1.875rem;font-weight:700;color:var(--ai-tools-text-primary);margin:0;display:inline-flex;align-items:center;gap:.75rem}.ai-tools-nav__icon{font-size:2rem}.ai-tools-nav__title-text{background:linear-gradient(135deg,var(--ai-tools-color-primary) 0%,var(--ai-tools-color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ai-tools-nav__wrapper{position:relative;display:flex;align-items:center;gap:.75rem}.ai-tools-nav__arrow{flex-shrink:0;width:3rem;height:3rem;background:linear-gradient(135deg,var(--ai-tools-color-primary) 0%,var(--ai-tools-color-secondary) 100%);border:none;border-radius:50%;color:var(--ai-tools-text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--ai-tools-transition);box-shadow:0 4px 12px #3b82f64d;outline:none;z-index:10}.ai-tools-nav__arrow:hover{transform:scale(1.1);box-shadow:0 6px 16px #3b82f680}.ai-tools-nav__arrow:active{transform:scale(.95)}.ai-tools-nav__arrow:focus{outline:none}.ai-tools-nav__arrow:disabled{opacity:.3;cursor:not-allowed;transform:none}.ai-tools-nav__arrow:disabled:hover{transform:none;box-shadow:0 4px 12px #3b82f64d}.ai-tools-nav__arrow .material-icons{font-size:2rem}.ai-tools-nav--hidden{display:none}.ai-tools-nav--visible{display:block}.ai-tools-nav__list{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:1rem;flex:1;overflow-x:auto;overflow-y:hidden;padding:.5rem 0 1rem;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.ai-tools-nav__list::-webkit-scrollbar{height:6px}.ai-tools-nav__list::-webkit-scrollbar-track{background:#3741514d;border-radius:3px}.ai-tools-nav__list::-webkit-scrollbar-thumb{background:var(--ai-tools-color-primary);border-radius:3px}.ai-tools-nav__list::-webkit-scrollbar-thumb:hover{background:var(--ai-tools-color-primary-dark)}.ai-tools-nav__item{background:#1f2937cc;color:var(--ai-tools-text-secondary);border:1px solid rgba(75,85,99,.4);padding:1.5rem;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;min-width:180px;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;outline:none;flex-shrink:0;white-space:normal;word-wrap:break-word;box-shadow:0 2px 4px #00000026;position:relative;overflow:hidden}.ai-tools-nav__item:before{content:"";position:absolute;inset:0;border-radius:.75rem;padding:2px;background:linear-gradient(90deg,#60a5fa,#a855f7);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:0}.ai-tools-nav__item>*{position:relative;z-index:1}.ai-tools-nav__item:focus{outline:none}.ai-tools-nav__item:not(.ai-tools-nav__item--active):hover{background:#2d3748e6;border-color:var(--ai-tools-color-primary);color:var(--ai-tools-text-primary);transform:translateY(-2px);box-shadow:0 4px 8px #3b82f633}.ai-tools-nav__item--active{background:linear-gradient(90deg,#60a5fa33,#a855f733),#1d2635;color:#fff;border-color:transparent;box-shadow:0 8px 20px 8px #5329b640}.ai-tools-nav__item--active:before{opacity:1}.ai-tools-nav__item--active:hover{box-shadow:0 8px 20px 8px #5329b640;transform:translateY(-2px)}.ai-tools-nav__dropdown-trigger,.ai-tools-sidebar__dropdown-trigger{display:none}.ai-tools-sidebar{position:relative}.ai-tools-sidebar__title{margin:0 0 1rem;font-size:1.125rem;font-weight:600;color:var(--ai-tools-text-primary)}.ai-tools-sidebar__title-text{background:linear-gradient(135deg,var(--ai-tools-color-primary) 0%,var(--ai-tools-color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ai-tools-sidebar__nav{display:flex;flex-direction:column;gap:1rem}.ai-tools-sidebar__placeholder{color:var(--ai-tools-text-muted);font-size:.875rem;margin:0;padding:.75rem;text-align:center;font-style:italic}.ai-tools-sidebar__item{color:var(--ai-tools-text-secondary);border:1px solid var(--ai-tools-border);padding:.75rem;border-radius:var(--ai-tools-border-radius);font-size:.875rem;cursor:pointer;transition:var(--ai-tools-transition);text-decoration:none;width:100%;text-align:left;display:block;position:relative;overflow:hidden;outline:none}.ai-tools-sidebar__item:focus{outline:none}.ai-tools-sidebar__item:before{content:"";position:absolute;inset:0;border-radius:var(--ai-tools-border-radius);padding:2px;background:linear-gradient(90deg,#60a5fa,#a855f7);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:0}.ai-tools-sidebar__item>*{position:relative;z-index:1}.ai-tools-sidebar__item:not(.ai-tools-sidebar__item--active):hover{background:var(--ai-tools-border-hover);border-color:var(--ai-tools-color-primary);transform:translate(4px)}.ai-tools-sidebar__item--active{background:linear-gradient(90deg,#60a5fa33,#a855f733),#1d2635;color:var(--ai-tools-text-primary);border:1px solid transparent;box-shadow:0 8px 20px 8px #5329b640;outline:none}.ai-tools-sidebar__item--active:before{opacity:1}.ai-tools-sidebar__item--active:focus{outline:none}.ai-tools-sidebar__item--active:hover{box-shadow:0 10px 24px 10px #5329b650;transform:translate(2px)}.ai-tools-category{margin-bottom:3rem}.ai-tools-category__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.ai-tools-category__title{font-size:2rem;font-weight:700;color:var(--ai-tools-text-primary);margin:0;display:flex;align-items:center}.ai-tools-category__title-text{background:linear-gradient(135deg,var(--ai-tools-color-primary) 0%,var(--ai-tools-color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ai-tools-category__count{margin-left:1rem;font-size:.875rem;font-weight:400;color:var(--ai-tools-text-muted)}.ai-tools-category__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}.ai-tools-card{border:1px solid var(--ai-tools-border);border-radius:var(--ai-tools-border-radius-lg);padding:1.5rem;transition:var(--ai-tools-transition);position:relative;overflow:hidden;opacity:1;transform:translateY(0)}.ai-tools-card:before{content:"";position:absolute;inset:0;border-radius:var(--ai-tools-border-radius-lg);padding:2px;background:linear-gradient(90deg,#60a5fa,#a855f7);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:0}.ai-tools-card>*{position:relative;z-index:1}.ai-tools-card:hover{background:linear-gradient(90deg,#60a5fa33,#a855f733),#1d2635;border-color:transparent;transform:translateY(-4px);box-shadow:0 8px 20px 8px #5329b640}.ai-tools-card:hover:before{opacity:1}.ai-tools-card--loading{opacity:0;transform:translateY(20px);animation:ai-tools-card-fade-in .5s ease forwards}.ai-tools-card__header{display:flex;align-items:center;margin-bottom:.75rem}.ai-tools-card__icon{flex-shrink:0;margin-right:.75rem}.ai-tools-card__icon img{width:3rem;height:3rem;border-radius:50%;object-fit:cover;background:var(--ai-tools-border)}.ai-tools-card__icon-fallback{width:3rem;height:3rem;background:linear-gradient(135deg,var(--ai-tools-color-primary) 0%,var(--ai-tools-color-secondary) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center}.ai-tools-card__icon-fallback .material-icons{color:var(--ai-tools-text-primary);font-size:1.5rem}.ai-tools-card__title-wrapper{flex:1;min-width:0}.ai-tools-card__title{font-size:1.25rem;font-weight:600;color:var(--ai-tools-text-primary);line-height:1.4;transition:var(--ai-tools-transition);margin:0;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.ai-tools-card__link{text-decoration:none;color:inherit;display:block;outline:none}.ai-tools-card__link:focus{outline:none}.ai-tools-card__link:hover .ai-tools-card__title{color:var(--ai-tools-color-primary);text-decoration:underline}.ai-tools-card__link:visited .ai-tools-card__title{color:var(--ai-tools-text-primary)}.ai-tools-card__tags{margin-bottom:1rem}.ai-tools-card__tags-list{display:flex;flex-wrap:wrap;gap:.5rem}.ai-tools-card__tag{font-size:.75rem;padding:.25rem .5rem;background:var(--ai-tools-bg-card);color:var(--ai-tools-text-muted);border:1px solid var(--ai-tools-border);border-radius:9999px;transition:var(--ai-tools-transition);cursor:pointer;user-select:none}.ai-tools-card__tag:hover{background:var(--ai-tools-border);color:var(--ai-tools-text-secondary)}.ai-tools-card__tag--more{background:var(--ai-tools-border);color:var(--ai-tools-text-muted)}.ai-tools-card__description{color:var(--ai-tools-text-muted);font-size:.875rem;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.ai-tools-card__detail-badge{position:absolute;top:.75rem;right:.75rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border-radius:50%;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #3b82f666;z-index:2;transition:var(--ai-tools-transition)}.ai-tools-card__detail-badge .material-icons{font-size:1.125rem}.ai-tools-card:hover .ai-tools-card__detail-badge{transform:scale(1.1);box-shadow:0 4px 12px #3b82f699}.ai-tools-loading{text-align:center;padding:4rem 0;transition:var(--ai-tools-transition)}.ai-tools-loading__spinner{display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;background:var(--ai-tools-color-primary);border-radius:50%;margin-bottom:1rem;animation:ai-tools-spin 1s linear infinite}.ai-tools-loading__spinner .material-icons{color:var(--ai-tools-text-primary)}.ai-tools-loading__text{color:var(--ai-tools-text-muted)}.ai-tools-empty{text-align:center;padding:4rem 0}.ai-tools-empty__icon{width:6rem;height:6rem;background:var(--ai-tools-bg-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.ai-tools-empty__icon .material-icons{font-size:3rem;color:var(--ai-tools-text-muted)}.ai-tools-empty__title{font-size:1.5rem;font-weight:600;color:var(--ai-tools-text-primary);margin-bottom:1rem}.ai-tools-empty__description{color:var(--ai-tools-text-muted);margin-bottom:1.5rem}.ai-tools-text-clamp-3{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@keyframes ai-tools-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ai-tools-card-fade-in{to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.ai-tools{background:#000;min-height:100vh}.ai-tools .ai-tools-hero{padding:2rem 0 .5rem}.ai-tools .ai-tools-hero h1{font-size:2.5rem;margin-bottom:1rem}.ai-tools .ai-tools-hero p{font-size:1rem;margin-bottom:1.5rem}.ai-tools-recommended{margin-bottom:1.5rem}.ai-tools-recommended__header{margin-bottom:1rem}.ai-tools-recommended__title,.ai-tools-recommended__icon{font-size:1.5rem}.ai-tools-recommended__grid{grid-template-columns:1fr;gap:1rem}.ai-tools-recommended-card{padding:1rem}.ai-tools-recommended-card:hover{transform:none;box-shadow:none;border:1px solid var(--ai-tools-border);background:#11182780}.ai-tools-recommended-card:hover:before{opacity:0}.ai-tools-recommended-card__icon-img,.ai-tools-recommended-card__icon-fallback{width:2.5rem;height:2.5rem}.ai-tools-recommended-card__icon-fallback .material-icons{font-size:1.25rem}.ai-tools-recommended-card__title{font-size:1rem}.ai-tools-recommended-card__description{font-size:.85rem}.ai-tools-nav__header{margin-bottom:1rem}.ai-tools-nav__title,.ai-tools-nav__icon{font-size:1.5rem}.ai-tools .ai-tools-content{padding:0rem 0 1.5rem}.ai-tools .ai-tools-content__layout{display:flex;flex-direction:column;gap:1.5rem;grid-template-columns:none}.ai-tools .ai-tools-nav--parent.ai-tools-nav--hidden{display:block!important}.ai-tools-nav--parent{margin-bottom:1rem;padding:0;background:transparent;border:none;border-radius:0;position:relative}.ai-tools-nav__arrow{display:none}.ai-tools-nav__wrapper{display:block}.ai-tools-nav--parent.dropdown-active{z-index:50}.ai-tools-nav__list{display:none;position:absolute;top:100%;left:0;right:0;background:var(--ai-tools-bg-card);border:1px solid var(--ai-tools-border);border-radius:var(--ai-tools-border-radius);max-height:300px;overflow-y:auto;overflow-x:hidden;z-index:150;margin-top:.5rem;padding:.5rem 0;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;gap:.25rem;box-shadow:0 4px 12px #00000026}.ai-tools-nav__list--open{display:flex}.ai-tools .ai-tools-nav__dropdown-trigger,.ai-tools .ai-tools-sidebar__dropdown-trigger{display:flex!important}.ai-tools-nav__dropdown-trigger{align-items:center;justify-content:space-between;width:100%;background:var(--ai-tools-bg-secondary);color:var(--ai-tools-text-primary);border:1px solid var(--ai-tools-border);padding:.875rem 1rem;border-radius:var(--ai-tools-border-radius);font-size:1rem;font-weight:500;cursor:pointer;text-align:left;outline:none}.ai-tools-nav__dropdown-trigger:focus{outline:none}.ai-tools-nav__dropdown-arrow{transition:transform .2s ease;font-size:1.2rem}.ai-tools-nav__dropdown-arrow--open{transform:rotate(180deg)}.ai-tools-nav__item{padding:.75rem 1rem;font-size:1rem;border:none;border-radius:0;margin:0 .5rem;min-height:auto;background:transparent;transition:background-color .2s ease;width:calc(100% - 1rem);flex:none;display:block;text-align:left;outline:none}.ai-tools-nav__item:focus{outline:none}.ai-tools-nav__item:before{display:none}.ai-tools-nav__item:hover{background:transparent;border-color:transparent;transform:none;box-shadow:none}.ai-tools-nav__item:active,.ai-tools-nav__item--active{background:var(--ai-tools-color-primary);border-color:transparent;color:var(--ai-tools-text-primary);box-shadow:none}.ai-tools-sidebar{order:-1;margin-bottom:1rem}.ai-tools-sidebar__container{padding:0;background:transparent;border:none;border-radius:0;position:relative}.ai-tools-sidebar__title{font-size:1.2rem;margin-bottom:.75rem}.ai-tools-sidebar__nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--ai-tools-bg-card);border:1px solid var(--ai-tools-border);border-radius:var(--ai-tools-border-radius);max-height:250px;overflow-y:auto;overflow-x:hidden;z-index:100;margin-top:.5rem;padding:.5rem 0;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;gap:.5rem;box-shadow:0 4px 12px #00000026}.ai-tools-sidebar__nav--open{display:flex}.ai-tools-sidebar__dropdown-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;background:var(--ai-tools-bg-secondary);color:var(--ai-tools-text-primary);border:1px solid var(--ai-tools-border);padding:.875rem 1rem;border-radius:var(--ai-tools-border-radius);font-size:1rem;cursor:pointer;text-align:left;outline:none}.ai-tools-sidebar__dropdown-trigger:focus{outline:none}.ai-tools-sidebar__dropdown-arrow{transition:transform .2s ease;font-size:1rem}.ai-tools-sidebar__dropdown-arrow--open{transform:rotate(180deg)}.ai-tools-sidebar__item{padding:.75rem 1rem;font-size:.875rem;border:none;border-radius:var(--ai-tools-border-radius);margin:0 .5rem;width:calc(100% - 1rem);background:transparent;transition:background-color .2s ease;flex:none;display:block;text-align:left}.ai-tools-sidebar__item:before{display:none}.ai-tools-sidebar__item:hover{transform:none;background:transparent;border-color:transparent;box-shadow:none}.ai-tools-sidebar__item:active,.ai-tools-sidebar__item--active{background:var(--ai-tools-color-primary);color:var(--ai-tools-text-primary);border-color:transparent;box-shadow:none}.ai-tools-sidebar__placeholder{font-size:.8rem;padding:.5rem}.ai-tools-category{margin-bottom:2rem}.ai-tools-category__header{flex-direction:column;align-items:flex-start;margin-bottom:0rem}.ai-tools-category__title{font-size:1.2rem;margin-bottom:.8rem}.ai-tools-category__count{display:none}.ai-tools .ai-tools-category .mb-12{margin-bottom:2rem}.ai-tools .ai-tools-category__header.flex{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.ai-tools .ai-tools-category__header .mb-8{margin-bottom:0rem}.ai-tools .ai-tools-category__header h2.text-3xl{font-size:1.2rem;font-weight:700;color:var(--ai-tools-text-primary);display:flex;flex-direction:column;align-items:flex-start;margin:0}.ai-tools .ai-tools-category__header h2 span.bg-gradient-to-r{background:linear-gradient(135deg,var(--ai-tools-color-primary) 0%,var(--ai-tools-color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.ai-tools .ai-tools-category__header h2 span.ml-4{display:none}.ai-tools-category__grid{grid-template-columns:1fr;gap:1rem}.ai-tools .ai-tools-category__grid.grid{display:grid;grid-template-columns:1fr;gap:1rem}.ai-tools .ai-tools-category__grid .gap-8{gap:1rem}.ai-tools .text-white{color:var(--ai-tools-text-primary)}.ai-tools .font-bold{font-weight:700}.ai-tools .font-normal{font-weight:400}.ai-tools .text-gray-400{color:var(--ai-tools-text-muted)}.ai-tools .from-blue-500{--tw-gradient-from: var(--ai-tools-color-primary)}.ai-tools .to-purple-600{--tw-gradient-to: var(--ai-tools-color-secondary)}.ai-tools .items-center{align-items:center}.ai-tools .justify-between{justify-content:space-between}.ai-tools .text-sm{font-size:1rem}.ai-tools .text-transparent{color:transparent}.ai-tools .bg-clip-text{background-clip:text;-webkit-background-clip:text}.ai-tools-content__container{order:2}.ai-tools-card{padding:1rem;border-radius:var(--ai-tools-border-radius)}.ai-tools-card:hover{transform:none;box-shadow:none;border:1px solid var(--ai-tools-border);background:none}.ai-tools-card:hover:before{opacity:0}.ai-tools-card__header{margin-bottom:1rem}.ai-tools-card__icon img,.ai-tools-card__icon-fallback{width:2.5rem;height:2.5rem}.ai-tools-card__icon-fallback .material-icons{font-size:1.25rem}.ai-tools-card__title{font-size:1.1rem;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.ai-tools-card__description{font-size:.85rem;-webkit-line-clamp:3;line-clamp:3}.ai-tools-text-clamp-3{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.ai-tools-loading{padding:2rem 0}.ai-tools-loading__spinner{width:3rem;height:3rem}.ai-tools-loading__text{font-size:.9rem}.ai-tools-empty{padding:2rem 0}.ai-tools-empty__icon{width:4rem;height:4rem}.ai-tools-empty__icon .material-icons{font-size:2rem}.ai-tools-empty__title{font-size:1.25rem}.ai-tools-empty__description{font-size:.9rem}.ai-tools .container{padding-left:1rem;padding-right:1rem}}