.tools-nav{border:1px solid var(--fx-glass-border,#ffffff14);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#00000047;border-radius:20px;flex-direction:column;gap:12px;padding:16px 18px 14px;display:flex}.tools-nav__search-wrap{position:relative}.tools-nav__search{box-sizing:border-box;color:#fff;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;outline:none;width:100%;padding:10px 48px 10px 40px;font-size:13px;font-weight:600;transition:border-color .2s,box-shadow .2s}.tools-nav__search:focus{border-color:color-mix(in srgb, var(--fx-accent) 45%, transparent);box-shadow:0 0 0 2px color-mix(in srgb, var(--fx-accent) 12%, transparent)}.tools-nav__search-icon{opacity:.45;pointer-events:none;font-size:14px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.tools-nav__search-meta{background:color-mix(in srgb, var(--fx-accent) 12%, transparent);color:#fff;pointer-events:none;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:900;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.tools-nav__categories{border-bottom:1px solid #ffffff0f;flex-wrap:wrap;gap:6px;padding-bottom:2px;display:flex}.tools-nav-cat{color:#888ea0;letter-spacing:.02em;cursor:pointer;white-space:nowrap;will-change:transform, box-shadow, border-color, background;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:800;transition:color .25s,background .25s,border-color .25s,box-shadow .25s,transform .25s;display:inline-flex;position:relative;transform:scale(1)}.tools-nav-cat:hover{color:#d4d4d8;background:#ffffff0a;border-color:#ffffff0f}.tools-nav-cat:focus-visible{outline:2px solid color-mix(in srgb, var(--tools-cat-accent,var(--fx-accent)) 55%, transparent);outline-offset:1px}.tools-nav-cat--active{color:#fff;background:color-mix(in srgb, var(--tools-cat-accent,var(--fx-accent)) 12%, #ffffff0f);border-color:color-mix(in srgb, var(--tools-cat-accent,var(--fx-accent)) 45%, #ffffff1f);box-shadow:0 0 0 1px color-mix(in srgb, var(--tools-cat-accent,var(--fx-accent)) 18%, transparent), 0 0 24px color-mix(in srgb, var(--tools-cat-accent,var(--fx-accent)) 22%, transparent), inset 0 -2px 0 color-mix(in srgb, var(--tools-cat-accent,var(--fx-accent)) 75%, transparent);transform:scale(1.03)}.tools-nav-cat--core.tools-nav-cat--active{border-color:color-mix(in srgb, var(--tools-cat-accent,var(--fx-accent)) 55%, transparent);background:color-mix(in srgb, var(--tools-cat-accent,var(--fx-accent)) 14%, #ffffff0d)}.tools-nav-cat__sweep{pointer-events:none;border-radius:999px;height:2px;position:absolute;bottom:0;left:8px;right:8px;overflow:hidden}.tools-nav-cat__sweep:after{content:"";background:linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--tools-cat-accent,var(--fx-accent)) 90%, #fff) 50%, transparent 100%);animation:2.8s ease-in-out infinite tools-cat-light-sweep;position:absolute;inset:0;transform:translate(-120%)}@keyframes tools-cat-light-sweep{0%,to{opacity:.35;transform:translate(-120%)}50%{opacity:1;transform:translate(120%)}}.tools-nav-cat__emoji{font-size:14px;line-height:1}.tools-nav__quick{flex-direction:column;gap:6px;display:flex}.tools-nav__quick-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tools-nav__quick-label{color:#666;letter-spacing:.08em;text-transform:uppercase;min-width:44px;font-size:10px;font-weight:900}.tools-nav-quick{color:#a1a1aa;cursor:grab;-webkit-user-select:none;user-select:none;background:#ffffff05;border:1px solid #ffffff0f;border-radius:8px;align-items:center;padding:4px 10px;font-size:11px;font-weight:700;transition:all .15s;display:inline-flex}.tools-nav-quick--dragging{opacity:.45;cursor:grabbing}.tools-nav-quick--drop-target{border-color:color-mix(in srgb, var(--fx-accent) 55%, transparent);background:color-mix(in srgb, var(--fx-accent) 14%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--fx-accent) 25%, transparent)}.tools-nav-quick:active{cursor:grabbing}.tools-nav-quick:hover,.tools-nav-quick--active{color:#fff;border-color:color-mix(in srgb, var(--fx-accent) 30%, transparent);background:color-mix(in srgb, var(--fx-accent) 8%, transparent)}.tools-nav__tools{flex-direction:column;gap:8px;padding-top:2px;display:flex}.tools-nav__tools--core{border:1px solid color-mix(in srgb, var(--fx-accent) 18%, #ffffff0f);background:radial-gradient(ellipse at 0% 0%, color-mix(in srgb, var(--fx-accent) 8%, transparent), transparent 55%), #ffffff05;border-radius:14px;margin:0 -4px;padding:10px 12px 8px}.tools-nav__tools-hint{color:#666;margin:0;font-size:11px;font-weight:600;line-height:1.4}.tools-nav__pills{flex-wrap:wrap;gap:8px;display:flex}.tools-nav-pill{color:#fff;text-align:left;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:10px;min-width:0;max-width:100%;padding:10px 36px 10px 12px;transition:border-color .25s,background .25s,box-shadow .25s;display:inline-flex;position:relative;transform:translateZ(0)}.tools-nav-pill:hover{border-color:color-mix(in srgb, var(--tools-cat-accent,var(--fx-accent)) 35%, #ffffff24);box-shadow:0 4px 16px #00000040, 0 0 20px color-mix(in srgb, var(--tools-cat-accent,var(--fx-accent)) 12%, transparent);z-index:1;background:#ffffff0d}.tools-nav-pill:focus-visible{outline:2px solid color-mix(in srgb, var(--tools-cat-accent,var(--fx-accent)) 55%, transparent);outline-offset:1px}.tools-nav-pill--active{border-color:color-mix(in srgb, var(--tools-cat-accent,var(--fx-accent)) 55%, transparent);background:color-mix(in srgb, var(--tools-cat-accent,var(--fx-accent)) 12%, #ffffff0a);box-shadow:0 0 0 1px color-mix(in srgb, var(--tools-cat-accent,var(--fx-accent)) 18%, transparent), 0 8px 28px color-mix(in srgb, var(--tools-cat-accent,var(--fx-accent)) 20%, transparent);z-index:2}.tools-nav-pill--core.tools-nav-pill--active{border-color:color-mix(in srgb, var(--tools-cat-accent,var(--fx-accent)) 60%, transparent);background:radial-gradient(ellipse at 100% 0%, color-mix(in srgb, var(--tools-cat-accent,var(--fx-accent)) 14%, transparent), transparent 60%), color-mix(in srgb, var(--tools-cat-accent,var(--fx-accent)) 10%, #ffffff0a)}.tools-nav-pill--locked{opacity:.75}.tools-nav-pill__icon{flex-shrink:0;font-size:20px;line-height:1}.tools-nav-pill__text{flex-direction:column;gap:1px;min-width:0;display:flex}.tools-nav-pill__name{letter-spacing:-.01em;font-size:13px;font-weight:900;line-height:1.2}.tools-nav-pill__sub{color:#666;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:9px;font-weight:800;overflow:hidden}.tools-nav-pill__lock{opacity:.7;font-size:11px;position:absolute;top:50%;right:28px;transform:translateY(-50%)}.tools-nav-pill__fav{color:#666;cursor:pointer;background:#00000059;border:none;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;transition:color .15s;display:flex;position:absolute;top:6px;right:6px}.tools-nav-pill__fav:hover{color:#fff}.tools-nav-pill__fav--active{color:#fbbf24}.tools-launcher-empty{color:#888ea0;text-align:center;border:1px dashed #ffffff1a;border-radius:12px;padding:16px;font-size:12px;font-weight:700}@media (width<=640px){.tools-nav{gap:10px;padding:12px 12px 10px}.tools-nav__categories{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:6px;overflow-x:auto}.tools-nav__categories::-webkit-scrollbar{display:none}.tools-nav__pills{flex-direction:column}.tools-nav-pill{width:100%}}.tools-workspace-nav{background:#ffffff08;border:1px solid #ffffff14;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:28px;padding:14px 18px;display:flex}.tools-workspace-nav__left{align-items:center;gap:12px;min-width:0;display:flex}.tools-workspace-nav__back{color:#fff;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:#00000040;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:8px;padding:10px 14px;font-size:11px;font-weight:900;display:inline-flex}.tools-workspace-nav__title{min-width:0}.tools-workspace-nav__name{color:#fff;letter-spacing:-.02em;font-size:16px;font-weight:950}.tools-workspace-nav__sub{color:#888ea0;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:800}.tools-workspace-nav__fav{color:#888ea0;cursor:pointer;background:#00000040;border:1px solid #ffffff14;border-radius:12px;width:40px;height:40px;font-size:16px}.tools-workspace-nav__fav--active{color:#fbbf24;border-color:#fbbf2459}.tools-hero{border:1px solid color-mix(in srgb, var(--tools-cat-accent,var(--fx-accent)) 22%, #ffffff14);background:radial-gradient(ellipse at 0% 0%, color-mix(in srgb, var(--tools-cat-accent,var(--fx-accent)) 10%, transparent), transparent 55%), #ffffff05;opacity:0;border-radius:16px;transition:opacity .28s,transform .28s;position:relative;overflow:hidden;transform:translateY(8px)}.tools-hero--visible{opacity:1;transform:translateY(0)}.tools-hero__glow{background:radial-gradient(circle, color-mix(in srgb, var(--tools-cat-accent,var(--fx-accent)) 16%, transparent), transparent 65%);pointer-events:none;animation:4s ease-in-out infinite tools-hero-glow-pulse;position:absolute;inset:-40% -20%}.tools-hero__particles{background-image:radial-gradient(circle at 20% 30%, color-mix(in srgb, var(--tools-cat-accent,var(--fx-accent)) 8%, transparent) 0 1px, transparent 1px), radial-gradient(circle at 70% 60%, color-mix(in srgb, var(--tools-cat-accent,var(--fx-accent)) 6%, transparent) 0 1px, transparent 1px), radial-gradient(circle at 45% 80%, #ffffff0a 0 1px, transparent 1px);opacity:.5;pointer-events:none;background-size:120px 120px,160px 160px,200px 200px;animation:18s linear infinite tools-hero-particles-drift;position:absolute;inset:0}@keyframes tools-hero-glow-pulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.85;transform:scale(1.05)}}@keyframes tools-hero-particles-drift{0%{transform:translate(0,0)}to{transform:translate(-24px,-12px)}}.tools-hero__inner{z-index:1;flex-direction:column;gap:10px;padding:16px 18px;display:flex;position:relative}.tools-hero__head{align-items:flex-start;gap:12px;display:flex}.tools-hero__emoji{filter:drop-shadow(0 0 12px color-mix(in srgb, var(--tools-cat-accent,var(--fx-accent)) 40%, transparent));flex-shrink:0;font-size:28px;line-height:1}.tools-hero__titles{min-width:0}.tools-hero__title{color:#fff;letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:15px;font-weight:950}.tools-hero__desc{color:#a1a1aa;margin:4px 0 0;font-size:12px;font-weight:600;line-height:1.45}.tools-hero__meta{align-items:center;gap:8px;display:flex}.tools-hero__count{background:color-mix(in srgb, var(--tools-cat-accent,var(--fx-accent)) 14%, transparent);border:1px solid color-mix(in srgb, var(--tools-cat-accent,var(--fx-accent)) 28%, transparent);color:#fff;letter-spacing:.04em;border-radius:999px;padding:3px 10px;font-size:10px;font-weight:900;display:inline-flex}.tools-hero__tool-list{flex-wrap:wrap;gap:8px 16px;margin:0;padding:0;list-style:none;display:flex}.tools-hero__tool-item{color:#d4d4d8;align-items:center;gap:6px;font-size:11px;font-weight:700;display:inline-flex}.tools-hero__tool-dot{background:var(--tools-cat-accent,var(--fx-accent));width:5px;height:5px;box-shadow:0 0 8px color-mix(in srgb, var(--tools-cat-accent,var(--fx-accent)) 60%, transparent);border-radius:999px}.tools-preview{border:1px solid color-mix(in srgb, var(--tools-cat-accent,var(--fx-accent)) 20%, #ffffff14);background:linear-gradient(135deg, color-mix(in srgb, var(--tools-cat-accent,var(--fx-accent)) 6%, transparent), transparent 50%), #00000038;border-radius:16px;min-height:120px;position:relative;overflow:hidden}.tools-preview--empty{justify-content:center;align-items:center;min-height:80px;padding:20px;display:flex}.tools-preview__placeholder{color:#666;margin:0;font-size:12px;font-weight:700}.tools-preview--loading .tools-preview__content{opacity:.35}.tools-preview__content{padding:16px 18px;transition:opacity .15s}.tools-preview__head{align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.tools-preview__icon{flex-shrink:0;font-size:26px;line-height:1}.tools-preview__name{color:#fff;letter-spacing:-.02em;margin:0;font-size:16px;font-weight:950}.tools-preview__tagline{color:#666;letter-spacing:.08em;text-transform:uppercase;margin:2px 0 0;font-size:9px;font-weight:800}.tools-preview__lock-badge{opacity:.85;margin-left:auto;font-size:14px}.tools-preview__desc{color:#a1a1aa;margin:0 0 14px;font-size:12px;font-weight:600;line-height:1.55}.tools-preview__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px;display:grid}.tools-preview__label{color:#666;letter-spacing:.1em;text-transform:uppercase;margin:0 0 6px;font-size:9px;font-weight:900}.tools-preview__list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.tools-preview__list li{color:#d4d4d8;padding-left:12px;font-size:11px;font-weight:600;line-height:1.4;position:relative}.tools-preview__list li:before{content:"•";color:var(--tools-cat-accent,var(--fx-accent));position:absolute;left:0}.tools-preview__footer{border-top:1px solid #ffffff0f;flex-wrap:wrap;gap:10px;padding-top:10px;display:flex}.tools-preview__fact{flex-direction:column;gap:2px;min-width:120px;display:flex}.tools-preview__fact--wide{flex:1;min-width:200px}.tools-preview__fact-label{color:#666;letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:900}.tools-preview__fact-value{color:#fff;font-size:11px;font-weight:700;line-height:1.4}.tools-preview__skeleton{padding:16px 18px;animation:1.2s ease-in-out infinite tools-preview-shimmer}.tools-preview__sk-line{background:#ffffff0f;border-radius:6px;width:70%;height:10px;margin-bottom:8px}.tools-preview__sk-line--lg{width:45%;height:16px}.tools-preview__sk-line--sm{width:90%}.tools-preview__sk-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.tools-preview__sk-block{background:#ffffff0a;border-radius:10px;height:56px}@keyframes tools-preview-shimmer{0%,to{opacity:.55}50%{opacity:1}}.tools-workspace{opacity:0;will-change:opacity, transform;transition:opacity .32s,transform .32s;transform:translateY(16px)}.tools-workspace--visible{opacity:1;transform:translateY(0)}.tools-workspace-hint{color:#888ea0;text-align:center;letter-spacing:.04em;border:1px dashed #ffffff1a;border-radius:12px;margin:4px 0 20px;padding:12px 16px;font-size:11px;font-weight:700}@media (width<=640px){.tools-preview__grid{grid-template-columns:1fr}.tools-nav-cat--active{transform:scale(1.02)}.tools-nav-pill--active{transform:scale(1.02)translateZ(0)}}