@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.z-10{z-index:10}.z-50{z-index:50}.container{width:100%}.mx-auto{margin-inline:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.items-baseline{align-items:baseline}.items-center{align-items:center}.justify-between{justify-content:space-between}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.sepia{--tw-sepia:sepia(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{--bg-primary:#090a0f;--bg-secondary:#0e1017;--bg-card:#0f111abf;--bg-card-hover:#161926d9;--bg-glass:#0e1018b3;--border-subtle:#ffffff12;--border-light:#ffffff1f;--border-focus:#6366f180;--accent-primary:#6366f1;--accent-primary-glow:#6366f140;--accent-secondary:#8b5cf6;--accent-azure:#0ea5e9;--accent-emerald:#10b981;--accent-amber:#f59e0b;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-dark:#0f172a;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-pill:9999px;--font-display:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none}.app-container{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.main-content{flex:1;padding-top:80px}.modern-bg-container{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.ambient-glow{filter:blur(120px);opacity:.12;will-change:transform;border-radius:50%;position:absolute}.ambient-glow-1{background:radial-gradient(circle,#6366f1 0%,#6366f100 70%);width:650px;height:500px;top:-100px;left:20%}.ambient-glow-2{opacity:.08;background:radial-gradient(circle,#0ea5e9 0%,#0ea5e900 70%);width:500px;height:450px;top:150px;right:-100px}.ambient-glow-3{opacity:.06;background:radial-gradient(circle,#8b5cf6 0%,#8b5cf600 70%);width:700px;height:400px;bottom:0;left:10%}.modern-dot-grid{background-image:radial-gradient(#ffffff0f 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 30%,#000 30%,#0000 80%);mask-image:radial-gradient(at 50% 30%,#000 30%,#0000 80%)}.top-navbar-wrapper{z-index:1000;justify-content:center;align-items:center;height:70px;padding:0 20px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:0;right:0}.top-navbar-wrapper.scrolled{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);background:#090a0fd9;box-shadow:0 4px 20px #0006}.top-navbar-container{justify-content:space-between;align-items:center;width:100%;max-width:1240px;display:flex}.topbar-brand{align-items:center;gap:10px;text-decoration:none;display:flex}.topbar-logo-mark{width:32px;height:32px;box-shadow:0 0 14px var(--accent-primary-glow);background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:9px;justify-content:center;align-items:center;display:flex}.topbar-brand-text{align-items:baseline;gap:5px;display:flex}.topbar-brand-main{font-family:var(--font-display);letter-spacing:-.02em;color:#fff;font-size:18px;font-weight:800}.topbar-brand-sub{font-family:var(--font-display);color:var(--text-secondary);font-size:18px;font-weight:400}.modern-status-badge{color:#818cf8;border-radius:var(--radius-pill);letter-spacing:.05em;background:#6366f11a;border:1px solid #6366f140;align-items:center;gap:5px;padding:2px 7px;font-size:10.5px;font-weight:700;display:inline-flex}.status-dot{background:#10b981;border-radius:50%;width:5px;height:5px;box-shadow:0 0 6px #10b981}.topbar-nav-links{border:1px solid var(--border-subtle);border-radius:var(--radius-pill);background:#ffffff08;align-items:center;gap:4px;padding:4px 6px;display:flex}@media (max-width:900px){.topbar-nav-links{display:none}}.topbar-nav-pill{color:var(--text-secondary);border-radius:var(--radius-pill);padding:6px 14px;font-size:13px;font-weight:500;transition:all .2s}.topbar-nav-pill:hover{color:#fff;background:#ffffff0d}.topbar-nav-pill.active{color:#fff;background:#ffffff1a;font-weight:600}.topbar-actions{align-items:center;gap:12px;display:flex}.topbar-btn-github{border-radius:var(--radius-pill);border:1px solid var(--border-subtle);color:var(--text-secondary);background:#ffffff0a;align-items:center;gap:6px;padding:7px 12px;font-size:12.5px;font-weight:500;transition:all .2s;display:inline-flex}.topbar-btn-github:hover{color:#fff;border-color:var(--border-light);background:#ffffff14}@media (max-width:600px){.topbar-btn-github{display:none}}.topbar-btn-submit{border-radius:var(--radius-pill);background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;box-shadow:0 2px 10px var(--accent-primary-glow);align-items:center;gap:6px;padding:7px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.topbar-btn-submit:hover{transform:translateY(-1px);box-shadow:0 4px 14px #6366f166}.topbar-mobile-menu-btn{width:36px;height:36px;color:var(--text-secondary);border:1px solid var(--border-subtle);background:#ffffff0a;border-radius:8px;justify-content:center;align-items:center;display:none}@media (max-width:900px){.topbar-mobile-menu-btn{display:flex}}.mobile-drawer-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#000c;justify-content:flex-end;display:flex;position:fixed;inset:0}.mobile-drawer-panel{background:var(--bg-secondary);border-left:1px solid var(--border-subtle);flex-direction:column;width:300px;height:100%;padding:24px 20px;display:flex}.mobile-drawer-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:28px;padding-bottom:16px;display:flex}.mobile-drawer-nav{flex-direction:column;flex:1;gap:8px;display:flex}.mobile-drawer-link{border-radius:var(--radius-md);color:var(--text-secondary);align-items:center;gap:12px;padding:10px 14px;font-size:14px;transition:all .2s;display:flex}.mobile-drawer-link:hover,.mobile-drawer-link.active{color:#fff;background:#ffffff0f}.mobile-drawer-footer{border-top:1px solid var(--border-subtle);padding-top:16px}.directory-view-wrapper{max-width:1240px;margin:0 auto;padding:20px 20px 80px;position:relative}.modern-hero{text-align:center;margin-bottom:40px}.modern-hero-badge{border-radius:var(--radius-pill);color:#818cf8;letter-spacing:.04em;background:#6366f114;border:1px solid #6366f133;align-items:center;gap:6px;margin-bottom:20px;padding:5px 12px;font-size:11.5px;font-weight:600;display:inline-flex}.badge-sparkle{font-size:13px}.modern-hero-title{font-family:var(--font-display);letter-spacing:-.03em;color:#fff;max-width:900px;margin:0 auto 18px;font-size:clamp(32px,4.5vw,56px);font-weight:800;line-height:1.15}.modern-hero-gradient{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff 30%,#818cf8 100%);-webkit-background-clip:text}.modern-hero-subtitle{color:var(--text-secondary);max-width:700px;margin:0 auto 28px;font-size:clamp(14.5px,1.5vw,17px);line-height:1.65}.modern-metrics-row{border:1px solid var(--border-subtle);border-radius:var(--radius-pill);background:#ffffff05;align-items:center;gap:20px;margin-bottom:32px;padding:10px 24px;display:inline-flex}@media (max-width:680px){.modern-metrics-row{display:none}}.modern-metric-item{align-items:baseline;gap:6px;display:flex}.metric-val{color:#fff;font-size:14px;font-weight:800}.metric-lbl{color:var(--text-muted);font-size:12px}.modern-metric-divider{background:var(--border-subtle);width:1px;height:14px}.modern-tab-switcher{border:1px solid var(--border-subtle);border-radius:var(--radius-pill);background:#ffffff08;margin-bottom:24px;padding:4px;display:inline-flex}.tab-switch-btn{border-radius:var(--radius-pill);color:var(--text-secondary);align-items:center;gap:8px;padding:8px 18px;font-size:13.5px;font-weight:500;transition:all .2s;display:inline-flex}.tab-switch-btn.active{color:#fff;background:#ffffff1a;font-weight:600}.modern-search-wrapper{max-width:680px;margin:0 auto 24px}.modern-search-bar{border:1px solid var(--border-light);background:#0e1018cc;border-radius:14px;align-items:center;height:52px;padding:0 16px;transition:all .25s;display:flex;position:relative;box-shadow:0 8px 30px #0006}.modern-search-bar:focus-within{border-color:var(--border-focus);box-shadow:0 8px 30px #6366f126, 0 0 0 1px var(--accent-primary)}.search-icon-svg{color:var(--text-muted);flex-shrink:0;margin-right:12px}.modern-search-input{color:#fff;background:0 0;border:none;outline:none;width:100%;font-size:14.5px}.modern-search-input::placeholder{color:var(--text-muted)}.search-clear-btn{color:var(--text-muted);margin-right:8px;padding:4px}.search-clear-btn:hover{color:#fff}.search-shortcut-hint{border:1px solid var(--border-subtle);color:var(--text-muted);-webkit-user-select:none;user-select:none;background:#ffffff0d;border-radius:6px;padding:2px 7px;font-size:11px;font-weight:600}.modern-categories-scroll{scrollbar-width:none;justify-content:center;padding:6px 0 16px;display:flex;overflow-x:auto}.modern-categories-scroll::-webkit-scrollbar{display:none}.modern-categories-list{align-items:center;gap:8px;display:flex}.category-pill-btn{border-radius:var(--radius-pill);color:var(--text-secondary);border:1px solid var(--border-subtle);white-space:nowrap;background:#ffffff08;align-items:center;gap:7px;padding:7px 14px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.category-pill-btn:hover{color:#fff;background:#ffffff12}.category-pill-btn.active{color:#fff;background:#6366f126;border-color:#6366f166;font-weight:600}.modern-subfilters-row{justify-content:center;align-items:center;gap:12px;margin-top:4px;display:flex}.subfilter-label{color:var(--text-muted);font-size:12px}.subfilter-pills{align-items:center;gap:6px;display:flex}.subfilter-pill{border-radius:var(--radius-pill);color:var(--text-muted);border:1px solid var(--border-subtle);background:#ffffff05;padding:4px 10px;font-size:12px;transition:all .2s}.subfilter-pill:hover{color:#fff}.subfilter-pill.active{color:#fff;border-color:var(--border-light);background:#ffffff14}.modern-results-bar{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:12px;display:flex}.results-count-text{color:var(--text-secondary);font-size:13.5px}.reset-filters-link{color:var(--accent-azure);font-size:12.5px;font-weight:500}.reset-filters-link:hover{text-decoration:underline}.modern-tools-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:22px;display:grid}@media (max-width:480px){.modern-tools-grid{grid-template-columns:1fr}}.modern-tool-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;padding:20px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 4px 20px #00000040}.modern-tool-card:hover{background:var(--bg-card-hover);border-color:#6366f159;transform:translateY(-3px);box-shadow:0 10px 30px #0006,0 0 20px #6366f114}.modern-tool-card.featured{border-color:#6366f140}.card-top-row{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.modern-cat-tag{color:var(--text-muted);border:1px solid var(--border-subtle);background:#ffffff0a;border-radius:5px;padding:2px 7px;font-size:11px;font-weight:600}.modern-price-tag{border-radius:5px;padding:2px 7px;font-size:11px;font-weight:600}.modern-price-tag.freemium{color:var(--accent-emerald);background:#10b9811a;border:1px solid #10b98133}.modern-price-tag.paid{color:var(--accent-amber);background:#f59e0b1a;border:1px solid #f59e0b33}.modern-price-tag.free{color:var(--accent-azure);background:#0ea5e91a;border:1px solid #0ea5e933}.card-main-header{align-items:center;gap:14px;margin-bottom:12px;display:flex}.card-logo-box{border:1px solid var(--border-light);background:#ffffff08;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex;overflow:hidden}.card-header-details{flex-direction:column;display:flex}.card-title-group{align-items:center;gap:6px;display:flex}.card-tool-name{color:#fff;font-size:16.5px;font-weight:700;line-height:1.25}.card-tool-name a{transition:color .2s}.card-tool-name a:hover{color:#818cf8}.card-verified-icon{color:var(--accent-primary);flex-shrink:0}.card-rating-row{align-items:center;gap:5px;margin-top:3px;display:flex}.card-stars{align-items:center;gap:2px;display:flex}.card-rating-val{color:#fff;font-size:12px;font-weight:700}.card-rating-reviews{color:var(--text-muted);font-size:11.5px}.card-tool-desc{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;margin-bottom:16px;font-size:13.5px;line-height:1.55;display:-webkit-box;overflow:hidden}.card-tags-list{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:18px;display:flex}.card-tag-item{color:var(--text-muted);background:#ffffff08;border-radius:4px;padding:2px 7px;font-size:11px}.card-bottom-actions{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding-top:14px;display:flex}.card-link-profile{color:var(--text-secondary);align-items:center;gap:4px;font-size:12.5px;font-weight:600;transition:all .2s;display:inline-flex}.card-link-profile:hover{color:#fff;transform:translate(2px)}.card-btn-visit{border-radius:var(--radius-sm);color:#818cf8;background:#6366f11f;border:1px solid #6366f140;align-items:center;gap:5px;padding:6px 13px;font-size:12.5px;font-weight:600;transition:all .2s;display:inline-flex}.card-btn-visit:hover{color:#fff;background:#6366f133;border-color:#6366f166}.modern-empty-state{text-align:center;color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:#ffffff05;grid-column:1/-1;padding:60px 20px}.modern-empty-state p{margin-bottom:16px}.prompts-vault-container{max-width:1360px;margin:0 auto;padding:0 8px}.prompts-search-container{-webkit-backdrop-filter:blur(16px);background:#ffffff0a;border:1px solid #ffffff1f;border-radius:16px;align-items:center;max-width:680px;height:52px;margin:0 auto 24px;padding:0 18px;transition:all .25s;display:flex;position:relative;box-shadow:0 10px 30px #0000004d,0 0 20px #6366f114}.prompts-search-container:focus-within{background:#ffffff0f;border-color:#6366f1b3;box-shadow:0 12px 36px #0006,0 0 25px #6366f140}.prompts-search-icon{color:var(--text-muted);flex-shrink:0;transition:color .2s}.prompts-search-container:focus-within .prompts-search-icon{color:#818cf8}.prompts-search-input{color:#fff;background:0 0;border:none;outline:none;flex:1;padding:0 12px;font-family:inherit;font-size:14.5px}.prompts-search-input::placeholder{color:var(--text-muted)}.prompts-search-clear-btn{color:var(--text-muted);cursor:pointer;background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .15s;display:flex}.prompts-search-clear-btn:hover{color:#fff;background:#ffffff2e}.prompts-model-pills{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;max-width:900px;margin-bottom:24px;margin-left:auto;margin-right:auto;display:flex}.prompts-model-pill{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff09;border:1px solid #ffffff14;border-radius:100px;align-items:center;gap:7px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.prompts-model-pill:hover{color:#fff;background:#ffffff14;border-color:#ffffff2e;transform:translateY(-1px)}.prompts-model-pill.active{color:#fff;background:linear-gradient(135deg,#6366f140 0%,#ec48992e 100%);border:1px solid #6366f199;box-shadow:0 4px 16px #6366f140}.prompts-sub-toolbar{border-bottom:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:28px;padding:0 4px 16px;display:flex}.prompts-type-filters{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.prompts-type-pill{color:var(--text-secondary);cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.prompts-type-pill:hover{color:#fff;background:#ffffff14}.prompts-type-pill.active{color:#fff;background:#ffffff1f;border-color:#ffffff40;box-shadow:0 2px 8px #0003}.prompts-counter-pill{color:var(--text-secondary);font-size:13px}.prompts-reset-btn{color:#818cf8;cursor:pointer;background:0 0;border:none;margin-left:12px;font-size:12px;font-weight:600;text-decoration:underline;transition:color .15s}.prompts-reset-btn:hover{color:#a5b4fc}.prompts-grid,.modern-prompts-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:24px;display:grid}@media (max-width:768px){.prompts-grid,.modern-prompts-grid{grid-template-columns:1fr}}.prompt-card{-webkit-backdrop-filter:blur(14px);background:#12141eb3;border:1px solid #ffffff14;border-radius:18px;flex-direction:column;justify-content:space-between;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0003}.prompt-card:hover{border-color:#6366f166;transform:translateY(-4px);box-shadow:0 20px 40px #00000073,0 0 25px #6366f129}.prompt-visual-header{background:#08090d;width:100%;position:relative}.prompt-image-container{background:#0d0f17;width:100%;height:220px;position:relative;overflow:hidden}.prompt-result-image{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.prompt-card:hover .prompt-result-image{transform:scale(1.03)}.prompt-image-overlay{pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.output-tag{-webkit-backdrop-filter:blur(8px);color:#fff;background:#000000bf;border:1px solid #ffffff26;border-radius:6px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.aspect-tag{-webkit-backdrop-filter:blur(8px);color:var(--text-secondary);background:#000000bf;border:1px solid #ffffff26;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700}.prompt-header{padding:18px 20px 12px}.prompt-meta-top{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.prompt-target-pill{color:#a5b4fc;letter-spacing:.02em;background:#6366f124;border:1px solid #6366f14d;border-radius:6px;padding:3px 9px;font-size:11.5px;font-weight:700}.prompt-cat-pill{color:var(--text-secondary);background:#ffffff0d;border:1px solid #ffffff14;border-radius:6px;padding:3px 8px;font-size:11.5px;font-weight:600}.prompt-title{color:#fff;letter-spacing:-.01em;margin:0 0 6px;font-size:16.5px;font-weight:700;line-height:1.35}.prompt-author{color:var(--text-muted);align-items:center;gap:4px;font-size:12px;display:inline-flex}.prompt-view-tabs{background:#0006;border:1px solid #ffffff12;border-radius:10px;gap:4px;margin:0 20px 10px;padding:3px;display:flex}.prompt-tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.prompt-tab-btn:hover{color:#fff}.prompt-tab-btn.active{color:#fff;background:#ffffff1a;box-shadow:0 1px 4px #0000004d}.prompt-content{max-height:140px;font-family:var(--font-mono,"JetBrains Mono", "Fira Code", monospace);color:#cbd5e1;word-break:break-word;background:#090a0fd9;border:1px solid #ffffff12;border-radius:12px;margin:0 20px 16px;padding:14px 16px;font-size:12.5px;line-height:1.55;overflow-y:auto}.prompt-content::-webkit-scrollbar{width:5px}.prompt-content::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.prompt-content.output-code-box{background:#06070cf2;border-color:#6366f133}.prompt-content.output-code-box pre{margin:0;font-family:inherit}.prompt-footer{background:#00000026;border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px 16px;display:flex}.prompt-tags{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.prompt-actions{align-items:center;display:flex}.copy-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f12e 0%,#ec489924 100%);border:1px solid #6366f166;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:12.5px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 1px 3px #0003}.copy-btn:hover{background:linear-gradient(135deg,#6366f14d 0%,#ec489940 100%);border-color:#6366f1b3;transform:translateY(-1px)}.copy-btn.copied{color:#34d399;background:linear-gradient(135deg,#10b98140 0%,#05966933 100%);border-color:#10b98199}.btn{border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:7px;padding:8px 16px;font-size:13.5px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;box-shadow:0 2px 10px var(--accent-primary-glow)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 14px #6366f166}.btn-secondary{border:1px solid var(--border-subtle);color:var(--text-secondary);background:#ffffff0a}.btn-secondary:hover{color:#fff;background:#ffffff14}.visual-tool-list-container{flex-direction:column;gap:24px;margin:36px 0;display:flex}.visual-list-header{margin-bottom:8px}.modern-badge-pill{border-radius:var(--radius-pill);color:#818cf8;letter-spacing:.05em;background:#6366f11a;border:1px solid #6366f140;align-items:center;gap:6px;margin-bottom:8px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.visual-list-title{font-family:var(--font-display);color:#fff;letter-spacing:-.01em;margin:0 0 6px;font-size:clamp(22px,2.5vw,28px);font-weight:800}.visual-list-subtitle{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.5}.visual-cards-stack{flex-direction:column;gap:24px;display:flex}.visual-tool-card{border:1px solid var(--border-light);border-radius:var(--radius-lg);background:linear-gradient(#11131ff2 0%,#0b0c14fa 100%);padding:24px;transition:all .25s;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000080}.visual-tool-card:hover{border-color:#6366f166;transform:translateY(-2px);box-shadow:0 14px 40px #000000b3,0 0 20px #6366f11a}.visual-card-top{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding-bottom:16px;display:flex}.visual-rank-pill{border:1px solid var(--border-subtle);background:#ffffff0a;border-radius:8px;align-items:center;gap:8px;padding:4px 10px;display:inline-flex}.rank-number{color:#fff;font-size:13px;font-weight:800}.rank-award{color:var(--accent-amber);font-size:12px;font-weight:700}.visual-tags-row{align-items:center;gap:8px;display:flex}.modern-category-chip{color:var(--text-secondary);border:1px solid var(--border-subtle);background:#ffffff0d;border-radius:6px;padding:3px 8px;font-size:11.5px;font-weight:600}.modern-pricing-chip{border-radius:6px;padding:3px 8px;font-size:11.5px;font-weight:700}.modern-pricing-chip.freemium{color:var(--accent-emerald);background:#10b9811f;border:1px solid #10b98140}.modern-pricing-chip.paid{color:var(--accent-amber);background:#f59e0b1f;border:1px solid #f59e0b40}.modern-pricing-chip.free{color:var(--accent-azure);background:#0ea5e91f;border:1px solid #0ea5e940}.visual-card-main{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;display:flex}.visual-brand-group{align-items:center;gap:16px;display:flex}.visual-logo-box{border:1px solid var(--border-light);background:#ffffff0d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex;overflow:hidden}.visual-tool-name{color:#fff;margin:0;font-size:20px;font-weight:800;line-height:1.2}.modern-verified-pill{color:var(--accent-emerald);background:#10b9811f;border:1px solid #10b9814d;border-radius:4px;padding:2px 6px;font-size:10.5px;font-weight:700}.visual-rating-row{align-items:center;gap:6px;margin-top:4px;display:flex}.visual-stars{align-items:center;gap:2px;display:flex}.rating-score{color:#fff;font-size:13px;font-weight:700}.rating-count{color:var(--text-muted);font-size:12px}.visual-cta-group{align-items:center;gap:10px;display:flex}@media (max-width:640px){.visual-cta-group{justify-content:space-between;width:100%}}.visual-primary-btn{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;box-shadow:0 4px 14px var(--accent-primary-glow);border-radius:10px;align-items:center;gap:6px;padding:9px 18px;font-size:13.5px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.visual-primary-btn:hover{color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #6366f180}.visual-secondary-link{color:var(--text-secondary);font-size:12.5px;font-weight:600;text-decoration:none;transition:color .2s}.visual-secondary-link:hover{color:#fff}.visual-card-desc{color:#cbd5e1;margin:0 0 20px;font-size:14px;line-height:1.6}.visual-use-case-box{border:1px solid var(--border-subtle);background:#ffffff06;border-radius:14px;margin-bottom:20px;padding:16px 20px}.use-case-metric-row{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.use-case-label-group{align-items:center;gap:8px;display:flex}.use-case-heading{color:#818cf8;letter-spacing:.06em;font-size:11px;font-weight:800}.match-score-badge{border:1px solid;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:12px;font-weight:800;display:inline-flex}.match-progress-track{background:#ffffff14;border-radius:100px;width:100%;height:6px;margin-bottom:14px;overflow:hidden}.match-progress-fill{border-radius:100px;height:100%;transition:width .6s}.use-case-details-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:640px){.use-case-details-grid{grid-template-columns:1fr}}.use-case-detail-item{flex-direction:column;gap:2px;display:flex}.detail-label{color:var(--text-muted);font-size:11.5px;font-weight:600}.detail-value{color:#fff;font-size:13.5px;font-weight:700}.capabilities-scorecard{border-top:1px solid #ffffff0d;margin-top:14px;padding-top:12px}.capabilities-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.capabilities-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.capability-bar-box{background:#0003;border:1px solid #ffffff08;border-radius:8px;padding:8px 10px}.cap-label-row{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.cap-name{color:#cbd5e1;font-size:11.5px;font-weight:600}.cap-val{color:var(--accent-emerald);font-size:11.5px;font-weight:700}.cap-track{background:#ffffff0f;border-radius:100px;width:100%;height:4px;overflow:hidden}.cap-fill{border-radius:100px;height:100%}.visual-pros-cons-grid{grid-template-columns:1.2fr 1fr;gap:20px;display:grid}@media (max-width:720px){.visual-pros-cons-grid{grid-template-columns:1fr}}.pros-column,.cons-column{background:#00000040;border:1px solid #ffffff0a;border-radius:10px;padding:12px 14px}.pros-title{color:var(--accent-emerald);margin-bottom:8px;font-size:12px;font-weight:700;display:block}.cons-title{color:var(--text-muted);margin-bottom:8px;font-size:12px;font-weight:700;display:block}.pros-list,.cons-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.pros-list li,.cons-list li{color:#cbd5e1;align-items:flex-start;gap:8px;font-size:12.5px;line-height:1.45;display:flex}.pro-icon,.con-icon{flex-shrink:0;margin-top:2px}.blog-hub-container{max-width:1240px;margin:0 auto 60px;padding:0 20px}.blog-hero{text-align:center;margin-bottom:40px}.blog-hero-title{font-family:var(--font-display);letter-spacing:-.02em;color:#fff;margin:0 0 12px;font-size:clamp(28px,4vw,48px);font-weight:800}.blog-hero-desc{color:var(--text-secondary);max-width:720px;margin:0 auto;font-size:clamp(14px,1.5vw,16.5px);line-height:1.6}.featured-article-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl);margin-bottom:48px;padding:24px;transition:all .3s;box-shadow:0 12px 35px #0006}.featured-article-card:hover{border-color:#6366f166;transform:translateY(-2px)}.featured-article-grid{grid-template-columns:1fr 1.2fr;align-items:center;gap:32px;display:grid}@media (max-width:860px){.featured-article-grid{grid-template-columns:1fr}}.featured-img-container{border-radius:var(--radius-md);aspect-ratio:16/10;background:#000;position:relative;overflow:hidden}.featured-article-img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.featured-article-card:hover .featured-article-img{transform:scale(1.03)}.featured-badge-pill{border:1px solid var(--accent-amber);color:var(--accent-amber);border-radius:var(--radius-pill);letter-spacing:.04em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;padding:4px 10px;font-size:11px;font-weight:700;position:absolute;top:12px;left:12px}.featured-article-body{flex-direction:column;display:flex}.featured-article-title{font-family:var(--font-display);color:#fff;margin:0 0 12px;font-size:clamp(20px,2.2vw,28px);font-weight:800;line-height:1.25}.featured-article-title a{color:inherit;transition:color .2s}.featured-article-title a:hover{color:#818cf8}.featured-article-excerpt{color:var(--text-secondary);margin:0 0 20px;font-size:14.5px;line-height:1.6}.featured-article-footer{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding-top:16px;display:flex}.author-avatar-sm{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:800;display:flex}.blog-results-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.articles-cards-layout{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-bottom:40px;display:grid}.article-card-retro{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;transition:all .25s;display:flex;overflow:hidden}.article-card-retro:hover{border-color:#6366f166;transform:translateY(-3px);box-shadow:0 10px 25px #00000080,0 0 15px #6366f11a}.article-card-media{aspect-ratio:16/10;background:#000;position:relative;overflow:hidden}.article-card-thumb{object-fit:cover;width:100%;height:100%;transition:transform .4s}.article-card-retro:hover .article-card-thumb{transform:scale(1.05)}.article-category-chip{border:1px solid var(--border-light);color:#818cf8;border-radius:var(--radius-pill);text-transform:capitalize;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000c;padding:3px 8px;font-size:11px;font-weight:600;position:absolute;top:10px;right:10px}.article-card-content{flex-direction:column;flex:1;padding:18px;display:flex}.article-meta-row{color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;display:flex}.article-kd-badge{color:var(--accent-emerald);background:#10b9811a;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600}.article-card-title{color:#fff;margin:0 0 8px;font-size:16px;font-weight:700;line-height:1.35}.article-card-title a{color:inherit;transition:color .2s}.article-card-title a:hover{color:#818cf8}.article-card-desc{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin:0 0 16px;font-size:13px;line-height:1.55;display:-webkit-box;overflow:hidden}.article-card-bottom{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding-top:12px;display:flex}.article-author-row{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.author-dot{background:var(--accent-emerald);border-radius:50%;width:6px;height:6px}.article-read-link{color:var(--accent-primary);align-items:center;gap:4px;font-size:12.5px;font-weight:600;transition:all .2s;display:inline-flex}.article-read-link:hover{color:#fff;transform:translate(2px)}.blog-pagination{justify-content:center;align-items:center;gap:12px;margin-top:20px;display:flex}.pagination-btn{border-radius:var(--radius-pill);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;background:#ffffff0a;align-items:center;gap:6px;padding:8px 16px;font-size:13px;transition:all .2s;display:inline-flex}.pagination-btn:hover:not(:disabled){color:#fff;background:#ffffff14}.pagination-btn:disabled{opacity:.35;cursor:not-allowed}.pagination-pages{align-items:center;gap:6px;display:flex}.pagination-num{border:1px solid var(--border-subtle);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;background:#ffffff08;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:600;transition:all .2s;display:flex}.pagination-num:hover{color:#fff;background:#ffffff14}.pagination-num.active{color:#818cf8;background:#6366f126;border-color:#6366f166}.article-post-wrapper{max-width:1100px;margin:0 auto 60px;padding:0 20px}.article-breadcrumb-bar{align-items:center;gap:8px;margin-bottom:24px;font-size:13px;display:flex}.breadcrumb-back-link{color:var(--accent-azure);align-items:center;gap:4px;font-weight:600;display:inline-flex}.breadcrumb-separator{color:var(--text-muted)}.breadcrumb-current{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:250px;overflow:hidden}.article-post-header{margin-bottom:28px}.article-header-meta{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.article-stat-pill{color:var(--text-secondary);border:1px solid var(--border-subtle);background:#ffffff0a;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:12.5px;display:inline-flex}.article-post-title{font-family:var(--font-display);color:#fff;letter-spacing:-.02em;margin:0 0 16px;font-size:clamp(26px,3.8vw,46px);font-weight:800;line-height:1.18}.article-post-subtitle{color:var(--text-secondary);margin:0 0 24px;font-size:clamp(15px,1.6vw,18px);line-height:1.6}.article-author-card{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#ffffff08;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:12px 18px;display:flex}.author-avatar-md{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:800;display:flex}.author-avatar-lg{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;font-size:18px;font-weight:800;display:flex}.author-name-link{color:#fff;font-size:14.5px;font-weight:700}.verified-check{color:var(--accent-emerald);font-size:11px}.author-role-sub{color:var(--text-muted);font-size:12px}.article-hero-media{border-radius:var(--radius-lg);border:1px solid var(--border-light);background:#000;margin-bottom:36px;overflow:hidden;box-shadow:0 12px 30px #0006}.article-hero-image{object-fit:cover;width:100%;max-height:480px;display:block}.article-media-caption{background:var(--bg-secondary);color:var(--text-muted);border-top:1px solid var(--border-subtle);padding:8px 16px;font-size:11.5px}.article-content-grid{grid-template-columns:1fr 300px;gap:36px;display:grid}@media (max-width:960px){.article-content-grid{grid-template-columns:1fr}}.article-main-body{flex-direction:column;gap:28px;display:flex}.article-takeaways-box{border-radius:var(--radius-lg);background:linear-gradient(135deg,#6366f114,#121320e6);border:1px solid #6366f14d;padding:22px 24px}.takeaways-header{align-items:center;gap:8px;margin-bottom:14px;display:flex}.takeaways-header h3{color:#fff;margin:0;font-size:16px;font-weight:800}.takeaways-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.takeaways-list li{color:#cbd5e1;align-items:flex-start;gap:10px;font-size:14px;line-height:1.55;display:flex}.takeaway-check{flex-shrink:0;margin-top:2px}.article-section h2{font-family:var(--font-display);color:#fff;letter-spacing:-.01em;margin:0 0 12px;font-size:24px;font-weight:800}.article-section p{color:#cbd5e1;margin:0 0 16px;font-size:15px;line-height:1.7}.article-intro-text{color:#e2e8f0;font-size:16px;line-height:1.75}.article-callout-card{border-radius:var(--radius-md);background:#6366f114;border:1px solid #6366f140;padding:20px}.comparison-table-wrapper{margin:18px 0;overflow-x:auto}.retro-benchmark-table{border-collapse:collapse;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;font-size:13.5px;overflow:hidden}.retro-benchmark-table th{color:#fff;text-align:left;border-bottom:1px solid var(--border-subtle);background:#ffffff0a;padding:12px 16px;font-weight:700}.retro-benchmark-table td{color:#cbd5e1;border-bottom:1px solid var(--border-subtle);padding:12px 16px}.badge-win{color:var(--accent-emerald);background:#10b98126;border-radius:4px;padding:2px 7px;font-size:11px;font-weight:700}.article-faqs-section{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:#ffffff05;padding:24px}.faqs-header{align-items:center;gap:10px;margin-bottom:18px;display:flex}.faqs-header h2{color:#fff;margin:0;font-size:20px;font-weight:800}.faqs-list{flex-direction:column;gap:14px;display:flex}.faq-accordion-item{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:10px;padding:14px 16px}.faq-question{color:#fff;margin:0 0 6px;font-size:15px;font-weight:700}.faq-answer{color:var(--text-secondary);margin:0;font-size:13.5px;line-height:1.6}.author-bio-footer{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:#ffffff08;align-items:center;gap:20px;margin-top:10px;padding:22px;display:flex}@media (max-width:600px){.author-bio-footer{flex-direction:column;align-items:flex-start}}.article-sidebar{flex-direction:column;gap:20px;display:flex}.sidebar-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:18px}.sidebar-related-item{align-items:center;gap:12px;text-decoration:none;transition:all .2s;display:flex}.sidebar-related-item:hover{transform:translate(3px)}.sidebar-rel-thumb{object-fit:cover;border-radius:8px;flex-shrink:0;width:56px;height:56px}.sidebar-rel-title{color:#fff;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 4px;font-size:12.5px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.sidebar-related-item:hover .sidebar-rel-title{color:var(--accent-azure)}.footer{border-top:1px solid var(--border-subtle);background:var(--bg-secondary);z-index:10;padding:60px 20px 40px;position:relative}.footer-content{max-width:1240px;margin:0 auto}.footer-status-pill{color:var(--text-secondary);border-radius:var(--radius-pill);border:1px solid var(--border-subtle);background:#ffffff08;align-items:center;gap:6px;margin-bottom:24px;padding:4px 12px;font-size:12.5px;display:inline-flex}.live-dot{background:var(--accent-emerald);border-radius:50%;width:6px;height:6px}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px;display:grid}@media (max-width:860px){.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:540px){.footer-grid{grid-template-columns:1fr}}.footer-brand-title{font-family:var(--font-display);color:#fff;margin-bottom:12px;font-size:18px;font-weight:800}.footer-subtext{color:var(--text-muted);max-width:360px;font-size:13.5px;line-height:1.6}.footer-heading{color:#fff;text-transform:uppercase;letter-spacing:.05em;margin-bottom:14px;font-size:13px;font-weight:700}.footer-links{flex-direction:column;gap:10px;list-style:none;display:flex}.footer-links a{color:var(--text-secondary);font-size:13px;transition:color .2s}.footer-links a:hover{color:#fff}.footer-bottom{border-top:1px solid var(--border-subtle);color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding-top:24px;font-size:12.5px;display:flex}.mobile-bottom-dock{-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-subtle);z-index:999;background:#090a0feb;justify-content:space-around;align-items:center;height:64px;padding:0 10px;display:none;position:fixed;bottom:0;left:0;right:0}@media (max-width:768px){.mobile-bottom-dock{display:flex}body{padding-bottom:64px}}.mobile-dock-btn{color:var(--text-muted);border-radius:var(--radius-sm);flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:6px 12px;font-size:11px;font-weight:500;transition:all .2s;display:flex}.mobile-dock-btn:hover{color:#fff}.mobile-dock-btn.active{color:var(--accent-primary);font-weight:600}.usecase-solver-card{border-radius:var(--radius-xl);background:linear-gradient(135deg,#141826f2 0%,#0d0f17fa 100%);border:1px solid #6366f159;max-width:960px;margin:0 auto 32px;padding:28px 24px;position:relative;overflow:hidden;box-shadow:0 12px 40px #00000080,0 0 25px #6366f11f}.usecase-solver-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.usecase-solver-title-group{align-items:center;gap:10px;display:flex}.usecase-solver-badge{letter-spacing:.06em;color:#818cf8;border-radius:var(--radius-pill);background:#6366f11f;border:1px solid #6366f14d;align-items:center;gap:6px;padding:3px 9px;font-size:11px;font-weight:800;display:inline-flex}.usecase-solver-heading{font-family:var(--font-display);color:#fff;font-size:18px;font-weight:700}.usecase-solver-desc{color:var(--text-secondary);margin-bottom:18px;font-size:13.5px;line-height:1.5}.usecase-input-container{border:1px solid var(--border-light);background:#090a0fd9;border-radius:12px;align-items:center;height:50px;margin-bottom:18px;padding:0 14px;transition:all .2s;display:flex}.usecase-input-container:focus-within{border-color:var(--border-focus);box-shadow:0 0 0 1px var(--accent-primary), 0 4px 20px #6366f133}.usecase-input-field{color:#fff;background:0 0;border:none;outline:none;width:100%;font-size:14px}.usecase-input-field::placeholder{color:var(--text-muted)}.usecase-presets-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px;font-size:11.5px;font-weight:700;display:block}.usecase-presets-grid{flex-wrap:wrap;gap:8px;display:flex}.usecase-preset-btn{border-radius:var(--radius-pill);border:1px solid var(--border-subtle);color:#cbd5e1;cursor:pointer;background:#ffffff08;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s;display:inline-flex}.usecase-preset-btn:hover{color:#fff;background:#ffffff12;border-color:#6366f14d}.usecase-preset-btn.active{color:#fff;background:#6366f133;border-color:#6366f180;font-weight:600;box-shadow:0 0 12px #6366f133}.usecase-active-banner{border-radius:var(--radius-md);background:#6366f11a;border:1px solid #6366f14d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;padding:12px 18px;display:flex}.usecase-banner-info{align-items:center;gap:10px;display:flex}.usecase-banner-text{color:#e2e8f0;font-size:13.5px}.usecase-reset-btn{color:#818cf8;cursor:pointer;align-items:center;gap:4px;font-size:12px;font-weight:600;transition:color .2s;display:inline-flex}.usecase-reset-btn:hover{color:#fff}.usecase-match-pill{color:#10b981;background:#10b9811f;border:1px solid #10b98147;border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:800;display:inline-flex}.usecase-complexity-tag{letter-spacing:.03em;border-radius:4px;padding:2px 7px;font-size:10.5px;font-weight:700}.usecase-complexity-tag.frontier{color:#a855f7;background:#a855f71f;border:1px solid #a855f747}.usecase-complexity-tag.advanced{color:#0ea5e9;background:#0ea5e91f;border:1px solid #0ea5e947}.usecase-complexity-tag.intermediate{color:#f59e0b;background:#f59e0b1f;border:1px solid #f59e0b47}.usecase-why-card{color:#cbd5e1;background:#6366f114;border:1px solid #6366f133;border-radius:8px;margin:10px 0;padding:8px 10px;font-size:12px;line-height:1.45}.usecase-why-label{color:#818cf8;margin-right:4px;font-weight:700}.categories-container{z-index:2;max-width:1240px;margin:0 auto;padding:0 20px 80px;position:relative}.categories-search-box{max-width:680px;margin:0 auto 24px;position:relative}.categories-search-input{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#fff;background:#0f172ab3;border:1px solid #ffffff1f;border-radius:100px;outline:none;width:100%;height:52px;padding:0 44px 0 48px;font-size:15px;transition:all .2s;box-shadow:0 4px 20px #00000059}.categories-search-input:focus{border-color:#6366f1a6;box-shadow:0 0 24px #6366f140}.categories-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.categories-search-clear{color:var(--text-secondary);cursor:pointer;background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .15s;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.categories-search-clear:hover{color:#fff;background:#ffffff26}.categories-filter-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-bottom:36px;display:flex}.category-filter-pill{color:var(--text-secondary);cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:100px;align-items:center;gap:6px;padding:7px 14px;font-size:12.5px;font-weight:600;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex}.category-filter-pill:hover{color:#fff;background:#ffffff0f;border-color:#ffffff29;transform:translateY(-1px)}.category-filter-pill.active{color:#fff;background:linear-gradient(135deg,#6366f138 0%,#ec48992e 100%);border-color:#6366f18c;box-shadow:0 2px 12px #6366f140}.categories-showcase-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:24px;display:grid}@media (max-width:768px){.categories-showcase-grid{grid-template-columns:1fr;gap:16px}}.category-premium-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f172a99;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;padding:24px;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000040}.category-premium-card:hover{border-color:var(--card-border-glow,#6366f173);box-shadow:0 12px 36px var(--card-shadow-glow,#6366f129);transform:translateY(-4px)}.category-card-ambient-glow{background:var(--card-glow-bg,radial-gradient(circle, #6366f126 0%, transparent 70%));pointer-events:none;filter:blur(28px);border-radius:50%;width:160px;height:160px;transition:opacity .3s;position:absolute;top:-40px;right:-40px}.category-card-top{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.category-icon-wrapper{background:var(--icon-bg,#6366f11f);border:1px solid var(--icon-border,#6366f14d);color:#fff;border-radius:16px;justify-content:center;align-items:center;width:54px;height:54px;font-size:24px;transition:transform .2s;display:flex;box-shadow:0 4px 14px #0003}.category-premium-card:hover .category-icon-wrapper{transform:scale(1.08)rotate(-2deg)}.category-count-badges{flex-direction:column;align-items:flex-end;gap:5px;display:flex}.category-badge-tools{color:#f1f5f9;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:100px;padding:3px 9px;font-size:11.5px;font-weight:700}.category-badge-prompts{color:#a5b4fc;background:#6366f11f;border:1px solid #6366f14d;border-radius:100px;padding:2px 8px;font-size:11px;font-weight:600}.category-card-title{color:#fff;align-items:center;gap:8px;margin-bottom:8px;font-size:20px;font-weight:800;display:flex}.category-card-desc{color:var(--text-secondary);flex-grow:1;margin-bottom:20px;font-size:13.5px;line-height:1.55}.category-tools-preview-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:10px;font-size:11px;font-weight:700}.category-tools-preview-grid{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.category-tool-chip{color:#cbd5e1;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;text-decoration:none;transition:all .15s;display:inline-flex}.category-tool-chip:hover{color:#fff;background:#ffffff17;border-color:#fff3;transform:translateY(-1px)}.category-tool-chip-logo{object-fit:contain;border-radius:4px;width:16px;height:16px}.category-subtags-row{flex-wrap:wrap;gap:6px;margin-bottom:20px;display:flex}.category-subtag-pill{color:var(--text-muted);background:#ffffff08;border:1px solid #ffffff0d;border-radius:6px;padding:2px 7px;font-size:11px}.category-card-footer{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;display:flex}.category-explore-cta{color:var(--card-accent-text,#a5b4fc);align-items:center;gap:6px;font-size:13.5px;font-weight:700;transition:gap .2s;display:inline-flex}.category-premium-card:hover .category-explore-cta{gap:10px}.category-prompts-link{color:var(--text-muted);align-items:center;gap:4px;font-size:12px;text-decoration:none;transition:color .15s;display:inline-flex}.category-prompts-link:hover{color:#fff}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}