.sl-tools-nav{position:relative}.sl-tools-trigger{font-family:var(--font-body);color:var(--text-muted);cursor:pointer;transition:color .2s var(--ease-out);background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:14px;font-weight:500;display:inline-flex}.sl-tools-trigger:hover,.sl-tools-nav.is-open .sl-tools-trigger,.sl-tools-trigger[aria-expanded=true]{color:var(--text-primary)}.sl-tools-trigger:focus-visible{outline-offset:4px;border-radius:4px;outline:2px solid #34cfea73}.sl-tools-chevron{opacity:.65;transition:transform .22s var(--ease-out), opacity .2s}.sl-tools-nav.is-open .sl-tools-chevron,.sl-tools-accordion.is-open .sl-tools-chevron{opacity:.9;transform:rotate(180deg)}.sl-tools-panel{border:1px solid var(--border-default);opacity:0;visibility:hidden;width:min(440px,100vw - 48px);transition:opacity .22s var(--ease-out), transform .22s var(--ease-out), visibility .22s;z-index:60;background:#121820;border-radius:14px;padding:6px;position:absolute;top:calc(100% + 14px);right:-12px;transform:translateY(8px);box-shadow:0 24px 56px #0000008c,0 0 0 1px #34cfea14,inset 0 1px #ffffff0f}.sl-tools-panel:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#34cfea61,#2f7cf038,#0000);height:1px;position:absolute;top:0;left:20px;right:20px}.sl-tools-panel-grid-bg{border-radius:inherit;pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(95% 70% at 50% 0,#000 35%,#0000 88%);mask-image:radial-gradient(95% 70% at 50% 0,#000 35%,#0000 88%)}.sl-tools-nav.is-open .sl-tools-panel,.sl-tools-panel.is-open{opacity:1;visibility:visible}.sl-tools-nav.is-open .sl-tools-panel:not(.sl-tools-panel--coverflow),.sl-tools-panel.is-open:not(.sl-tools-panel--coverflow){transform:translateY(0)}.sl-tools-panel--portal{z-index:200;position:fixed;top:82px;left:auto;right:24px}.sl-tools-list{grid-template-columns:1fr 1fr;gap:6px;margin:0;padding:0;list-style:none;display:grid;position:relative}.sl-tools-item{border:1px solid var(--border-subtle);text-align:left;transition:border-color .2s var(--ease-out), background .2s var(--ease-out), box-shadow .2s var(--ease-out), transform .2s var(--ease-out);background:#ffffff04;border-radius:10px;flex-direction:column;gap:8px;padding:14px 14px 13px;display:flex}a.sl-tools-item--live{color:inherit;background:linear-gradient(135deg,#34cfea12,#2f7cf00a),#ffffff05;border-color:#34cfea52;flex-direction:column;grid-column:1/-1;text-decoration:none;display:flex;box-shadow:inset 0 1px #34cfea1a,0 0 28px #2f7cf012}a.sl-tools-item--live:hover,a.sl-tools-item--live:focus-visible{background:linear-gradient(135deg,#34cfea1c,#2f7cf00f),#ffffff06;border-color:#34cfea7a;transform:translateY(-1px);box-shadow:inset 0 1px #34cfea24,0 0 32px #2f7cf01f}.sl-tools-item--disabled{opacity:.52;cursor:default}.sl-tools-item-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.sl-tools-item-title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text-primary);font-size:14px;font-weight:600}.sl-tools-item--disabled .sl-tools-item-title{color:var(--text-secondary)}.sl-tools-status{border:1px solid var(--border-subtle);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;flex-shrink:0;align-items:center;gap:5px;padding:2px 7px;font-size:10px;font-weight:500;line-height:1.2;display:inline-flex}.sl-tools-status-dot{border-radius:50%;flex-shrink:0;width:5px;height:5px}.sl-tools-status--live{color:var(--success-400);background:#21b88417;border-color:#21b8844d}.sl-tools-status--live .sl-tools-status-dot{background:var(--success-400);animation:1.8s ease-in-out infinite slToolsLivePulse;box-shadow:0 0 7px #21b884b3}@keyframes slToolsLivePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.82)}}.sl-tools-status--soon{color:var(--violet-300);background:#8b7cf90f;border-color:#8b7cf938}.sl-tools-status--soon .sl-tools-status-dot{background:var(--violet-400);opacity:.75}.sl-tools-status--planned{color:var(--text-muted);border-color:var(--border-subtle);background:#ffffff05}.sl-tools-status--planned .sl-tools-status-dot{background:var(--silver-400);opacity:.5}.sl-tools-item-desc{font-family:var(--font-body);color:var(--text-muted);margin:0;font-size:12px;line-height:1.5}.sl-tools-item--live .sl-tools-item-desc{color:var(--text-secondary)}.sl-tools-accordion{flex-direction:column;gap:0;display:flex}.sl-tools-accordion-trigger{width:100%;font-family:var(--font-body);color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;padding:0;font-size:15px;font-weight:500;display:flex}.sl-tools-accordion-trigger:focus-visible{outline-offset:4px;border-radius:4px;outline:2px solid #34cfea73}.sl-tools-accordion-panel{border-top:1px solid var(--border-subtle);gap:8px;margin-top:12px;padding-top:12px;display:grid}.sl-tools-accordion-panel .sl-tools-list{grid-template-columns:1fr}.sl-tools-accordion-panel .sl-tools-item--live{grid-column:auto}@media (prefers-reduced-motion:reduce){.sl-tools-panel,.sl-tools-chevron,.sl-tools-item,.sl-tools-trigger{transition:none}.sl-tools-status--live .sl-tools-status-dot{animation:none}.sl-tools-nav.is-open .sl-tools-panel:not(.sl-tools-panel--coverflow),.sl-tools-panel.is-open:not(.sl-tools-panel--coverflow),a.sl-tools-item--live:hover,a.sl-tools-item--live:focus-visible{transform:none}}@media (max-width:520px){.sl-tools-panel{width:min(440px,100vw - 32px);right:-8px}.sl-tools-list{grid-template-columns:1fr}.sl-tools-item--live{grid-column:auto}}.sl-tools-panel--coverflow{width:min(860px,100vw - 48px);padding:12px 10px 10px;right:-36px;overflow:hidden}@media (min-width:721px){.sl-tools-panel--coverflow{z-index:200;width:min(920px,100vw - 64px);max-width:calc(100vw - 48px);position:fixed;top:82px;left:50%;right:auto;transform:translate(-50%,8px)}.sl-tools-nav.is-open .sl-tools-panel--coverflow,.sl-tools-panel--coverflow.is-open{transform:translate(-50%)}}.sl-tools-coverflow{-webkit-user-select:none;user-select:none;touch-action:pan-y;flex-direction:column;gap:10px;display:flex;position:relative}.sl-tools-coverflow-track{perspective:1400px;perspective-origin:50% 45%;cursor:default;touch-action:none;height:188px;position:relative;overflow:hidden}.sl-tools-coverflow.is-touch .sl-tools-coverflow-track{cursor:grab;height:168px}.sl-tools-coverflow.is-touch .sl-tools-coverflow-track:active{cursor:grabbing}.sl-tools-coverflow-fade{z-index:8;pointer-events:none;width:72px;position:absolute;top:0;bottom:0}.sl-tools-coverflow-fade--left{background:linear-gradient(90deg,#121820,#0000);left:0}.sl-tools-coverflow-fade--right{background:linear-gradient(270deg,#121820,#0000);right:0}.sl-tools-cover-card{text-align:left;width:min(280px,42vw);color:inherit;transform-origin:50%;transform-style:preserve-3d;will-change:transform, opacity;transition:border-color .22s var(--ease-out), box-shadow .22s var(--ease-out);-webkit-tap-highlight-color:transparent;background:#1c2533;border:1px solid #aebbce38;border-radius:12px;flex-direction:column;gap:8px;padding:16px 16px 14px;text-decoration:none;display:flex;position:absolute;top:50%;left:50%;box-shadow:0 10px 28px #00000052}.sl-tools-coverflow.is-desktop .sl-tools-coverflow-track,.sl-tools-coverflow.is-desktop .sl-tools-cover-card.is-neighbor{cursor:ew-resize}.sl-tools-coverflow.is-desktop .sl-tools-cover-card.is-active{cursor:pointer}.sl-tools-cover-card.is-active{pointer-events:auto;background:linear-gradient(135deg,#34cfea29,#2f7cf014),#243044;border-color:#34cfea8c;box-shadow:inset 0 1px #34cfea2e,0 0 36px #2f7cf02e,0 14px 32px #00000061}.sl-tools-cover-card.is-neighbor{pointer-events:auto}.sl-tools-cover-card--live.is-active{border-color:#34cfea94;box-shadow:inset 0 1px #34cfea2e,0 0 42px #34cfea38,0 16px 36px #00000061}.sl-tools-cover-card--disabled.is-neighbor .sl-tools-item-title,.sl-tools-cover-card--disabled.is-neighbor .sl-tools-item-desc{color:var(--text-muted)}.sl-tools-cover-card.is-neighbor .sl-tools-item-desc,.sl-tools-cover-card.is-neighbor .sl-tools-cover-action{opacity:.72;pointer-events:none;max-height:0;margin:0;overflow:hidden}.sl-tools-cover-card.is-active .sl-tools-item-desc,.sl-tools-cover-card.is-active .sl-tools-cover-action{opacity:1;max-height:96px}.sl-tools-cover-action{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:6px;margin-top:2px;font-size:10px;font-weight:500;display:inline-flex}.sl-tools-cover-action.is-live{color:var(--cyan-300,#34cfea)}.sl-tools-coverflow-dots{justify-content:center;gap:7px;padding:0 8px;display:flex}.sl-tools-coverflow-dot{cursor:pointer;width:6px;height:6px;transition:transform .2s var(--ease-out), background .2s var(--ease-out), box-shadow .2s;background:#ffffff2e;border:none;border-radius:50%;padding:0}.sl-tools-coverflow-dot.is-active{background:#34cfeae6;transform:scale(1.25);box-shadow:0 0 10px #34cfea8c}.sl-tools-coverflow-hint{text-align:center;font-family:var(--font-body);color:var(--text-muted);opacity:.72;margin:0;padding:0 10px 2px;font-size:11px}.sl-tools-accordion-panel--coverflow{padding-top:10px}.sl-tools-accordion-panel--coverflow .sl-tools-coverflow-track{height:176px}.sl-tools-accordion-panel--coverflow .sl-tools-cover-card{width:min(248px,72vw)}@media (prefers-reduced-motion:reduce){.sl-tools-cover-card,.sl-tools-coverflow-dot{transition:none}.sl-tools-cover-card{transform-style:flat}.sl-tools-panel--coverflow,.sl-tools-nav.is-open .sl-tools-panel--coverflow{transition:opacity .01ms,visibility .01ms}}@media (prefers-reduced-motion:reduce) and (min-width:721px){.sl-tools-panel--coverflow,.sl-tools-nav.is-open .sl-tools-panel--coverflow,.sl-tools-panel--coverflow.is-open{transform:translate(-50%)}}@media (max-width:720px){.sl-tools-panel--coverflow{width:min(560px,100vw - 32px);position:fixed;top:82px;left:auto;right:16px;transform:translateY(8px)}.sl-tools-nav.is-open .sl-tools-panel--coverflow,.sl-tools-panel--coverflow.is-open{transform:translateY(0)}.sl-tools-cover-card{width:min(240px,52vw)}.sl-tools-coverflow-track{height:172px}.sl-tools-coverflow-fade{width:48px}}@media (max-width:520px){.sl-tools-panel--coverflow{width:min(100vw - 24px,420px);left:50%;right:auto;transform:translate(-50%,8px)}.sl-tools-nav.is-open .sl-tools-panel--coverflow,.sl-tools-panel--coverflow.is-open{transform:translate(-50%)}.sl-tools-cover-card{width:min(220px,68vw)}}
