.sx{gap:22px;min-width:0;display:grid}.sx-hero{isolation:isolate;border:1px solid hsl(var(--border));background:radial-gradient(60% 80% at 100% 0%, #7c3aed29, transparent 60%), radial-gradient(50% 70% at 0% 100%, #2563eb24, transparent 60%), linear-gradient(hsl(var(--foreground) / .045) 1px, transparent 1px) 0 0 / 26px 26px, linear-gradient(90deg, hsl(var(--foreground) / .045) 1px, transparent 1px) 0 0 / 26px 26px, hsl(var(--card));border-radius:32px;gap:22px;padding:30px 22px 26px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffb3,0 40px 70px -50px #1e1b4b80}.dark .sx-hero{background:radial-gradient(60% 80% at 100% 0%, #7c3aed47, transparent 60%), radial-gradient(50% 70% at 0% 100%, #2563eb38, transparent 60%), linear-gradient(hsl(var(--foreground) / .05) 1px, transparent 1px) 0 0 / 26px 26px, linear-gradient(90deg, hsl(var(--foreground) / .05) 1px, transparent 1px) 0 0 / 26px 26px, #0c1221;box-shadow:inset 0 1px #ffffff0d,0 40px 80px -50px #000000e6}@media (min-width:1024px){.sx-hero{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:36px;padding:44px 40px}}.sx-copy{min-width:0;animation:.7s cubic-bezier(.16,1,.3,1) both sx-rise}.sx-title{letter-spacing:-.035em;color:hsl(var(--foreground));font-size:clamp(32px,5.4vw,54px);font-weight:900;line-height:1.02}.sx-title-2{letter-spacing:-.02em;color:hsl(var(--muted-foreground));margin-top:4px;font-size:.55em;font-weight:500;display:block}.sx-lede{max-width:30rem;color:hsl(var(--muted-foreground));margin-top:14px;font-size:15.5px;line-height:1.6}.sx-console{--rx:0deg;--ry:0deg;border:1px solid hsl(var(--border));background:hsl(var(--card) / .9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:0;transform:perspective(1200px) rotateX(calc(4deg + var(--rx) * .5)) rotateY(calc(-6deg + var(--ry) * .5));border-radius:26px;gap:14px;padding:16px;transition:transform .8s cubic-bezier(.22,1,.36,1);animation:.9s cubic-bezier(.16,1,.3,1) .1s both sx-console-in;display:grid;position:relative;box-shadow:inset 0 2px #fffc,0 30px 60px -34px #4c1d9573,0 10px 24px -18px #0f172a4d}.sx-console[data-tilting]{transition:transform .3s cubic-bezier(.22,1,.36,1)}.dark .sx-console{background:#0f172ad9;box-shadow:inset 0 1px #ffffff0f,0 34px 70px -34px #000000e6,0 0 0 1px #7c3aed33}@media (max-width:639px){.sx-console{padding:12px;transform:none}}.sx-bar{align-items:center;gap:8px;min-width:0;display:flex;position:relative}.sx-bar-icon{width:22px;height:22px;color:hsl(var(--primary));pointer-events:none;position:absolute;left:18px}.sx-input{width:100%;min-width:0;height:64px;color:hsl(var(--foreground));background:hsl(var(--background));border:2px solid hsl(var(--border));box-shadow:0 2px 0 hsl(var(--border)) inset;border-radius:20px;flex:1;padding:0 52px 0 54px;font-size:17px;font-weight:600;transition:border-color .2s,box-shadow .2s}.sx-input::placeholder{color:hsl(var(--muted-foreground));font-weight:500}.sx-input:focus{border-color:hsl(var(--primary));box-shadow:0 0 0 5px hsl(var(--primary) / .18);outline:none}.sx-input::-webkit-search-cancel-button{display:none}@media (max-width:639px){.sx-input{height:56px;padding-left:48px;font-size:16px}.sx-bar-icon{left:16px}}.sx-clear{width:32px;height:32px;color:hsl(var(--muted-foreground));border-radius:10px;place-items:center;display:grid;position:absolute;right:70px}.sx-clear:hover{color:hsl(var(--foreground));background:hsl(var(--muted))}.sx-clear svg{width:16px;height:16px}.sx-clear:focus-visible{outline:2px solid hsl(var(--ring))}.sx-hint{color:hsl(var(--muted-foreground));padding:0 4px;font-size:13px}.sx-chips{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.sx-chip{min-height:36px;color:hsl(var(--foreground));background:linear-gradient(180deg, color-mix(in srgb, var(--c1) 26%, hsl(var(--card))), color-mix(in srgb, var(--c1) 12%, hsl(var(--card))));border:1px solid color-mix(in srgb, var(--c2) 35%, transparent);box-shadow:0 2px 0 color-mix(in srgb, var(--c2) 30%, transparent);border-radius:12px;align-items:center;gap:6px;padding:0 4px 0 10px;font-size:13px;animation:.35s cubic-bezier(.34,1.56,.64,1) both sx-pop;display:inline-flex}.dark .sx-chip{background:color-mix(in srgb, var(--c2) 26%, #0f172a)}.sx-chip>svg{width:14px;height:14px;color:var(--c2)}.dark .sx-chip>svg{color:var(--c1)}.sx-chip-k{color:hsl(var(--muted-foreground));font-weight:700}.sx-chip-v{text-overflow:ellipsis;white-space:nowrap;max-width:16ch;font-weight:850;overflow:hidden}.sx-chip-x{width:28px;height:28px;color:hsl(var(--muted-foreground));border-radius:8px;place-items:center;display:grid}.sx-chip-x:hover{color:hsl(var(--foreground));background:hsl(var(--foreground) / .08)}.sx-chip-x:focus-visible{outline:2px solid hsl(var(--ring))}.sx-chip-x svg{width:14px;height:14px}.sx-add{flex-wrap:wrap;gap:8px;display:flex}.sx-add-btn{min-height:44px;color:hsl(var(--foreground));background:hsl(var(--card));border:1px dashed color-mix(in srgb, var(--c2) 45%, hsl(var(--border)));border-radius:14px;align-items:center;gap:6px;padding:0 14px;font-size:13.5px;font-weight:800;transition:transform .2s cubic-bezier(.34,1.56,.64,1),background-color .2s,border-style .2s;display:inline-flex}.dark .sx-add-btn{background:#0f172a99}.sx-add-btn svg{width:15px;height:15px;color:var(--c2)}.dark .sx-add-btn svg{color:var(--c1)}.sx-add-btn:before{content:"+";color:var(--c2);font-weight:900}.sx-add-btn:hover{background:color-mix(in srgb, var(--c1) 14%, hsl(var(--card)));border-style:solid;transform:translateY(-2px)}.sx-add-btn:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.sx-bar2{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.sx-scopes{background:hsl(var(--muted) / .7);border:1px solid hsl(var(--border));border-radius:18px;flex-wrap:wrap;gap:4px;padding:4px;display:inline-flex}.sx-scope{min-height:44px;color:hsl(var(--muted-foreground));border-radius:14px;align-items:center;gap:7px;padding:0 16px;font-size:13.5px;font-weight:800;transition:background-color .2s,color .2s,box-shadow .2s;display:inline-flex}.sx-scope svg{width:16px;height:16px}@media (max-width:639px){.sx-scopes{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.sx-scope{text-align:center;justify-content:center;padding:0 6px;font-size:12.5px;line-height:1.2}.sx-scope svg{display:none}.sx-sort-btn{width:100%}}.sx-scope:hover{color:hsl(var(--foreground))}.sx-scope[aria-pressed=true]{color:#fff;background:linear-gradient(110deg,#2563eb,#7c3aed);box-shadow:inset 0 1px #ffffff4d,0 3px #3b0764,0 10px 18px -10px #7c3aed}.sx-scope:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.sx-guide-btn{color:#fff;background:linear-gradient(150deg,#8b5cf6,#4f46e5);border-radius:20px;flex:none;justify-content:center;align-items:center;gap:8px;height:64px;padding:0 18px;font-size:14px;font-weight:850;transition:transform .15s cubic-bezier(.16,1,.3,1),box-shadow .15s;display:inline-flex;box-shadow:inset 0 1px #ffffff59,0 5px #312e81,0 16px 26px -14px #6366f1}.sx-guide-btn svg{width:18px;height:18px}.sx-guide-btn:hover{transform:translateY(-2px)}.sx-guide-btn:active,.sx-guide-btn[data-popup-open]{transform:translateY(3px);box-shadow:inset 0 1px #ffffff4d,0 2px #312e81}.sx-guide-btn:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:3px}@media (max-width:639px){.sx-guide-btn{width:56px;height:56px;padding:0}.sx-guide-btn-t{display:none}}.sx-pop-pos{z-index:80}.sx-pop{border:1px solid hsl(var(--border));background:radial-gradient(70% 60% at 100% 0%, #7c3aed1f, transparent 60%), linear-gradient(hsl(var(--foreground) / .035) 1px, transparent 1px) 0 0 / 22px 22px, linear-gradient(90deg, hsl(var(--foreground) / .035) 1px, transparent 1px) 0 0 / 22px 22px, hsl(var(--card));width:min(620px,100vw - 24px);max-height:min(78vh,640px);transform-origin:var(--transform-origin);border-radius:26px;padding:18px;animation:.22s cubic-bezier(.16,1,.3,1) both sx-pop-in;overflow:auto;box-shadow:0 40px 80px -30px #1e1b4b8c,0 12px 24px -12px #0f172a40}.dark .sx-pop{background:radial-gradient(70% 60% at 100% 0,#7c3aed38,#0000 60%),#0f172a;box-shadow:0 40px 80px -30px #000000f2,0 0 0 1px #7c3aed33}.sx-pop:focus-visible{outline:none}.sx-pop-head{border-bottom:1px solid hsl(var(--border));justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;padding-bottom:14px;display:flex}.sx-pop-t{letter-spacing:-.02em;color:hsl(var(--foreground));font-size:19px;font-weight:900}.sx-pop-d{color:hsl(var(--muted-foreground));margin-top:2px;font-size:13.5px}.sx-pop-x{width:44px;height:44px;color:hsl(var(--muted-foreground));border-radius:14px;place-items:center;display:grid}.sx-pop-x:hover{color:hsl(var(--foreground));background:hsl(var(--muted))}.sx-pop-x:focus-visible{outline:2px solid hsl(var(--ring))}.sx-pop-x svg{width:18px;height:18px}.sx-pop-groups{gap:16px;display:grid}@media (min-width:640px){.sx-pop-groups{grid-template-columns:1fr 1fr}.sx-pop-group:last-child{grid-column:1/-1}.sx-pop-group:last-child ul{grid-template-columns:1fr 1fr}}.sx-pop-gt{color:hsl(var(--muted-foreground));margin-bottom:8px;font-size:13px;font-weight:800}.sx-pop-group ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.sx-pop-item{text-align:left;background:hsl(var(--background) / .7);border:1px solid #0000;border-radius:16px;grid-template-rows:auto auto;grid-template-columns:40px minmax(0,1fr);align-items:center;column-gap:12px;width:100%;min-height:60px;padding:8px 12px 8px 8px;transition:border-color .2s,background-color .2s,transform .2s cubic-bezier(.34,1.56,.64,1);display:grid}.dark .sx-pop-item{background:#02061773}.sx-pop-item:hover{border-color:color-mix(in srgb, var(--c2) 45%, transparent);background:color-mix(in srgb, var(--c1) 14%, hsl(var(--card)));transform:translateY(-2px)}.sx-pop-item:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:1px}.sx-pop-icon{color:#fff;background:linear-gradient(150deg, var(--c1), var(--c2));width:40px;height:40px;box-shadow:0 1px 0 #ffffff73 inset, 0 3px 0 color-mix(in srgb, var(--c2) 55%, #000);border-radius:13px;grid-row:1/span 2;place-items:center;transition:transform .25s cubic-bezier(.34,1.56,.64,1);display:grid}.sx-pop-item:hover .sx-pop-icon{transform:rotate(-6deg)scale(1.06)}.sx-pop-icon svg{width:19px;height:19px}.sx-pop-name{color:hsl(var(--foreground));font-size:14.5px;font-weight:800}.sx-pop-code{font:700 12.5px/1.5 var(--font-geist-mono,ui-monospace, monospace);color:var(--c2);background:color-mix(in srgb, var(--c1) 18%, transparent);border-radius:7px;justify-self:start;margin-top:2px;padding:1px 7px}.dark .sx-pop-code{color:var(--c1)}.sx-pop-foot{border-top:1px solid hsl(var(--border));color:hsl(var(--muted-foreground));margin-top:14px;padding-top:12px;font-size:13px;line-height:1.5}.sx-pop-foot code{font:700 12.5px var(--font-geist-mono,ui-monospace, monospace);color:hsl(var(--foreground))}.sx-sort-btn{min-height:48px;color:hsl(var(--foreground));background:hsl(var(--card));border:1px solid hsl(var(--border));box-shadow:0 2px 0 hsl(var(--border)), 0 10px 20px -16px #0f172a66;border-radius:16px;align-items:center;gap:10px;padding:0 12px 0 14px;transition:border-color .2s,transform .15s;display:inline-flex}.dark .sx-sort-btn{background:#0f172ab3}.sx-sort-btn:hover{border-color:hsl(var(--primary) / .5)}.sx-sort-btn[data-popup-open]{border-color:hsl(var(--primary));box-shadow:0 0 0 4px hsl(var(--primary) / .15)}.sx-sort-btn:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.sx-sort-k{color:hsl(var(--muted-foreground));font-size:13px;font-weight:700}.sx-sort-icon{color:#fff;background:linear-gradient(150deg,#60a5fa,#2563eb);border-radius:9px;place-items:center;width:28px;height:28px;display:grid;box-shadow:0 2px #1e3a8a}.sx-sort-icon svg{width:15px;height:15px}.sx-sort-v{font-size:14px;font-weight:850}.sx-sort-chev{color:hsl(var(--muted-foreground));place-items:center;margin-left:auto;transition:transform .25s;display:grid}.sx-sort-chev svg{width:17px;height:17px}.sx-sort-btn[data-popup-open] .sx-sort-chev{transform:rotate(180deg)}.sx-sort-pop{border:1px solid hsl(var(--border));background:hsl(var(--card));width:min(320px,100vw - 24px);transform-origin:var(--transform-origin);border-radius:20px;outline:none;padding:6px;animation:.2s cubic-bezier(.16,1,.3,1) both sx-pop-in;box-shadow:0 30px 60px -24px #1e1b4b80,0 10px 20px -12px #0f172a40}.dark .sx-sort-pop{background:#0f172a;box-shadow:0 30px 60px -24px #000000f2,0 0 0 1px #2563eb40}.sx-sort-item{cursor:default;border-radius:14px;outline:none;align-items:center;gap:12px;min-height:56px;padding:8px 10px;display:flex}.sx-sort-item[data-highlighted]{background:hsl(var(--primary) / .1)}.sx-sort-item[data-selected] .sx-sort-item-name{color:hsl(var(--primary))}.sx-sort-item-icon{width:36px;height:36px;color:hsl(var(--primary));background:hsl(var(--primary) / .1);border-radius:12px;flex:none;place-items:center;display:grid}.sx-sort-item[data-selected] .sx-sort-item-icon{color:#fff;background:linear-gradient(150deg,#60a5fa,#2563eb);box-shadow:0 2px #1e3a8a}.sx-sort-item-icon svg{width:17px;height:17px}.sx-sort-item-text{flex:1;min-width:0;display:grid}.sx-sort-item-name{color:hsl(var(--foreground));font-size:14px;font-weight:800}.sx-sort-item-line{color:hsl(var(--muted-foreground));font-size:12.5px}.sx-sort-tick{color:hsl(var(--primary));flex:none}.sx-sort-tick svg{width:18px;height:18px}.sx-body{align-items:start;gap:22px;display:grid}@media (min-width:1024px){.sx-body{grid-template-columns:300px minmax(0,1fr)}}.sx-side{gap:14px;display:grid}@media (max-width:1023px){.sx-side{order:2}}.sx-panel{border:1px solid color-mix(in srgb, var(--c2) 22%, hsl(var(--border)));background:radial-gradient(120% 80% at 0% 0%, color-mix(in srgb, var(--c1) 16%, transparent), transparent 60%), hsl(var(--card));border-radius:22px;padding:16px}.dark .sx-panel{background:radial-gradient(120% 80% at 0% 0%, color-mix(in srgb, var(--c2) 22%, transparent), transparent 60%), #0f172ab3}.sx-panel-t{color:hsl(var(--foreground));align-items:center;gap:8px;margin-bottom:10px;font-size:14.5px;font-weight:850;display:flex}.sx-panel-t svg{color:#fff;background:linear-gradient(150deg, var(--c1), var(--c2));width:30px;height:30px;box-shadow:0 1px 0 #ffffff73 inset, 0 3px 0 color-mix(in srgb, var(--c2) 55%, #000);border-radius:10px;padding:7px}.sx-sugg{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.sx-sugg button{min-height:40px;color:hsl(var(--foreground));background:hsl(var(--background));border:1px solid hsl(var(--border));border-radius:12px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:750;transition:border-color .2s,transform .2s;display:inline-flex}.sx-sugg button:hover{border-color:var(--c2);transform:translateY(-1px)}.sx-sugg button:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.sx-sugg button span{font-variant-numeric:tabular-nums;color:var(--c2);font-size:12px;font-weight:800}.dark .sx-sugg button span{color:var(--c1)}.sx-guide{gap:6px;margin:0;display:grid}.sx-guide>div{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.sx-guide dt{font:700 12.5px/1.4 var(--font-geist-mono,ui-monospace, monospace);color:var(--c2)}.dark .sx-guide dt{color:var(--c1)}.sx-guide dd{color:hsl(var(--muted-foreground));text-align:right;margin:0;font-size:12.5px}.sx-results{gap:14px;min-width:0;display:grid}.sx-count{color:hsl(var(--muted-foreground));font-size:15px;font-weight:600}.sx-count strong{color:hsl(var(--foreground));font-variant-numeric:tabular-nums;font-size:22px;font-weight:900}.sx-list{transition:opacity .2s}.sx-list.is-pending{opacity:.5}.sx-empty{text-align:center;border:1px dashed hsl(var(--border));background:hsl(var(--card) / .6);border-radius:26px;justify-items:center;gap:10px;padding:44px 20px;display:grid}.sx-empty-icon{color:#fff;background:linear-gradient(150deg,#60a5fa,#7c3aed);border-radius:20px;place-items:center;width:64px;height:64px;display:grid;transform:rotate(-6deg);box-shadow:inset 0 1px #fff6,0 5px #4c1d95,0 18px 30px -16px #7c3aed}.sx-empty-icon svg{width:28px;height:28px}.sx-empty h3{color:hsl(var(--foreground));font-size:18px;font-weight:850}.sx-empty p{max-width:26rem;color:hsl(var(--muted-foreground));font-size:14px;line-height:1.55}.sx-empty-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px;display:flex}.sx-btn,.sx-btn-ghost{border-radius:14px;align-items:center;min-height:44px;padding:0 18px;font-size:14px;font-weight:800;display:inline-flex}.sx-btn{color:#fff;background:linear-gradient(110deg,#2563eb,#7c3aed 60%,#db2777);box-shadow:inset 0 1px #ffffff59,0 4px #4c1d95}.sx-btn-ghost{color:hsl(var(--foreground));background:hsl(var(--card));border:1px solid hsl(var(--border))}.sx-btn:focus-visible,.sx-btn-ghost:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}@keyframes sx-rise{0%{opacity:0;transform:translateY(14px)}}@keyframes sx-console-in{0%{opacity:0;transform:perspective(1200px)rotateX(18deg)translateY(30px)scale(.97)}}@keyframes sx-pop{0%{opacity:0;transform:scale(.7)}}@keyframes sx-pop-in{0%{opacity:0;transform:translateY(-6px)scale(.96)}}@media (prefers-reduced-motion:reduce){.sx-copy,.sx-console,.sx-chip,.sx-pop,.sx-sort-pop{animation:none}.sx-guide-btn,.sx-pop-item,.sx-pop-icon,.sx-sort-btn,.sx-sort-chev{transition:none}.sx-guide-btn:hover,.sx-pop-item:hover,.sx-pop-item:hover .sx-pop-icon{transform:none}.sx-console,.sx-console[data-tilting]{transition:none;transform:none}.sx-add-btn,.sx-sugg button,.sx-input,.sx-list,.sx-scope{transition:none}.sx-add-btn:hover,.sx-sugg button:hover{transform:none}}