/*! Sources: site-navigation.css -> tools/catalog-critical-source.css -> tools/header-layout-critical.css */
.skip-link:focus-visible{outline-offset:3px;outline:3px solid #5eead4;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.skip-link{transition:none}}.site-nav,.page-nav{z-index:1000;color:#f8fafc;-webkit-backdrop-filter:blur(20px);background:#07080ce0;border-bottom:1px solid #ffffff17;position:sticky;top:0;box-shadow:0 10px 32px #0000002e}.site-nav .nav-inner,.page-nav .nav-inner{justify-content:space-between;align-items:center;gap:18px;width:min(1400px,100% - 36px);min-height:68px;margin:0 auto;display:flex}.site-nav .brand,.page-nav .brand{color:#fff;letter-spacing:.09em;white-space:nowrap;flex:none;align-items:center;gap:10px;font:800 .94rem/1.2 Inter,system-ui,sans-serif;text-decoration:none;display:inline-flex}.site-nav .brand img,.page-nav .brand img{object-fit:cover;border:1px solid #ffb15c66;border-radius:10px;width:34px;height:34px}.site-nav .nav-links,.page-nav .nav-links{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:3px;display:flex}.site-nav .nav-links a,.page-nav .nav-links a{color:#b8c2d0;white-space:nowrap;border:1px solid #0000;border-radius:999px;padding:9px 11px;font:600 .8rem/1.2 Inter,system-ui,sans-serif;text-decoration:none;transition:color .18s,background .18s,border-color .18s}.site-nav .nav-links a:hover,.page-nav .nav-links a:hover,.site-nav .nav-links a[aria-current=page],.page-nav .nav-links a[aria-current=page]{color:#fff;background:#ffffff14;border-color:#ffffff1a}.site-nav .nav-links a.lang-switch,.page-nav .nav-links a.lang-switch{color:#ffd28c;background:#ff9d4214;border-color:#ffb15c52;font-weight:800}.site-nav :focus-visible,.page-nav :focus-visible{outline-offset:3px;outline:2px solid #fbbf24}@media (width<=900px){.site-nav .nav-inner,.page-nav .nav-inner{justify-content:flex-start;gap:8px;width:calc(100% - 20px);min-height:60px}.site-nav .brand,.page-nav .brand{letter-spacing:.05em;gap:7px;font-size:.75rem}.site-nav .brand img,.page-nav .brand img{width:29px;height:29px}.site-nav .nav-links,.page-nav .nav-links{scrollbar-width:none;flex:1 1 0;justify-content:flex-start;gap:1px;min-width:0;overflow-x:auto}.site-nav .nav-links::-webkit-scrollbar,.page-nav .nav-links::-webkit-scrollbar{display:none}.site-nav .nav-links a,.page-nav .nav-links a{flex:none;padding:8px 9px;font-size:.73rem}}@media (prefers-reduced-motion:reduce){.site-nav *,.page-nav *{scroll-behavior:auto!important;transition-duration:.01ms!important}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#03050d}::-webkit-scrollbar-thumb{background:linear-gradient(#fbbf24 0%,#ff7a00 100%);border:2px solid #03050d;border-radius:99px}@keyframes aaaShimmer{0%{transform:translate(-150%)rotate(25deg)}to{transform:translate(250%)rotate(25deg)}}.tool-card,.welcome-card,.app-card,.eco-card{position:relative;overflow:hidden}.tool-card:after,.welcome-card:after{content:"";pointer-events:none;opacity:0;background:linear-gradient(90deg,#0000,#ffffff14,#0000);width:60%;height:200%;transition:opacity .3s;position:absolute;top:-50%;left:-50%;transform:rotate(25deg)}:root{--bg-primary:#03050d;--bg-secondary:#080d1c;--bg-tertiary:#0f1628;--bg-card:#080d1ce0;--bg-input:#03050de6;--bg-glass:#ffffff0a;--text-main:#f1f5f9;--text-muted:#b8c1ce;--text-dim:#9aa6b5;--gold-primary:#f59e0b;--gold-bright:#fbbf24;--gold-soft:#fde68a;--gold-dark:#b45309;--gold-gradient:linear-gradient(135deg, #fde68a 0%, #fbbf24 40%, #f59e0b 100%);--gold-glow:0 0 24px #fbbf2480;--cyan-primary:#38bdf8;--cyan-dark:#0284c7;--cyan-gradient:linear-gradient(135deg, #38bdf8 0%, #0284c7 100%);--cyan-glow:0 0 20px #38bdf859;--purple-primary:#a855f7;--purple-dark:#7c3aed;--ai-gradient:linear-gradient(135deg, #a855f7 0%, #38bdf8 100%);--aaa-gradient:linear-gradient(135deg, #fde68a 0%, #fbbf24 35%, #38bdf8 100%);--rainbow-gradient:linear-gradient(90deg,#fbbf24,#38bdf8,#a855f7,#fbbf24);--card-hover-bg:linear-gradient(135deg, #fbbf241a 0%, #38bdf812 100%);--border-color:#fbbf2426;--border-hover:#fbbf2480;--border-focus:#38bdf899;--border-ai:#a855f766;--success-color:#10b981;--warning-color:#f59e0b;--danger-color:#ef4444;--info-color:#3b82f6;--shadow-sm:0 1px 4px #00000080;--shadow-md:0 4px 20px #000000b3;--shadow-lg:0 16px 48px #000000e6;--shadow-xl:0 24px 64px #000000f2;--shadow-gold:0 8px 32px #fbbf244d;--shadow-cyan:0 8px 32px #38bdf840;--radius-xs:6px;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-full:9999px;--font-main:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-code:"Fira Code", "Cascadia Code", monospace;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1)}[data-theme=light]{--bg-primary:#f4f6fb;--bg-secondary:#fff;--bg-tertiary:#eef2f9;--bg-card:#fffffff0;--bg-input:#f9fafb;--bg-glass:#00000008;--text-main:#0f172a;--text-muted:#475569;--text-dim:#64748b;--border-color:#f59e0b33;--border-hover:#f59e0b80;--border-focus:#00b7eb80;--shadow-sm:0 1px 3px #00000012;--shadow-md:0 4px 14px #0000001a;--shadow-lg:0 12px 32px #00000024;--shadow-xl:0 20px 48px #0000002e;--shadow-gold:0 6px 20px #f59e0b33;--shadow-cyan:0 6px 20px #00b7eb26}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}.skip-link{z-index:100000;color:#111827;background:#fbbf24;border-radius:999px;padding:10px 16px;font:800 1rem/1.3 Inter,system-ui,sans-serif;text-decoration:none;transition:transform .18s;position:fixed;top:12px;left:12px;transform:translateY(-180%)}.tool-category-directory{flex-wrap:wrap;gap:8px;margin:16px 0 22px;display:flex}.tool-category-directory a{border:1px solid var(--border-color);min-height:40px;color:var(--text-primary);background:#ffffff09;border-radius:999px;align-items:center;padding:8px 13px;font-weight:700;text-decoration:none;display:inline-flex}.tool-static-card{color:inherit;text-decoration:none}.footer-legal-links{color:var(--text-muted);flex-wrap:wrap;justify-content:center;gap:14px;padding:14px 0 24px;font-size:.78rem;display:flex}.footer-legal-links a,.footer-legal-links button{min-height:28px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;padding:0 2px;text-decoration:none;display:inline-flex}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{font-family:var(--font-main);background-color:var(--bg-primary);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6;transition:background-color .35s,color .35s;overflow-x:hidden}#particleCanvas{pointer-events:none;z-index:0;opacity:.6;position:fixed;inset:0}.ambient-glow{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.glow-blob{filter:blur(150px);border-radius:50%;animation:14s ease-in-out infinite alternate ambientPulse;position:absolute}.blob-gold{background:#f59e0b26;width:700px;height:700px;top:-180px;left:-150px}.blob-cyan{background:#00f2fe1a;width:700px;height:700px;animation-delay:-5s;bottom:-200px;right:-200px}@keyframes ambientPulse{0%,to{filter:drop-shadow(0 0 2px #4ade80);transform:scale(1)}50%{filter:drop-shadow(0 0 8px #4ade80);transform:scale(1.1)}}a{color:var(--cyan-primary);transition:color var(--transition-fast);text-decoration:none}.text-gold{color:var(--gold-bright)!important}.text-cyan{color:var(--cyan-primary)!important}.text-purple{color:var(--purple-primary)!important}.text-success{color:var(--success-color)!important}.highlight-gold{background:var(--gold-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.badge-gold{background:var(--gold-gradient)!important;color:#000!important}kbd{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-muted);font-family:var(--font-code);border-radius:4px;padding:2px 6px;font-size:.72rem;font-weight:600;box-shadow:0 1px 2px #0006}@keyframes statusPulse{0%{opacity:.3;transform:scale(.75)}to{opacity:1;transform:scale(1.25)}}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-normal);font-size:.93rem;font-weight:700;font-family:var(--font-main);white-space:nowrap;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 20px;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";transition:background var(--transition-fast);background:#fff0;position:absolute;inset:0}.btn-primary{background:var(--aaa-gradient);color:#000;box-shadow:0 4px 20px #f59e0b66}.btn-outline{background:var(--bg-glass);color:var(--text-main);border-color:var(--border-color);backdrop-filter:blur(6px)}.btn-sm{padding:7px 13px;font-size:.83rem}.main-header{border-bottom:1px solid var(--border-color);z-index:100;-webkit-backdrop-filter:blur(20px);background:#080d1ceb;position:sticky;top:0}[data-theme=light] .main-header{background:#fffffff0}.header-inner{justify-content:space-between;align-items:center;gap:16px;max-width:1360px;margin:0 auto;padding:10px 24px;display:flex}.header-brand-group{flex-shrink:0;align-items:center;gap:12px;display:flex}.back-to-studio-link{color:var(--text-muted);border-radius:var(--radius-full);border:1px solid var(--border-color);transition:all var(--transition-fast);background:#ffffff0a;align-items:center;gap:6px;padding:6px 12px;font-size:.78rem;font-weight:700;text-decoration:none;display:inline-flex}.header-divider{background:var(--border-color);width:1px;height:22px}.brand-logo{flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:flex}.logo-icon-clean{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);width:40px;height:40px;box-shadow:var(--shadow-md);transition:all var(--transition-normal);justify-content:center;align-items:center;font-size:1.3rem;display:flex}.logo-title{color:var(--text-main);letter-spacing:-.5px;font-size:1.35rem;font-weight:900}.logo-tagline{color:var(--gold-bright);margin-top:-2px;font-size:.68rem;font-weight:600;display:block}.search-box{flex:1;max-width:520px;position:relative}.search-box .search-icon{pointer-events:none;font-size:.9rem;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.search-box input{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-full);width:100%;color:var(--text-main);transition:all var(--transition-fast);font-size:.9rem;font-family:var(--font-main);outline:none;padding:10px 90px 10px 42px}.search-kbd-hint{pointer-events:none;gap:3px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.clear-search-btn{color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;border-radius:50%;padding:4px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.icon-btn{border-radius:var(--radius-full);border:1px solid var(--border-color);background:var(--bg-glass);width:38px;height:38px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);backdrop-filter:blur(8px);justify-content:center;align-items:center;font-size:1rem;display:flex}[data-theme=dark] .light-icon{display:block}[data-theme=dark] .dark-icon,[data-theme=light] .light-icon{display:none}[data-theme=light] .dark-icon{display:block}.badge{background:var(--gold-gradient);color:#000;border-radius:var(--radius-full);padding:2px 7px;font-size:.72rem;font-weight:800}.layout-body{flex-direction:column;flex:1;gap:20px;width:100%;max-width:1360px;margin:0 auto;padding:18px 24px 60px;display:flex}.layout-body.layout-fullwidth{flex-direction:column;gap:20px;display:flex}.category-tabs-container{scrollbar-width:none;-webkit-overflow-scrolling:touch;width:100%;padding:6px 0 10px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 24px calc(100% - 24px),#0000);mask-image:linear-gradient(90deg,#0000,#000 24px calc(100% - 24px),#0000)}.category-tabs-bar{-webkit-backdrop-filter:blur(20px);background:#0a1020b3;border:1px solid #ffffff14;border-radius:99px;align-items:center;gap:8px;width:max-content;margin:0 auto;padding:6px;list-style:none;display:flex;box-shadow:0 8px 30px #00000073}.category-tabs-bar .menu-item{color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);user-select:none;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:99px;align-items:center;gap:8px;padding:8px 16px;font-size:.84rem;font-weight:600;display:inline-flex}.category-tabs-bar .cat-icon-wrap{background:#ffffff0f;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.82rem;transition:transform .25s;display:inline-flex}.category-tabs-bar .menu-item.active{color:#fff;background:linear-gradient(135deg,#fbbf2438,#f59e0b47);border-color:#fbbf2499;font-weight:800;box-shadow:0 4px 20px #f59e0b4d,inset 0 1px #ffffff40}.category-tabs-bar .count-pill{color:inherit;background:#ffffff14;border-radius:99px;padding:2px 7px;font-size:.7rem;font-weight:700}.category-tabs-bar .menu-item.active .count-pill{color:#fff;background:#ffffff38}.category-tabs-bar{flex-wrap:nowrap;min-width:max-content}.category-tabs-bar .menu-item{flex:none;min-width:max-content;line-height:1.2;overflow:visible}.category-tabs-bar .menu-item>span:not(.cat-icon-wrap):not(.count-pill){white-space:nowrap;min-width:max-content;line-height:1.2;display:inline-block}.category-tabs-bar .count-pill{flex:none;line-height:1.1}.category-tabs-container{overscroll-behavior-inline:contain;scrollbar-width:thin;overflow-x:auto}.grid-toolbar{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(14px);background:#0a10208c;border:1px solid #ffffff12;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:12px 18px;display:flex}.grid-toolbar-left{align-items:baseline;gap:10px;display:flex}.grid-toolbar-left .section-title{letter-spacing:-.3px;color:#fff;align-items:center;gap:8px;margin:0;font-size:1.18rem;font-weight:900;display:inline-flex}.grid-toolbar-left .results-count{color:var(--text-muted);background:#ffffff0f;border-radius:99px;padding:2px 8px;font-size:.8rem}.grid-quick-picks{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.quick-picks-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-right:2px;font-size:.74rem;font-weight:800}.quick-pick-pill{color:var(--text-main);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0a;border:1px solid #ffffff14;border-radius:99px;align-items:center;gap:6px;padding:4px 11px;font-size:.76rem;font-weight:600;display:inline-flex}.grid-toolbar-right{align-items:center;gap:10px;display:flex}.tool-sort-select{color:var(--text-main);cursor:pointer;transition:border-color var(--transition-fast);background:#080d1cd9;border:1px solid #ffffff1f;border-radius:8px;outline:none;padding:6px 12px;font-size:.78rem;font-weight:700}.view-mode-toggle{background:#00000073;border:1px solid #ffffff1a;border-radius:8px;gap:2px;padding:3px;display:inline-flex}.view-mode-btn{width:32px;height:28px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:.88rem;display:inline-flex}.view-mode-btn.active{color:#fff;background:#ffffff24;box-shadow:0 1px 4px #00000080}.logo-version-tag{color:var(--gold-bright);letter-spacing:.5px;vertical-align:middle;background:#fbbf241f;border:1px solid #fbbf244d;border-radius:99px;margin-left:4px;padding:2px 7px;font-size:.65rem;font-weight:800}.menu-item{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);transition:all var(--transition-fast);border:1px solid #0000;align-items:center;gap:11px;padding:9px 11px;font-size:.9rem;font-weight:600;display:flex}.menu-item.active{color:var(--gold-bright);background:#fbbf2424;border-color:#fbbf2440;font-weight:700}.menu-item i{text-align:center;width:18px;font-size:.95rem}.count-pill{background:var(--bg-tertiary);color:var(--gold-bright);border-radius:var(--radius-full);margin-left:auto;padding:2px 8px;font-size:.72rem;font-weight:700}.portal-welcome{margin-bottom:24px}@keyframes rainbowSlide{0%{background-position:0%}to{background-position:200%}}@keyframes pulseRing{0%{opacity:.6;transform:scale(.95)}to{opacity:1;transform:scale(1.08)}}.section-title{font-size:1.25rem;font-weight:900}.results-count{color:var(--text-muted);font-size:.83rem}.main-content{flex-direction:column;gap:20px;width:100%;display:flex}.tools-grid-section{order:0}.portal-welcome{order:2}.active-tool-section{order:0}.portal-welcome-compact{border-radius:var(--radius-md);border:1px solid var(--border-color);text-align:center;background:#ffffff05;margin-top:24px;padding:16px 20px}.compact-trust-badges{color:var(--text-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;font-size:.82rem;display:flex}.portal-welcome,.tools-grid-section,.active-tool-section{scroll-margin-top:96px}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px;width:100%;display:grid}.tool-card{cursor:pointer;-webkit-backdrop-filter:blur(16px);content-visibility:auto;contain-intrinsic-size:1px 204px;background:#080d1cd1;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:12px;min-height:204px;padding:20px;transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #0006}.tool-card:before{content:"";background:radial-gradient(360px circle at var(--mouse-x,50%) var(--mouse-y,50%), #ffffff14, transparent 45%);opacity:0;border-radius:inherit;pointer-events:none;z-index:1;transition:opacity .25s;position:absolute;inset:0}.tool-card-top{z-index:2;justify-content:space-between;align-items:center;display:flex;position:relative}.tool-card-icon{width:46px;height:46px;color:var(--gold-bright);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;font-size:1.25rem;transition:transform .25s,box-shadow .25s;display:inline-flex;box-shadow:inset 0 1px #ffffff26}.icon-cat-ai{color:#c084fc;background:linear-gradient(135deg,#a855f733,#ec489933);border-color:#a855f759}.icon-cat-dev,.icon-cat-developer{color:#38bdf8;background:linear-gradient(135deg,#38bdf833,#0284c733);border-color:#38bdf859}.icon-cat-text{color:#34d399;background:linear-gradient(135deg,#10b98133,#05966933);border-color:#10b98159}.icon-cat-design{color:#fb7185;background:linear-gradient(135deg,#f43f5e33,#e11d4833);border-color:#f43f5e59}.icon-cat-media{color:#fbbf24;background:linear-gradient(135deg,#f59e0b33,#d9770633);border-color:#f59e0b59}.icon-cat-utility,.icon-cat-lifestyle{color:#38bdf8;background:linear-gradient(135deg,#0ea5e933,#0369a133);border-color:#0ea5e959}.tool-card-title{color:#f8fafc;letter-spacing:-.2px;z-index:2;margin:0;font-size:1.05rem;font-weight:800;line-height:1.35;position:relative}.tool-card-desc{color:#94a3b8;-webkit-line-clamp:2;z-index:2;-webkit-box-orient:vertical;flex:1;margin:0;font-size:.84rem;line-height:1.55;display:-webkit-box;position:relative;overflow:hidden}.tool-card-footer{z-index:2;border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px;display:flex;position:relative}.tool-cat-tag{color:#cbd5e1;background:#ffffff0d;border:1px solid #ffffff14;border-radius:6px;padding:3px 8px;font-size:.7rem;font-weight:700}.tool-open-link{color:var(--gold-bright);align-items:center;gap:5px;font-size:.78rem;font-weight:800;transition:transform .2s,color .2s;display:inline-flex}.active-tool-section{flex-direction:column;gap:18px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}@keyframes zenFadeIn{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}.no-results{text-align:center;color:var(--text-muted);padding:60px 20px}.ai-chat-widget{z-index:999;position:fixed;bottom:24px;right:24px}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.35)}}.ai-chat-window{background:var(--bg-secondary);border:1px solid var(--border-ai);border-radius:var(--radius-md);flex-direction:column;width:360px;height:470px;animation:.3s cubic-bezier(.34,1.56,.64,1) chatIn;display:flex;position:absolute;bottom:72px;right:0;overflow:hidden;box-shadow:0 24px 60px #000000e6,0 0 0 1px #a855f71a}@keyframes chatIn{0%{opacity:0;transform:translateY(24px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes msgIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.cmd-palette-backdrop{backdrop-filter:blur(18px);z-index:1000;background:#03050de0;justify-content:center;align-items:flex-start;padding-top:80px;display:flex;position:fixed;inset:0}@keyframes cmdIn{0%{opacity:0;transform:scale(.92)translateY(-20px)}to{opacity:1;transform:scale(1)translateY(0)}}.main-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);z-index:1;margin-top:50px;padding:44px 24px;position:relative}.footer-inner{grid-template-columns:2fr 1fr 1fr;gap:32px;max-width:1400px;margin:0 auto;display:grid}.brand-col p{color:var(--text-muted);max-width:380px;margin-top:10px;font-size:.87rem}.footer-studio-link{color:var(--gold-bright);transition:opacity var(--transition-fast);align-items:center;gap:7px;margin-top:14px;font-size:.87rem;font-weight:700;display:inline-flex}.footer-col h4{margin-bottom:14px;font-size:.9rem;font-weight:800}.footer-col ul{flex-direction:column;gap:8px;list-style:none;display:flex}.footer-col ul a{max-width:100%;min-height:28px;color:var(--text-muted);transition:color var(--transition-fast);align-items:center;font-size:.87rem;display:inline-flex}.footer-col p{color:var(--text-muted);font-size:.85rem}.footer-col small{color:var(--text-dim);margin-top:10px;font-size:.78rem;display:block}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;align-items:center;gap:10px;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}@keyframes toastIn{0%{opacity:0;transform:translateY(16px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.tool-card{animation:.3s both fadeInUp}.tool-card:nth-child(2){animation-delay:30ms}.tool-card:nth-child(3){animation-delay:60ms}.tool-card:nth-child(4){animation-delay:90ms}.tool-card:nth-child(5){animation-delay:.12s}.tool-card:nth-child(6){animation-delay:.15s}@media (width<=1024px){.layout-body{grid-template-columns:230px 1fr;gap:18px}}@media (width<=900px){.layout-body{grid-template-columns:1fr}.main-content{order:1}.footer-inner{grid-template-columns:1fr;gap:24px}}@media (width<=640px){.header-inner{flex-wrap:wrap;padding:10px 16px}.search-box{order:3;width:100%;max-width:100%}.search-kbd-hint{display:none}.ai-chat-window{width:310px;right:-10px}.layout-body{padding:14px 16px}.tools-grid{grid-template-columns:1fr 1fr;gap:12px}.toast-container{bottom:90px}}@media (width<=440px){.tools-grid{grid-template-columns:1fr}}.quick-chip{border:1px solid var(--border-color);color:var(--text-main);font-family:var(--font-main);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0d;align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:600;display:inline-flex}.footer-badges{flex-wrap:wrap;gap:8px;margin:10px 0;display:flex}.footer-badge{border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-muted);background:#ffffff0d;align-items:center;gap:4px;padding:3px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.icon-btn{background:var(--bg-glass);border:1px solid var(--border-color);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;width:38px;height:38px;transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:.9rem;display:flex}.blob-purple{background:#a855f71f;width:320px;height:320px;animation-delay:2s;top:50%;right:20%}@media (width<=900px){.layout-body{grid-template-columns:1fr;gap:14px;padding:14px 16px}.main-content{order:2}.footer-inner{grid-template-columns:1fr;gap:24px}}@media (width<=640px){.main-header{padding:8px 12px}.header-inner{flex-wrap:wrap;gap:10px}.brand-logo .logo-title{font-size:1.25rem}.search-box{order:3;width:100%;max-width:100%;margin-top:2px}.search-kbd-hint,#kbShortcutBtn,.favorites-shortcut span:not(.badge){display:none}.favorites-shortcut{border-radius:var(--radius-sm);height:38px;padding:0 10px!important}.quick-chip{padding:5px 10px;font-size:.75rem}.tools-grid{grid-template-columns:1fr 1fr;gap:10px}.tool-card{padding:14px}.tool-card-title{font-size:.92rem}.tool-card-desc{-webkit-line-clamp:2;font-size:.75rem}.tool-card-footer{margin-top:10px}.tool-open-link{font-size:.75rem}.active-tool-section{padding:0}.ai-chat-widget{bottom:16px;right:16px}.ai-chat-window{z-index:100000;border-radius:20px;width:94vw;max-height:78vh;position:fixed;bottom:76px;left:3vw;right:3vw;box-shadow:0 16px 48px #000000f2}.toast-container{width:90vw;max-width:400px;top:16px;bottom:auto;left:50%;transform:translate(-50%)}}@media (width<=420px){.tools-grid{grid-template-columns:1fr}.quick-chip{padding:4px 8px;font-size:.72rem}}.mobile-bottom-bar{display:none}@media (width<=768px){body{padding-bottom:90px!important}.mobile-bottom-bar{bottom:calc(14px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(28px)saturate(180%);z-index:99999;background:#0a0f1de0;border:1px solid #ffffff26;border-radius:99px;justify-content:space-around;align-items:center;width:min(92vw,420px);height:62px;padding:0 8px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 16px 40px #000c,0 0 0 1px #fbbf2440,0 0 20px #fbbf241f}.mobile-nav-item{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:99px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;height:100%;font-size:.68rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.mobile-nav-item i{font-size:1.15rem;transition:transform .2s cubic-bezier(.34,1.56,.64,1),color .2s}.mobile-nav-item.active{color:var(--gold-bright)}.mobile-nav-item.active i{color:var(--gold-bright);filter:drop-shadow(0 0 12px #fbbf24e6);transform:translateY(-2px)scale(1.18)}.mobile-nav-item.active:before{content:"";background:var(--gold-gradient);width:18px;height:3px;box-shadow:0 0 12px var(--gold-bright);border-radius:99px;position:absolute;bottom:6px}.ai-chat-window{bottom:84px!important}}@media (width<=640px){.main-header{padding:8px 12px!important}.search-box{width:100%!important;max-width:100%!important}.search-box input{height:44px!important;padding:10px 38px!important;font-size:.92rem!important}.search-kbd-hint{display:none!important}.toast-container{width:min(92vw,360px)!important;top:72px!important;bottom:auto!important;left:50%!important;transform:translate(-50%)!important}.cmd-palette-backdrop{align-items:flex-end!important;padding:0!important}@keyframes sheetSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}}@media (width<=720px){.header-actions{gap:6px}}@media (width<=640px){html,body{overflow-x:hidden}body{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))!important}.header-actions{flex-wrap:nowrap;justify-content:flex-end;width:100%;overflow:hidden}.lang-selector{flex:none}.header-actions .icon-btn,.header-actions .favorites-shortcut,.header-actions .account-pill{min-width:40px;min-height:40px}.favorites-shortcut,.account-pill{flex:none}.tools-grid-section,.active-tool-section{padding-left:0;padding-right:0}.section-title{font-size:1rem;line-height:1.35}.results-count{white-space:nowrap;font-size:.68rem}.tool-card{flex-direction:column;min-height:190px;display:flex}.tool-card-footer{margin-top:auto}.mobile-bottom-bar{bottom:calc(10px + env(safe-area-inset-bottom,0px));width:min(94vw,430px);height:64px}.mobile-nav-item{min-width:58px;min-height:58px}.ai-chat-window{max-height:calc(78vh - env(safe-area-inset-bottom,0px))}}@media (width<=380px){.tool-card{min-height:178px;padding:12px}.tool-card-title{font-size:.86rem}.tool-card-desc{font-size:.72rem}.mobile-nav-item{font-size:.62rem}}.yula-global-dock{z-index:99998;-webkit-backdrop-filter:blur(20px)saturate(180%);background:#0d1117bf;border:1px solid #ffffff1f;border-radius:999px;padding:6px 14px;transition:all .3s cubic-bezier(.16,1,.3,1);position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #0009,0 0 20px #00f2fe26}.yula-global-dock .dock-container{align-items:center;gap:8px;display:flex}.yula-global-dock .dock-item{color:#94a3b8;border-radius:99px;flex-direction:column;justify-content:center;align-items:center;padding:6px 12px;text-decoration:none;transition:transform .2s cubic-bezier(.34,1.56,.64,1),background .2s;display:flex;position:relative}.yula-global-dock .dock-item.active{color:#00f2fe;background:#00f2fe1f}.yula-global-dock .dock-item.active:after{content:"";background:#00f2fe;border-radius:50%;width:4px;height:4px;position:absolute;bottom:2px;box-shadow:0 0 8px #00f2fe}.yula-global-dock .dock-icon{font-size:1.25rem;line-height:1}.yula-global-dock .dock-label{margin-top:2px;font-size:.68rem;font-weight:700}.floating-windows-area{pointer-events:none;z-index:99990;position:fixed;inset:0;overflow:hidden}.quick-look-modal{backdrop-filter:blur(20px);z-index:100000;background:radial-gradient(circle at 50% 15%,#00f2fe26,#0a0e1aeb 75%);justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}@keyframes quickLookIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes spectrumBounce{0%{height:3px}to{height:12px}}.more-tools-menu{-webkit-backdrop-filter:blur(28px)saturate(190%);z-index:10005;flex-direction:column;gap:12px;width:min(480px,94vw);padding:16px;animation:.22s cubic-bezier(.16,1,.3,1) ecoFadeIn;display:none;position:absolute;top:calc(100% + 10px);right:0;background:#0a0e18f5!important;border:1px solid #ff7a0047!important;border-radius:18px!important;box-shadow:0 28px 70px #000000eb,0 0 35px #ff7a0024!important}@media (width<=580px){.more-tools-menu{width:90vw;right:-40px}}.lang-dropdown-menu{-webkit-backdrop-filter:blur(28px)saturate(180%);z-index:10005;flex-direction:column;gap:3px;width:175px;padding:8px;animation:.2s cubic-bezier(.16,1,.3,1) ecoFadeIn;display:none;position:absolute;top:calc(100% + 10px);right:0;background:#0a0e18f5!important;border:1px solid #00f2fe47!important;border-radius:14px!important;box-shadow:0 20px 50px #000000d9,0 0 25px #00f2fe1f!important}@media (width<=820px){.header-inner{flex-wrap:wrap;gap:10px;padding:10px 16px}.header-brand-group{justify-content:space-between;width:100%}.search-box{order:3;width:100%;max-width:100%}.header-actions{order:2;justify-content:space-between;gap:6px;width:100%}.fav-btn-label,.random-btn-label,.menu-btn-label,.sentinel-label{display:none!important}.layout-body{padding:12px 16px 80px}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.grid-toolbar{flex-direction:column;align-items:flex-start;gap:8px}}.ecosystem-dropdown-wrapper{position:relative}.ecosystem-toggle-btn{border-radius:var(--radius-sm);letter-spacing:.01em;transition:all var(--transition-fast);background:#ff7a000f;border-color:#ff7a0047;align-items:center;gap:8px;padding:7px 14px;font-size:.83rem;font-weight:700;display:inline-flex}.ecosystem-chevron{transition:transform var(--transition-fast);font-size:.65rem}.ecosystem-mega-menu{-webkit-backdrop-filter:blur(28px)saturate(180%);z-index:10000;background:#0b0f19f5;border:1px solid #ff7a003d;border-radius:18px;flex-direction:column;gap:14px;width:min(580px,94vw);padding:18px;animation:.22s cubic-bezier(.16,1,.3,1) ecoFadeIn;display:none;position:absolute;top:calc(100% + 12px);left:0;box-shadow:0 28px 70px #000000e6,0 0 35px #ff7a001f}[data-theme=light] .ecosystem-mega-menu{background:#fffffffa;border-color:#f59e0b47;box-shadow:0 24px 60px #00000029,0 0 24px #f59e0b1a}@keyframes ecoFadeIn{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.view-mode-toggle{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);flex-shrink:0;align-items:center;gap:3px;padding:3px;display:inline-flex}.view-mode-btn{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:.88rem;transition:all .15s;display:inline-flex}.view-mode-btn.active{font-weight:700;box-shadow:0 2px 8px #ff7a0059;background:var(--accent)!important;color:#000!important}.tool-card{border-radius:16px!important;gap:12px!important;min-height:190px!important;padding:20px!important}.tool-card-title{color:var(--text-main)!important;margin:0!important;font-size:1.05rem!important;font-weight:800!important;line-height:1.35!important}[data-theme=light] .tool-card-title{color:#0f172a!important}.tool-card-desc{color:var(--text-muted)!important;margin:0!important;font-size:.86rem!important;line-height:1.5!important}[data-theme=light] .tool-card-desc{color:#475569!important}[data-theme=light] .tool-card{background:#fff!important;border-color:#00000014!important;box-shadow:0 4px 16px #0000000d!important}.tool-card-footer{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding-top:10px;display:flex}[data-theme=light] .tool-card-footer{border-top-color:#0000000f}@media (width<=640px){.grid-toolbar{gap:12px}.view-mode-toggle{align-self:flex-end}.ecosystem-mega-menu{left:-10px}}@keyframes waveBounce{0%,to{height:4px}50%{height:14px}}.telemetry-hud-modal{backdrop-filter:blur(14px);z-index:100000;background:#030712d1;justify-content:center;align-items:center;padding:20px;animation:.2s cubic-bezier(.16,1,.3,1) hudFadeIn;display:flex;position:fixed;inset:0}@keyframes hudFadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.card-snap-modal{backdrop-filter:blur(16px);z-index:100001;background:#030712d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.pinned-tools-shelf{backdrop-filter:blur(14px);background:#0d121ebf;border:1px solid #fbbf2440;border-radius:12px;align-items:center;gap:12px;margin-bottom:14px;padding:8px 14px;transition:all .25s;display:flex;box-shadow:0 4px 20px #00000059}.pinned-shelf-label{color:var(--gold-bright);white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;align-items:center;gap:7px;font-size:.78rem;font-weight:800;display:flex}.pinned-chips-container{flex-wrap:wrap;flex:1;align-items:center;gap:8px;padding:2px 0;display:flex;overflow-x:auto}.pipeline-modal{backdrop-filter:blur(18px);z-index:100001;background:#03060ee0;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}@keyframes connectorPulse{0%{opacity:.6;transform:scale(1)}to{opacity:1;text-shadow:0 0 10px var(--cyan-primary);transform:scale(1.2)}}:root{--tools-surface:#0c1220e0;--tools-surface-raised:#121a2cf0;--tools-border:#94a3b82e;--tools-border-strong:#f5b94285;--tools-text-soft:#a9b5c8}[data-theme=light]{--tools-surface:#ffffffeb;--tools-surface-raised:#fff;--tools-border:#0f172a24;--tools-text-soft:#516078}.layout-body.layout-fullwidth{gap:16px;max-width:1440px;margin:0 auto;padding-top:18px}.category-tabs-container{padding:0;-webkit-mask-image:none;mask-image:none}.category-tabs-bar{background:var(--tools-surface);border:1px solid var(--tools-border);width:100%;box-shadow:none;border-radius:14px;justify-content:flex-start;gap:4px;padding:5px;overflow-x:auto}.category-tabs-bar .menu-item{white-space:nowrap;border-radius:10px;flex:none;gap:7px;min-height:42px;padding:8px 13px;font-size:.82rem}.category-tabs-bar .menu-item>span:not(.cat-icon-wrap):not(.count-pill){min-width:max-content;display:inline-block}.category-tabs-bar .cat-icon-wrap{background:0 0;width:20px;height:20px}.category-tabs-bar .menu-item.active,.category-tabs-bar .menu-item[data-cat=ai].active,.category-tabs-bar .menu-item[data-cat=dev].active,.category-tabs-bar .menu-item[data-cat=text].active,.category-tabs-bar .menu-item[data-cat=design].active,.category-tabs-bar .menu-item[data-cat=media].active,.category-tabs-bar .menu-item[data-cat=utility].active{border-color:var(--tools-border-strong);color:var(--text-main);box-shadow:none;background:#f5b94224}.tools-orientation{background:linear-gradient(100deg, #f5b9421c, transparent 42%), var(--tools-surface);border:1px solid var(--tools-border);border-radius:18px;justify-content:space-between;align-items:center;gap:28px;padding:22px 26px;display:flex;box-shadow:0 12px 34px #0000002e}.tools-orientation-copy{min-width:0}.tools-eyebrow{color:var(--gold-bright);letter-spacing:.12em;align-items:center;gap:7px;font-size:.72rem;font-weight:850;display:inline-flex}.tools-orientation h1{color:var(--text-main);letter-spacing:-.03em;margin:7px 0 5px;font-size:clamp(1.25rem,2vw,1.65rem);line-height:1.2}.tools-orientation p{max-width:620px;color:var(--tools-text-soft);margin:0;font-size:.94rem;line-height:1.5}.tools-orientation-stats{border:1px solid var(--tools-border);border-radius:12px;flex-shrink:0;align-items:stretch;display:flex;overflow:hidden}.orientation-stat{border-right:1px solid var(--tools-border);place-items:center;gap:1px;min-width:78px;padding:11px 14px;display:grid}.orientation-stat:last-child{border-right:0}.orientation-stat-safe{min-width:105px}.orientation-stat-safe i{color:#51d88a;font-size:.92rem}.grid-toolbar{border:0;border-bottom:1px solid var(--tools-border);backdrop-filter:none;background:0 0;border-radius:0;align-items:center;margin-top:4px;padding:12px 14px}.grid-toolbar-left .section-title{font-size:1.08rem}.grid-toolbar-left .results-count{padding:3px 8px;font-size:.78rem}.grid-quick-picks{order:3;width:100%;padding-top:2px}.quick-picks-label{font-size:.72rem}.quick-pick-pill{min-height:32px;padding:5px 10px;font-size:.78rem}.tool-card{background:var(--tools-surface-raised);border:1px solid var(--tools-border);-webkit-backdrop-filter:none;content-visibility:auto;contain-intrinsic-size:0 188px;border-radius:14px;gap:10px;min-height:188px;padding:17px;box-shadow:0 6px 18px #00000029}.tool-card:before{display:none}.tool-card-title{font-size:1rem;line-height:1.25}.tool-card-desc{color:var(--tools-text-soft);font-size:.84rem;line-height:1.48}[data-theme=light] .tool-card{box-shadow:0 5px 16px #0f172a14}@media (width<=820px){.layout-body.layout-fullwidth{padding:12px 14px 82px}.tools-orientation{flex-direction:column;align-items:flex-start;gap:16px;padding:18px}.tools-orientation-stats{width:100%}.orientation-stat{flex:1}.grid-toolbar{padding-inline:0}.grid-toolbar-right{justify-content:space-between;width:100%}}@media (width<=520px){.tools-orientation h1{font-size:1.22rem}.tools-orientation p{font-size:.88rem}.category-tabs-bar .menu-item{min-height:40px;padding-inline:10px}.tools-grid{grid-template-columns:1fr;gap:10px}.tool-card{min-height:172px}}@media (prefers-reduced-motion:reduce){.tool-card,.category-tabs-bar .menu-item,.quick-pick-pill{transition:none!important}.tool-card{animation:none!important}}html[data-theme=dark] body{background-image:linear-gradient(115deg,#03050df7 0%,#030710d6 46%,#03050df0 100%),url(../bg_tools_v2.webp);background-position:50%,50%;background-repeat:no-repeat;background-size:cover,cover;background-attachment:fixed,fixed}html[data-theme=dark] .main-header,html[data-theme=dark] .main-footer{-webkit-backdrop-filter:blur(18px)saturate(120%);background-color:#03050db8}html[data-theme=dark] .tools-orientation,html[data-theme=dark] .category-tabs-bar,html[data-theme=dark] .tool-card,html[data-theme=dark] .welcome-card{-webkit-backdrop-filter:blur(14px)saturate(115%)}@media (width<=680px){html[data-theme=dark] body{background-image:linear-gradient(145deg,#03050d 0%,#07111f 58%,#0b1322 100%);background-position:50%,64%;background-attachment:scroll,scroll}}@keyframes yulaBackdropDrift{0%,to{background-position:50%,48%}50%{background-position:50%,54% 46%}}@keyframes yulaWorkspaceBreath{0%,to{box-shadow:0 18px 52px #00000057,0 0 #00f2fe00}50%{box-shadow:0 22px 62px #0000006b,0 0 28px #00f2fe12}}@keyframes yulaGlowSweep{0%{opacity:0;transform:translate(-130%)rotate(18deg)}20%,70%{opacity:1}to{opacity:0;transform:translate(220%)rotate(18deg)}}html[data-theme=dark] body{animation:30s ease-in-out infinite yulaBackdropDrift}html[data-theme=dark] .tool-card,html[data-theme=dark] .quick-pick-pill,html[data-theme=dark] .category-tabs-bar .menu-item{transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .35s,box-shadow .35s,background-color .35s}@media (prefers-reduced-motion:reduce){html[data-theme=dark] body,html[data-theme=dark] #toolWorkspaceCard,html[data-theme=dark] #toolWorkspaceCard:after{animation:none!important}}@keyframes yulaButtonSheen{0%{transform:translate(-160%)skew(-18deg)}to{transform:translate(240%)skew(-18deg)}}html[data-theme=dark] #app{z-index:1;position:relative}html[data-theme=dark] #particleCanvas{opacity:.78;mix-blend-mode:screen;filter:saturate(1.18)contrast(1.08)}html[data-theme=dark] .ambient-glow{opacity:.94;mix-blend-mode:screen}html[data-theme=dark] .glow-blob{filter:blur(118px)saturate(1.22)}html[data-theme=dark] .blob-gold{background:#f59e0b30}html[data-theme=dark] .blob-cyan{background:#00f2fe21}html[data-theme=dark] .blob-purple{background:#a855f724}html[data-theme=dark] .tool-card{background:linear-gradient(145deg, #1f2a4261, transparent 48%), var(--tools-surface-raised);background-blend-mode:screen, normal}.tool-seo-section,.portal-welcome{content-visibility:auto;contain-intrinsic-size:1px 420px}@media (prefers-reduced-motion:reduce){html[data-theme=dark] #particleCanvas,html[data-theme=dark] .ambient-glow{filter:none}}@media (width<=860px){.tools-orientation{flex-direction:column;align-items:stretch;gap:16px;padding:19px 20px}.tools-orientation-stats{justify-content:stretch;width:100%}.orientation-stat{flex:1 1 0;min-width:0}}@media (width<=540px){.category-tabs-bar .menu-item{min-height:44px;padding-inline:11px;font-size:.8rem}.category-tabs-bar .cat-icon-wrap{width:19px;height:19px}.tools-orientation-stats{overflow-x:auto}.orientation-stat{min-width:82px}.tools-orientation p{font-size:.92rem}}@media (width<=640px){body{min-width:0}#app,.main-header,.layout-body.layout-fullwidth,.layout-body.layout-fullwidth>.main-content,.category-tabs-container{box-sizing:border-box;min-width:0;max-width:100%}.layout-body.layout-fullwidth,.category-tabs-container{width:100%}.category-tabs-bar{box-sizing:border-box;min-width:0;max-width:100%}}:root{--yt-bg:#070b12;--yt-panel-strong:#121a28f5;--yt-line:#9db1d329;--yt-line-strong:#6fe7c957;--yt-text:#f4f7fb;--yt-muted:#9ba9bd;--yt-accent:#6fe7c9;--yt-radius-lg:26px;--yt-radius-md:16px}html[data-theme=dark] body{background-attachment:fixed;background:var(--yt-bg)!important;background-image:radial-gradient(circle at 16% 8%,#346f8433,#0000 32%),radial-gradient(circle at 86% 18%,#5b51a429,#0000 28%),linear-gradient(#080d16 0%,#070b12 58%,#090d15 100%)!important}html[data-theme=light] body{color:#172235!important;background-color:#f3f7fb!important;background-image:radial-gradient(circle at 14% 8%,#3a998e21,#0000 30%),radial-gradient(circle at 88% 12%,#6f84e11f,#0000 28%),linear-gradient(#f7fafc 0%,#eef3f8 100%)!important;background-position:0 0!important;background-repeat:repeat!important;background-size:auto!important;background-attachment:scroll!important;background-origin:padding-box!important;background-clip:border-box!important}html[data-theme=light] .main-header{background:#f7fafcdb!important;border-bottom-color:#23375224!important;box-shadow:0 12px 32px #192d4814!important}html[data-theme=light] .logo-tagline,html[data-theme=light] .tools-orientation-copy p,html[data-theme=light] .tool-card-desc,html[data-theme=light] .orientation-stat span{color:#607089!important}html[data-theme=light] .search-box{background:#ffffffe6!important;border-color:#23375229!important}html[data-theme=light] #toolSearchInput{color:#172235!important}html[data-theme=light] .category-tabs-container{background:#ffffffe6!important;border-color:#23375224!important;box-shadow:0 14px 32px #192d481a!important}html[data-theme=light] .menu-item{color:#52627a!important}html[data-theme=light] .menu-item.active{color:#08251e!important;background:#5dd4b7!important}html[data-theme=light] .tools-orientation{background:linear-gradient(135deg,#fffffff5,#ebf3f9f5)!important;border-color:#23375224!important;box-shadow:0 20px 44px #192d481a!important}html[data-theme=light] .tools-orientation h1,html[data-theme=light] .orientation-stat strong{color:#172235!important}html[data-theme=light] .orientation-stat{background:#ffffffb8!important;border-color:#2337521f!important}html[data-theme=light] .grid-toolbar{border-bottom-color:#23375221!important}html[data-theme=light] .grid-quick-picks button{background:#fffc!important;border-color:#23375224!important}html[data-theme=light] .pinned-tools-shelf,html[data-theme=light] #recentToolsSection{background:#ffffffb8!important;border-color:#23375221!important}html[data-theme=light] .pinned-tools-shelf{background:linear-gradient(90deg,#5dd4b71f,#ffffffb8)!important;border-color:#2697823d!important}html[data-theme=light] .tool-card{background:linear-gradient(160deg,#fffffffa,#f0f6fafa)!important;border-color:#23375224!important;box-shadow:0 12px 26px #192d4817!important}html[data-theme=light] #toolsGrid .tool-card .tool-card-title,html[data-theme=light] .tools-grid.tools-list-view .tool-list-title{color:#172235!important}html[data-theme=light] .tool-card-footer{border-top-color:#2337521c!important}#particleCanvas,.ambient-glow,.noise-overlay{pointer-events:none;opacity:.14!important}.main-header{border-bottom:1px solid var(--yt-line)!important;backdrop-filter:blur(20px)saturate(1.25)!important;background:#070b12c7!important;box-shadow:0 12px 36px #0000002e!important}.header-inner,.layout-fullwidth,.main-footer>*,.portal-welcome,.tool-seo-section{width:min(1440px,100% - 48px)!important;margin-inline:auto!important}.header-inner{gap:18px!important;min-height:76px!important}.brand-logo{gap:12px!important}.logo-title{letter-spacing:-.04em!important}.logo-tagline{color:var(--yt-muted)!important}.search-box{border:1px solid var(--yt-line)!important;max-width:520px!important;min-height:48px!important;box-shadow:none!important;background:#ffffff0e!important;border-radius:14px!important}#toolSearchInput{color:var(--yt-text)!important;font-size:15px!important}.category-tabs-container{z-index:20!important;border:1px solid var(--yt-line)!important;border-radius:var(--yt-radius-md)!important;background:#0a0f18e6!important;width:min(1440px,100% - 48px)!important;margin:22px auto 18px!important;padding:6px!important;position:sticky!important;top:78px!important;box-shadow:0 16px 40px #0003!important}.category-tabs-bar{scrollbar-width:thin!important;gap:6px!important;margin:0!important;padding:2px!important;list-style:none!important;display:flex!important;overflow:auto hidden!important}.menu-item{white-space:nowrap!important;letter-spacing:0!important;border:1px solid #0000!important;border-radius:11px!important;flex:none!important;min-height:42px!important;padding:0 15px!important;font-size:14px!important;line-height:1!important}.category-tabs-bar .menu-item{appearance:none;cursor:pointer;color:var(--yt-muted);text-align:center;background:0 0;font-family:inherit;font-weight:600}.menu-item.active{color:#07130f!important;background:var(--yt-accent)!important;box-shadow:0 8px 18px #6fe7c929!important}.cat-icon-wrap{margin-right:8px!important}.count-pill{margin-left:8px!important}.tools-orientation{border:1px solid var(--yt-line)!important;border-radius:var(--yt-radius-lg)!important;background:linear-gradient(135deg,#141f2eeb,#0d141fdb)!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:24px!important;margin:18px auto 24px!important;padding:28px 30px!important;display:grid!important;box-shadow:0 22px 55px #0000002e!important}.tools-eyebrow{color:var(--yt-accent)!important;letter-spacing:.12em!important}.tools-orientation h1{letter-spacing:-.045em!important;max-width:760px!important;margin:8px 0 9px!important;font-size:clamp(26px,3vw,42px)!important;line-height:1.05!important}.tools-orientation-copy p{max-width:650px!important;color:var(--yt-muted)!important;font-size:16px!important;line-height:1.55!important}.tools-orientation-stats{grid-template-columns:repeat(3,minmax(92px,1fr))!important;gap:10px!important;display:grid!important}.orientation-stat{border:1px solid var(--yt-line)!important;background:#ffffff0b!important;border-radius:14px!important;min-width:104px!important;padding:14px!important}.orientation-stat strong{color:var(--yt-text)!important;font-size:22px!important}.orientation-stat span{color:var(--yt-muted)!important;font-size:12px!important}.grid-toolbar{border-bottom:1px solid var(--yt-line)!important;width:100%!important;margin:0 0 14px!important;padding:2px 2px 12px!important}.grid-toolbar-left,.grid-toolbar-right{min-width:0!important}.grid-toolbar-right{gap:10px!important}.grid-quick-picks{gap:8px!important}.grid-quick-picks button{border:1px solid var(--yt-line)!important;background:#ffffff0b!important;border-radius:10px!important;min-height:34px!important}.pinned-tools-shelf,#recentToolsSection{border:1px solid var(--yt-line)!important;background:#ffffff07!important;border-radius:16px!important;margin:14px 0!important;padding:14px 16px!important}.pinned-tools-shelf{background:linear-gradient(90deg,#6fe7c90f,#ffffff06)!important;border-color:#6fe7c933!important}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(255px,1fr))!important;gap:16px!important}.tool-card{border:1px solid var(--yt-line)!important;border-radius:var(--yt-radius-md)!important;content-visibility:auto!important;contain-intrinsic-size:228px!important;background:linear-gradient(160deg,#121b29f5,#0c121deb)!important;min-height:228px!important;padding:21px!important;transition:transform .2s,border-color .2s,box-shadow .2s!important;box-shadow:0 12px 28px #00000024!important}.tool-card-title{letter-spacing:-.02em!important;font-size:18px!important;line-height:1.2!important}.tool-card-desc{min-height:44px!important;color:var(--yt-muted)!important;line-height:1.5!important}.tool-card-footer{border-top:1px solid #9db1d31a!important;margin-top:auto!important;padding-top:16px!important}.tool-open-link,.tool-open-link.tool-open-button,.tool-list-actions .tool-open-link{white-space:nowrap;outline:0;appearance:none!important;box-shadow:none!important;background:0 0!important;border:0!important;padding:4px 0!important;text-decoration:none!important}.main-footer{border-top-color:var(--yt-line)!important;margin-top:72px!important}@media (width<=860px){.header-inner,.layout-fullwidth,.main-footer>*,.portal-welcome,.tool-seo-section,.category-tabs-container{width:min(100% - 28px,680px)!important}.tools-orientation{grid-template-columns:1fr!important;padding:23px!important}.tools-orientation-stats{max-width:520px!important}.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (width<=540px){.category-tabs-container{width:calc(100% - 20px)!important;top:68px!important}.header-inner{min-height:68px!important}.logo-tagline,.logo-version-tag{display:none!important}.tools-orientation{margin-top:14px!important;padding:20px!important}.tools-orientation-stats{grid-template-columns:repeat(3,1fr)!important;gap:7px!important}.orientation-stat{min-width:0!important;padding:10px 7px!important}.orientation-stat strong{font-size:18px!important}.tools-grid{grid-template-columns:1fr!important}.tool-card{contain-intrinsic-size:190px!important;min-height:0!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=820px){html,body{overflow-x:hidden!important}#particleCanvas,.ambient-glow{display:none!important}.layout-body.layout-fullwidth{padding:10px 12px 96px!important}.header-inner{width:100%!important;padding:10px 12px!important}.header-brand-group{max-width:calc(100% - 46px)!important}.back-to-studio-link{display:none!important}.brand-logo{gap:8px!important;min-width:0!important}.brand-logo .logo-title{white-space:nowrap!important;text-overflow:ellipsis!important;overflow:hidden!important}.ecosystem-toggle-btn{min-width:44px!important;min-height:44px!important;padding:8px 10px!important}.ecosystem-btn-label,.ecosystem-chevron{display:none!important}.header-actions{scrollbar-width:none!important;gap:8px!important;padding:2px 0 6px!important}.header-actions>*{min-width:44px!important;min-height:44px!important}.search-box,.search-box input{min-height:46px!important}.category-tabs-container{border-radius:14px!important;margin-inline:-2px!important}.category-tabs-bar{gap:6px!important;padding:6px!important}.category-tabs-bar .menu-item{min-height:44px!important;padding-inline:12px!important;font-size:.82rem!important}.tools-orientation{border-radius:18px!important;margin-top:12px!important;padding:20px 18px!important}.tools-orientation h1{font-size:clamp(1.45rem,7vw,2rem)!important;line-height:1.08!important}.tools-orientation p{font-size:.92rem!important;line-height:1.55!important}.tools-orientation-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;width:100%!important;display:grid!important}.orientation-stat{text-align:center!important;min-width:0!important;padding:11px 6px!important}.orientation-stat strong{font-size:1.15rem!important}.orientation-stat span{white-space:nowrap!important;font-size:.72rem!important}.grid-toolbar{gap:12px!important;padding:12px 0 10px!important}.grid-toolbar-left{justify-content:space-between!important;width:100%!important}.grid-toolbar-left .section-title{font-size:1.02rem!important}.results-count{white-space:nowrap!important;font-size:.76rem!important}.grid-quick-picks{scrollbar-width:none!important;flex-wrap:nowrap!important;width:100%!important;padding-bottom:2px!important;overflow-x:auto!important}.grid-quick-picks button{flex:none!important;min-height:42px!important}.grid-toolbar-right{justify-content:space-between!important;width:100%!important}.tool-sort-select{max-width:190px!important;min-height:44px!important}.view-mode-toggle,.view-mode-btn{min-height:44px!important}.view-mode-btn{width:44px!important}.tools-grid{grid-template-columns:1fr!important;gap:11px!important}.tool-card{border-radius:16px!important;min-height:0!important;padding:17px!important}.tool-card-title{font-size:1.05rem!important}.tool-card-desc{min-height:auto!important;font-size:.9rem!important}}@media (width<=390px){.layout-body.layout-fullwidth,.header-inner{padding-inline:10px!important}.tools-orientation-stats{gap:5px!important}.orientation-stat{padding-inline:3px!important}.orientation-stat span{font-size:.66rem!important}.grid-toolbar-left{flex-direction:column!important;align-items:flex-start!important;gap:4px!important}.grid-toolbar-right{gap:7px!important}.tool-sort-select{max-width:170px!important;font-size:.8rem!important}}html,body{width:100%!important;min-width:320px!important}#app{width:100vw!important;min-width:0!important;max-width:none!important;overflow-x:clip!important}.main-header,.main-content,.layout-body,.layout-body.layout-fullwidth{width:100%!important;min-width:0!important}.header-inner{width:min(1360px,100% - 32px)!important;min-width:0!important}.header-brand-group,.header-actions,.search-box{min-width:0!important}.more-tools-menu{max-width:calc(100vw - 24px)!important;max-height:min(68vh,560px)!important;overflow:auto!important}@media (width<=820px){.header-inner{grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;padding:10px 14px!important;display:grid!important}.header-brand-group{width:auto!important;overflow:hidden!important}.header-brand-group .header-divider,.brand-logo .logo-version-tag,.brand-logo .logo-tagline{display:none!important}.brand-logo .logo-title{font-size:1.08rem!important}.logo-icon-clean{width:34px!important;height:34px!important}.ecosystem-toggle-btn{padding-inline:9px!important}.search-box{order:initial!important;grid-area:2/1/auto/-1!important;width:100%!important}.header-actions{order:initial!important;grid-area:3/1/auto/-1!important;justify-content:flex-start!important;width:100%!important;padding-bottom:2px!important;overflow-x:auto!important}.layout-body.layout-fullwidth{padding-inline:14px!important}.more-tools-menu{width:min(420px,100vw - 24px)!important;position:fixed!important;top:auto!important;bottom:78px!important;right:12px!important}}.main-header{z-index:1000!important;background:color-mix(in srgb, var(--yt-bg,#07101b) 88%, transparent)!important;-webkit-backdrop-filter:blur(22px)saturate(135%)!important;border-bottom:1px solid #9db1d324!important;position:sticky!important;top:0!important}.layout-body.layout-fullwidth{padding-top:18px!important}.category-tabs-container{z-index:90!important;background:#070e18c7!important;border:1px solid #9db1d31f!important;position:sticky!important;top:82px!important;overflow:hidden!important;box-shadow:0 12px 32px #00000029!important}.category-tabs-bar{overscroll-behavior-inline:contain!important;scrollbar-width:none!important;flex-wrap:nowrap!important;gap:7px!important;padding:7px!important;display:flex!important;overflow-x:auto!important}.category-tabs-bar .menu-item{white-space:nowrap!important;border:1px solid #0000!important;border-radius:11px!important;flex:none!important;min-height:42px!important;padding:8px 12px!important;transition:background .18s,border-color .18s,transform .18s!important}.category-tabs-bar .menu-item.active{background:linear-gradient(135deg,#6fe7c929,#6fe7c90e)!important;border-color:#6fe7c96b!important;box-shadow:inset 0 1px #ffffff14!important}.yula-global-dock .dock-item{min-width:44px;min-height:44px}.tools-orientation{background:linear-gradient(120deg,#121d2ef5,#0c1421db)!important;position:relative!important;overflow:hidden!important;box-shadow:0 18px 40px #00000029,inset 0 1px #ffffff0f!important}.tools-orientation:after{content:"";pointer-events:none;border:1px solid #6fe7c92b;border-radius:50%;width:220px;height:220px;position:absolute;top:-120px;right:-70px;box-shadow:0 0 0 28px #6fe7c909,0 0 0 56px #6fe7c905}.tools-orientation-copy,.tools-orientation-stats{z-index:1!important;position:relative!important}.tools-orientation h1{letter-spacing:-.035em!important;max-width:680px!important}.grid-toolbar{z-index:70!important;-webkit-backdrop-filter:blur(16px)!important;background:#070e18d1!important;position:sticky!important;top:145px!important}.tool-card,.tool-list-row{contain:layout paint!important}.tool-card-icon{box-shadow:0 8px 18px #00000029,inset 0 1px #ffffff1a!important}@media (width<=820px){.main-header{position:relative!important}.category-tabs-container{margin-top:8px!important;position:sticky!important;top:0!important}.grid-toolbar{position:relative!important;top:auto!important}.tools-orientation:after{right:-130px}}@media (prefers-reduced-motion:reduce){.category-tabs-bar .menu-item,.tool-card:hover .tool-card-icon{transform:none!important}}@media (width<=820px){#main-content,.main-content{padding-bottom:calc(116px + env(safe-area-inset-bottom))!important}.yula-global-dock,.ambient-audio-dock{max-width:calc(100vw - 20px)!important}.tool-card{min-width:0!important;overflow:hidden!important}.tool-card:after,.welcome-card:after{display:none!important}.tool-card-title,.tool-card-desc,.tool-list-title,.tool-list-desc{overflow-wrap:anywhere!important}.tool-card-footer{flex-wrap:wrap!important;gap:8px!important}.tool-card-footer .tool-open-link{margin-left:auto!important}.active-tool-section,.tool-workspace-card{scroll-margin-top:14px!important}.toast-container{inset-inline:10px!important;bottom:calc(82px + env(safe-area-inset-bottom))!important;width:auto!important}}@media (width<=390px){.grid-quick-picks button{text-overflow:ellipsis!important;max-width:190px!important;overflow:hidden!important}.tool-card{padding:14px!important}.tool-card-footer .tool-open-link{justify-content:center!important;width:100%!important;margin-left:0!important}}@media (width<=820px){html[data-theme=dark] body{background-attachment:scroll!important;animation:none!important}.main-header,.category-tabs-container,.grid-toolbar,.more-tools-menu,.tool-workspace-card{-webkit-backdrop-filter:none!important}.main-header{background:#070b12f7!important}.category-tabs-container,.grid-toolbar{background:#070e18f5!important}.tools-grid,.pinned-tools-shelf,#recentToolsSection,.tool-seo-section{contain:layout paint}.tool-card,.tool-list-row,.grid-quick-picks button,.menu-item{touch-action:manipulation}}@media (width<=760px){body [style*=backdrop-filter],body [style*=-webkit-backdrop-filter]{-webkit-backdrop-filter:none!important}#particleCanvas{display:none!important}}@media (width<=820px){html[data-theme=dark] body{background-image:linear-gradient(115deg,#03050df7,#030710d6 46%,#03050df0);background-attachment:scroll}#webOsDesktop{overflow:hidden!important}}@media (prefers-reduced-motion:reduce){html[data-theme=dark] body,html[data-theme=light] body,.tool-card,.tool-list-row,.category-tabs-bar .menu-item,#toolWorkspaceCard,#toolWorkspaceCard:before,#toolWorkspaceCard:after,#particleCanvas,.ambient-audio-dock,.ambient-audio-dock:before,.ambient-audio-dock:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation:none!important}}#toolsGrid:not(.tools-list-view)>.tool-card,#toolsGrid.tools-list-view>.tool-list-row{content-visibility:auto;contain-intrinsic-size:auto 210px}@media (width>=1161px){.header-inner{justify-content:initial!important;grid-template-columns:max-content minmax(230px,1fr) max-content!important;gap:14px!important;display:grid!important}.header-brand-group{gap:10px!important;min-width:max-content!important}.header-brand-group .header-divider{display:none!important}.search-box{order:initial!important;width:100%!important;min-width:230px!important;max-width:none!important}.header-actions{gap:6px!important}.fav-btn-label{display:none!important}.favorites-shortcut{padding-inline:10px!important}}@media (width>=821px) and (width<=1160px){.header-inner{grid-template-columns:minmax(0,1fr) max-content!important;grid-template-areas:"brand actions""search search"!important;align-items:center!important;gap:10px 14px!important;padding-block:12px!important;display:grid!important}.header-brand-group{grid-area:brand!important;gap:9px!important}.header-brand-group .header-divider,.brand-logo .logo-tagline,.brand-logo .logo-version-tag{display:none!important}.search-box{order:initial!important;grid-area:search!important;width:100%!important;min-width:0!important;max-width:none!important}.header-actions{order:initial!important;grid-area:actions!important;justify-content:flex-end!important;gap:6px!important;width:auto!important}.fav-btn-label{display:none!important}.favorites-shortcut{padding-inline:10px!important}.category-tabs-container{top:132px!important}.grid-toolbar{top:198px!important}}@media (width<=820px){.category-tabs-container{top:0!important}}