:root{--bg:#0b0f17;--panel:#111827;--card:#0f172a;--card2:#0b1220;--text:#e5e7eb;--muted:#94a3b8;--line:rgba(148,163,184,.18);--brand:#7c3aed;--brand2:#22c55e;--danger:#ef4444;--ok:#22c55e;--shadow: 0 10px 30px rgba(0,0,0,.35);--radius: 18px}:root[data-theme=light]{--bg:#f6f7fb;--panel:#ffffff;--card:#ffffff;--card2:#f1f5f9;--text:#0b1220;--muted:#475569;--line:rgba(15,23,42,.14);--shadow: 0 10px 30px rgba(2,6,23,.1)}*{box-sizing:border-box}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:radial-gradient(1200px 800px at 10% 10%,rgba(124,58,237,.25),transparent 60%),radial-gradient(900px 600px at 90% 20%,rgba(34,197,94,.18),transparent 55%),var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}.container{width:min(1100px,calc(100% - 32px));margin:0 auto;padding:0 16px}.skipLink{position:absolute;left:-9999px;top:8px;padding:10px 12px;border-radius:12px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);z-index:1000}.skipLink:focus{left:12px}.appShell{min-height:100vh;display:flex;flex-direction:column}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg);background:color-mix(in srgb,var(--bg) 65%,transparent);border-bottom:1px solid var(--line)}.topbarInner{display:flex;align-items:center;gap:14px;padding:14px 0;max-width:1200px;margin:0 auto}.brand{display:flex;align-items:center;gap:10px;font-weight:700;flex-shrink:0}.brandMark{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.03);flex-shrink:0}.brandText{letter-spacing:.2px;white-space:nowrap}.nav{margin-left:10px;display:flex;gap:8px;flex-wrap:wrap;flex:1;overflow-x:auto}.navLink{padding:8px 10px;border-radius:12px;color:var(--muted);border:1px solid transparent;white-space:nowrap;flex-shrink:0}.navLink:hover{color:var(--text);border-color:var(--line);background:rgba(255,255,255,.03)}.navLink.active{color:var(--text);border-color:rgba(124,58,237,.35);background:rgba(124,58,237,.12)}.topbarCta{margin-left:auto;flex-shrink:0}.topbarActions{margin-left:auto;display:flex;align-items:center;gap:10px;flex-shrink:0}.iconBtn{width:40px;height:40px;display:grid;place-items:center;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--text);cursor:pointer;font-weight:700;flex-shrink:0}.iconBtn:hover{border-color:rgba(124,58,237,.35);background:rgba(255,255,255,.05)}.mobileOnly,.mobileNav{display:none}.mobileNav{border-bottom:1px solid var(--line);background:rgba(11,15,23,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}:root[data-theme=light] .mobileNav{background:rgba(246,247,251,.98)}.mobileNavInner{padding:12px 0 16px;display:grid;gap:8px;max-width:1200px;margin:0 auto}.mobileNavLink{padding:12px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.02);color:var(--muted);font-weight:700}.mobileNavLink:hover{background:rgba(255,255,255,.04);border-color:var(--line)}.mobileNavLink.active{color:var(--text);border-color:rgba(124,58,237,.35);background:rgba(124,58,237,.12)}.mobileNavCta{margin-top:6px;justify-self:start}@media(max-width:1100px){.nav{gap:6px}.navLink{padding:6px 8px;font-size:13px}}@media(max-width:900px){.nav,.topbarCta{display:none}.mobileOnly{display:grid}.mobileNav{display:block}}@media(max-width:600px){.topbarInner{gap:8px;padding:12px 0}.brandMark{width:32px;height:32px}.brandText{display:none}.iconBtn{width:36px;height:36px}.mobileNav{display:block;border-bottom:1px solid var(--line);background:var(--bg);background:color-mix(in srgb,var(--bg) 88%,transparent)}.mobileNavInner{padding:10px 0 14px;display:flex;flex-direction:column;gap:8px}.mobileNavLink{padding:10px 12px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--muted);font-weight:800}.mobileNavLink.active{color:var(--text);border-color:rgba(124,58,237,.35);background:rgba(124,58,237,.12)}.mobileNavCta{margin-top:6px;text-align:center}}.main{flex:1;padding:24px 0 44px}.adSection{padding:4px 0 22px}.adWrap{width:100%;max-width:1100px;margin:0 auto;display:flex;justify-content:center;align-items:center;min-height:90px}.footer{border-top:1px solid var(--line);background:rgba(11,15,23,.55)}.footerInner{padding:26px 0;display:flex;gap:24px;justify-content:space-between;flex-wrap:wrap}.footerBrand{display:flex;align-items:center;gap:10px;font-weight:700}.footerLeft{max-width:520px}.footerCols{display:flex;gap:28px}.footerTitle{font-weight:700;margin-bottom:10px}.footerLink{display:block;color:var(--muted);margin:8px 0}.footerLink:hover{color:var(--text)}.hero{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;padding:18px 0 8px}@media(max-width:900px){.hero{grid-template-columns:1fr;padding:12px 0}}@media(max-width:600px){.hero{gap:16px;padding:8px 0}}.kicker{color:var(--muted);border:1px solid var(--line);background:rgba(255,255,255,.03);display:inline-flex;padding:6px 10px;border-radius:999px;font-size:clamp(11px,2vw,12px);letter-spacing:.2px}h1{font-size:clamp(28px,4vw,46px);margin:12px 0 8px;line-height:1.08}h2{font-size:clamp(20px,2.5vw,28px);margin:0}h3{font-size:clamp(16px,2vw,20px);margin:0}.lead{color:var(--muted);font-size:clamp(14px,2.5vw,16px);line-height:1.6;margin:0}.heroActions{display:flex;gap:10px;margin:16px 0 10px;flex-wrap:wrap}.heroBadges{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.badge{font-size:clamp(11px,1.5vw,12px);color:var(--muted);border:1px solid var(--line);padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.02)}.heroMock{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01));border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.mockHeader{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.02)}.dot{width:10px;height:10px;border-radius:999px;background:rgba(255,255,255,.2)}.dot.red{background:#ef4444}.dot.yellow{background:#f59e0b}.dot.green{background:#22c55e}.mockTitle{margin-left:auto;color:var(--muted);font-size:12px}.mockBody{margin:0;padding:14px 14px 0;font-size:12px;line-height:1.55;color:#cbd5e1;white-space:pre-wrap}.mockFooter{padding:12px 14px 14px;display:flex;gap:8px;flex-wrap:wrap}.section{margin-top:26px}@media(max-width:600px){.section{margin-top:16px}}.sectionHead{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}.link{color:#cbd5e1;text-decoration:underline;text-underline-offset:3px}.link:hover{color:#fff}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:900px){.grid{grid-template-columns:1fr}}.grid5{grid-template-columns:repeat(5,minmax(0,1fr))}@media(max-width:1100px){.grid5{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.grid5{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.grid5{grid-template-columns:1fr}}.card{border:1px solid var(--line);background:rgba(15,23,42,.65);border-radius:var(--radius);padding:14px;box-shadow:0 8px 18px rgba(0,0,0,.2)}.cardTitle{font-weight:700;margin-bottom:6px}.toolCard{display:block;transition:transform .12s ease,border-color .12s ease}.toolCard:hover{transform:translateY(-2px);border-color:rgba(124,58,237,.35)}.toolCardTop{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.toolCardTitle{font-weight:800;letter-spacing:.2px}.toolCardDesc{color:var(--muted);line-height:1.5}.toolCardGo{margin-top:10px;color:#cbd5e1;font-weight:700}.pill{font-size:11px;padding:5px 8px;border-radius:999px;border:1px solid var(--line);color:var(--muted);background:rgba(255,255,255,.02)}.btn{border:1px solid var(--line);padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.02);color:var(--text);cursor:pointer;font-weight:700}.btn:hover{border-color:rgba(124,58,237,.35)}.btnPrimary{background:rgba(124,58,237,.2);border-color:rgba(124,58,237,.45)}.btnPrimary:hover{background:rgba(124,58,237,.28)}.btnGhost{background:rgba(255,255,255,.02)}.pageHead{margin:10px 0 16px}.twoCol{display:grid;grid-template-columns:1.15fr 1fr;gap:12px;align-items:stretch}.twoCol>.panel{height:clamp(420px,70vh,780px)}@media(max-width:900px){.twoCol{grid-template-columns:1fr}}.panel{border:1px solid var(--line);background:rgba(15,23,42,.55);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}.panelHeader{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.02)}.panelTitle{font-weight:800}.panelBody{padding:12px;flex:1;min-height:0;overflow:auto}.panelRight,.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.editor{width:100%;min-height:260px;border-radius:14px;border:1px solid var(--line);background:rgba(11,15,23,.55);color:#dbeafe;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12.5px;line-height:1.5;outline:none;resize:none;height:100%;min-height:0}.preWrap{white-space:pre-wrap;word-break:break-word;margin:0;padding:12px;border-radius:14px;border:1px solid var(--line);background:rgba(11,15,23,.45);color:#e2e8f0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12.5px;line-height:1.55}.muted{color:var(--muted)}.small{font-size:12px}.ok{color:var(--ok);font-weight:800}.bad{color:var(--danger);font-weight:800}.statusRow{margin-top:10px;display:flex;gap:12px;flex-wrap:wrap}.select{border:1px solid var(--line);background:rgba(11,15,23,.4);color:var(--text);padding:10px 12px;border-radius:14px;font-weight:700}.split{display:grid;grid-template-columns:1.15fr 1fr;gap:12px;align-items:start}@media(max-width:900px){.split{grid-template-columns:1fr}}.bullets{color:var(--muted);line-height:1.7;padding-left:18px}.ctaRow{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.callout{border:1px solid rgba(34,197,94,.28);background:rgba(34,197,94,.08);border-radius:var(--radius);padding:14px}.calloutTitle{font-weight:900;margin-bottom:6px}.calloutText{color:#cbd5e1;line-height:1.6}.calloutList{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.chip{border:1px solid rgba(34,197,94,.35);background:rgba(11,15,23,.3);color:#d1fae5;padding:6px 10px;border-radius:999px;font-size:12px}.hr{height:1px;background:var(--line);margin:14px 0;border:none}.h3{margin:0 0 10px}.faq{display:grid;gap:8px}.faqItem{border:1px solid var(--line);background:rgba(255,255,255,.02);border-radius:14px;padding:10px 12px}.faqItem summary{cursor:pointer;font-weight:800}.faqItem div{margin-top:8px;line-height:1.6}.diffList{display:grid;gap:10px}.diffRow{border:1px solid var(--line);background:rgba(11,15,23,.4);border-radius:14px;padding:10px 12px}.diffRow.changed{border-color:rgba(124,58,237,.35)}.diffRow.added{border-color:rgba(34,197,94,.35)}.diffRow.removed{border-color:rgba(239,68,68,.35)}.diffRow.type-change{border-color:rgba(245,158,11,.35)}.diffPath{font-weight:900;margin-bottom:4px}.diffType{color:var(--muted);font-weight:800;margin-bottom:6px}.diffVal code{color:#e2e8f0;border:1px solid var(--line);background:rgba(255,255,255,.02);padding:2px 6px;border-radius:10px}.form .label{display:block;font-weight:800;margin:6px 0}.form .input{width:100%;border:1px solid var(--line);background:rgba(11,15,23,.4);color:var(--text);padding:10px 12px;border-radius:14px;margin-bottom:10px;outline:none}.prose h2{margin:12px 0 8px}.prose p{color:var(--muted);line-height:1.7;margin:0 0 10px}.smallTop{margin-top:18px}.jb{margin-top:10px}.jbRow{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.jbActions{display:flex;gap:8px;flex-wrap:wrap}.jbChildren{display:grid;gap:10px}.jbChild{border:1px solid var(--line);background:rgba(255,255,255,.02);border-radius:14px;padding:10px}.jbKey{width:220px;max-width:100%}.jbType{min-width:150px}.jbNested{margin-top:10px;padding-left:10px;border-left:2px solid rgba(124,58,237,.22)}.jbIndex{font-weight:900;color:var(--muted);margin-bottom:8px}.jbValueRow{display:flex;gap:10px;align-items:center}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:10px 0 14px}.toolbar .input{min-width:320px;flex:1}:root{--bg0: #070A12;--bg1: #0B1020;--card: rgba(255,255,255,.06);--card2: rgba(255,255,255,.08);--stroke: rgba(255,255,255,.1);--text: rgba(255,255,255,.92);--muted: rgba(255,255,255,.64);--brand: #7C5CFF;--brand2:#2EE9A6;--bad:#FF5C7A;--ok:#2EE9A6}body{background:radial-gradient(1100px 700px at 20% 10%,rgba(124,92,255,.22),transparent 60%),radial-gradient(900px 600px at 80% 20%,rgba(46,233,166,.18),transparent 55%),linear-gradient(180deg,var(--bg0),var(--bg1));color:var(--text)}.container{max-width:1200px;padding:18px 16px 34px}.pageHead{padding:14px 0 6px}.pageHeadTop{display:flex;align-items:center;gap:10px}.pageHeadTop h1{flex:1}.pageHead h1{letter-spacing:-.02em}.favBtn{flex-shrink:0;font-size:20px;color:var(--muted);transition:color .15s,transform .15s}.favBtn:hover{color:#f59e0b;transform:scale(1.15)}.favActive{color:#f59e0b!important}.lead{color:var(--muted);max-width:72ch}.resultPanel,.card,.panel{background:var(--card);border:1px solid var(--stroke);border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn{border-radius:12px}.btnPrimary{background:linear-gradient(90deg,var(--brand),#4C8DFF);border:1px solid rgba(255,255,255,.18)}.btnPrimary:hover{-webkit-filter:brightness(1.06);filter:brightness(1.06)}.btnGhost{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}.btnGhost:hover{background:rgba(255,255,255,.09)}.preWrap{background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px;min-height:180px}.twoCol{gap:14px}@media(max-width:900px){.twoCol{grid-template-columns:1fr}.twoCol>.panel{height:auto}}:root{--bg0: #060812;--bg1: #0A1230;--card: rgba(255,255,255,.06);--card2: rgba(255,255,255,.08);--stroke: rgba(255,255,255,.1);--stroke2: rgba(255,255,255,.14);--text: rgba(255,255,255,.94);--muted: rgba(255,255,255,.66);--muted2: rgba(255,255,255,.52);--brand: #7C5CFF;--brandB: #4C8DFF;--mint: #2EE9A6;--bad:#FF5C7A;--ok:#2EE9A6;--radius-xl: 22px;--radius-lg: 18px;--radius-md: 14px;--shadow: 0 14px 40px rgba(0,0,0,.35)}html,body{height:100%}body{background:radial-gradient(1100px 700px at 18% 8%,rgba(124,92,255,.26),transparent 60%),radial-gradient(900px 700px at 82% 18%,rgba(46,233,166,.16),transparent 55%),radial-gradient(900px 700px at 55% 110%,rgba(76,141,255,.14),transparent 60%),linear-gradient(180deg,var(--bg0),var(--bg1));color:var(--text)}.container{max-width:1220px}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:rgba(6,8,18,.55);border-bottom:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand{gap:10px}.brandMark{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(135deg,rgba(124,92,255,.95),rgba(76,141,255,.9));box-shadow:0 10px 28px rgba(124,92,255,.25)}.brandText{letter-spacing:-.02em;font-weight:800}.navLink{padding:10px 12px;border-radius:12px;color:var(--muted);transition:transform .12s ease,background .12s ease,color .12s ease}.navLink:hover{background:rgba(255,255,255,.06);color:var(--text);transform:translateY(-1px)}.navLink.active{color:var(--text);background:rgba(124,92,255,.18);border:1px solid rgba(124,92,255,.28)}.btn{border-radius:14px;font-weight:700}.btnPrimary{background:linear-gradient(90deg,var(--brand),var(--brandB));border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 30px rgba(124,92,255,.22)}.btnPrimary:hover{-webkit-filter:brightness(1.06);filter:brightness(1.06);transform:translateY(-1px)}.btnGhost{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1)}.btnGhost:hover{background:rgba(255,255,255,.1);transform:translateY(-1px)}.hero{padding-top:18px}.kicker{display:inline-flex;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:var(--muted);font-weight:700}.hero h1{font-size:clamp(34px,4vw,52px);letter-spacing:-.03em;line-height:1.05;margin-top:12px}.lead{color:var(--muted)}.badge{border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.06);color:var(--muted)}.card,.panel{background:linear-gradient(180deg,var(--card2),var(--card));border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.toolbar{position:-webkit-sticky;position:sticky;top:72px;z-index:20;background:rgba(10,18,48,.4);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);padding:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.input,.select,textarea{border-radius:14px;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.1);color:var(--text)}.input::-webkit-input-placeholder{color:rgba(255,255,255,.4)}.input::-moz-placeholder{color:rgba(255,255,255,.4)}.input::placeholder{color:rgba(255,255,255,.4)}.grid{gap:14px}.toolCard{display:flex;gap:14px;padding:16px;position:relative;overflow:hidden;transition:transform .14s ease,border-color .14s ease,background .14s ease}.toolCard:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:radial-gradient(500px 240px at 15% 20%,rgba(124,92,255,.25),transparent 60%),radial-gradient(480px 220px at 90% 80%,rgba(46,233,166,.18),transparent 60%);opacity:0;transition:opacity .18s ease;pointer-events:none}.toolCard:hover{transform:translateY(-2px);border-color:rgba(124,92,255,.24)}.toolCard:hover:before{opacity:1}.toolIcon{width:44px;height:44px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-weight:900;color:rgba(255,255,255,.92);background:linear-gradient(135deg,rgba(124,92,255,.9),rgba(46,233,166,.7));box-shadow:0 12px 26px rgba(0,0,0,.35);flex:0 0 auto}.toolCardMain{min-width:0}.toolCardTitle{font-size:16px;font-weight:800;letter-spacing:-.01em}.toolCardDesc{color:var(--muted);margin-top:6px;line-height:1.35}.toolCardGo{margin-top:10px;color:rgba(255,255,255,.82);font-weight:800}.pill{border-radius:999px;padding:6px 10px;font-weight:800;background:rgba(124,92,255,.18);border:1px solid rgba(124,92,255,.25);color:rgba(255,255,255,.92)}.panelHeader{border-bottom:1px solid rgba(255,255,255,.08)}.panelTitle{font-weight:900;letter-spacing:-.01em}.preWrap{background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:14px;min-height:220px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;line-height:1.45}.emptyState{padding:18px;border-radius:var(--radius-md);border:1px dashed rgba(255,255,255,.16);background:rgba(0,0,0,.18)}.emptyTitle{font-weight:900}.emptySub{color:var(--muted);margin-top:6px}.emptyTips{margin-top:10px;color:var(--muted2);padding-left:18px}.ok{color:var(--ok)}.bad{color:var(--bad)}.footer{margin-top:28px;background:rgba(0,0,0,.18);border-top:1px solid rgba(255,255,255,.08)}.qrWrap{display:flex;justify-content:center;margin:10px 0 14px}.qrPreview{padding:14px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);box-shadow:0 14px 30px rgba(0,0,0,.3)}.qrPreview svg{display:block;max-width:260px;max-height:260px}html{scroll-behavior:smooth}body{overscroll-behavior-y:none}*{scrollbar-color:rgba(255,255,255,.25) transparent}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.toolCard,.btn{transition:none!important}}@media(max-width:720px){.grid,.grid5,.twoCol,.split,.showcaseGrid,.formatRow,.grid2,.grid3,.paletteGrid{grid-template-columns:1fr!important}.showcaseGrid{grid-auto-rows:auto!important}.showcaseTall{grid-row:auto!important}.cardHead{flex-wrap:wrap;align-items:flex-start}.cardHead>*{min-width:0}.cardTitle{word-break:break-word}.cardActions{width:100%;justify-content:flex-start}.btnSm{width:100%;text-align:center}.container,.section,.card{overflow-x:hidden}}body:before{content:"";position:fixed;top:-40%;right:-40%;bottom:-40%;left:-40%;background:radial-gradient(800px 500px at 20% 20%,rgba(124,92,255,.18),transparent 60%),radial-gradient(700px 500px at 80% 30%,rgba(46,233,166,.12),transparent 60%),radial-gradient(700px 600px at 50% 80%,rgba(76,141,255,.1),transparent 60%);-webkit-filter:blur(18px);filter:blur(18px);animation:bgMove 12s ease-in-out infinite;pointer-events:none;z-index:-1}@keyframes bgMove{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(3%,2%,0) scale(1.02)}to{transform:translateZ(0) scale(1)}}:root{color-scheme:dark}:root[data-theme=dark]{color-scheme:dark}:root[data-theme=light]{color-scheme:light}:root[data-theme=light] body{background:radial-gradient(1100px 700px at 18% 8%,rgba(124,92,255,.12),transparent 60%),radial-gradient(900px 700px at 82% 18%,rgba(46,233,166,.1),transparent 55%),radial-gradient(900px 700px at 55% 110%,rgba(76,141,255,.08),transparent 60%),linear-gradient(180deg,#f7f8ff,#eef2ff);color:rgba(10,12,24,.92)}:root[data-theme=light] .topbar{background:rgba(255,255,255,.78);border-bottom:1px solid rgba(10,12,24,.08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}:root[data-theme=light] .navLink{color:rgba(10,12,24,.7)}:root[data-theme=light] .navLink:hover{background:rgba(10,12,24,.06);color:rgba(10,12,24,.92)}:root[data-theme=light] .card,:root[data-theme=light] .panel{background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(255,255,255,.66));border:1px solid rgba(10,12,24,.08);box-shadow:0 16px 40px rgba(10,12,24,.08)}:root[data-theme=light] .preWrap{background:rgba(255,255,255,.7);border:1px solid rgba(10,12,24,.08);color:rgba(10,12,24,.92)}:root[data-theme=light] .btnGhost{background:rgba(10,12,24,.06);border:1px solid rgba(10,12,24,.1);color:rgba(10,12,24,.86)}.toolChips{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px}.chip{border-radius:999px;padding:8px 12px;font-weight:800;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:rgba(255,255,255,.82);transition:transform .12s ease,background .12s ease}.chip:hover{transform:translateY(-1px);background:rgba(255,255,255,.1)}.chipActive{background:rgba(124,92,255,.2);border-color:rgba(124,92,255,.28);color:rgba(255,255,255,.94)}.gridSections{display:flex;flex-direction:column;gap:14px}.sectionCard{padding:14px;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.12)}.sectionTitle{font-weight:900;letter-spacing:-.01em;margin:2px 0 10px}.viewToggle{display:inline-flex;gap:6px;padding:6px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 14px 34px rgba(0,0,0,.22)}.seg{border:1px solid rgba(255,255,255,.1);background:transparent;color:rgba(255,255,255,.8);padding:8px 12px;border-radius:999px;font-weight:900;letter-spacing:-.01em;cursor:pointer}.seg:hover{background:rgba(255,255,255,.06)}.segActive{background:rgba(124,92,255,.2);border-color:rgba(124,92,255,.28);color:rgba(255,255,255,.95)}.miniRow{display:flex;flex-wrap:wrap;gap:8px}.miniPill{border-radius:999px;padding:8px 10px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:rgba(255,255,255,.88);font-weight:900;cursor:pointer;max-width:100%}.miniPill:hover{background:rgba(255,255,255,.1);transform:translateY(-1px)}.miniPillAlt{background:rgba(0,0,0,.18)}.categoryStack{display:flex;flex-direction:column;gap:10px}.catPanel{border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.1);overflow:hidden}.catSummary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.catSummary::-webkit-details-marker{display:none}.catName{font-weight:950;letter-spacing:-.01em}.catCount{font-size:12px;padding:6px 10px;border-radius:999px;background:rgba(124,92,255,.16);border:1px solid rgba(124,92,255,.22);color:rgba(255,255,255,.86);font-weight:900}.premiumToolbar{gap:12px}.toolbarRowTight{display:flex;align-items:center;gap:12px;justify-content:space-between}.toolbarHint{opacity:.72;font-size:13px}.toolbarHint b{opacity:1}.searchBox{position:relative;width:100%;max-width:920px;margin:0 auto}.searchInputWrap{position:relative;display:flex;align-items:center;gap:10px;border-radius:999px;padding:12px 14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 38px rgba(0,0,0,.26);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform:translateZ(0);transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.searchBoxOpen .searchInputWrap,.searchInputWrap:focus-within{border-color:rgba(124,92,255,.35);background:rgba(255,255,255,.08);box-shadow:0 22px 60px rgba(0,0,0,.34);transform:translateY(-1px)}.searchIcon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:rgba(124,92,255,.18);border:1px solid rgba(124,92,255,.22);color:rgba(255,255,255,.92);font-weight:900}.searchInput{width:100%;border:none;outline:none;background:transparent;color:rgba(255,255,255,.94);font-size:16px;line-height:1.2;letter-spacing:-.01em}.searchInput::-webkit-input-placeholder{color:rgba(255,255,255,.55)}.searchInput::-moz-placeholder{color:rgba(255,255,255,.55)}.searchInput::placeholder{color:rgba(255,255,255,.55)}.searchHint{font-size:12px;padding:6px 10px;border-radius:999px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.74);white-space:nowrap}.searchDropdown{z-index:2000;position:absolute;left:0;right:0;top:calc(100% + 10px);border-radius:18px;padding:8px;background:rgba(10,12,24,.96);border:1px solid rgba(255,255,255,.12);box-shadow:0 26px 80px rgba(0,0,0,.45);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;transform:translateY(-6px) scale(.99);pointer-events:none;transition:opacity .14s ease,transform .14s ease;max-height:360px;overflow:auto;z-index:50}.searchDropdown.open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.searchItem{width:100%;border:none;border-bottom:1px solid rgba(255,255,255,.08);background:transparent;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:14px;cursor:pointer;color:rgba(255,255,255,.88);transition:background .12s ease,transform .12s ease}.searchItem:hover{background:rgba(255,255,255,.1)}.searchItem.active{background:rgba(124,92,255,.28);border:1px solid rgba(124,92,255,.24);transform:translateY(-1px)}.searchItemMain{display:flex;flex-direction:column;gap:2px}.searchItemTitle{font-weight:900;letter-spacing:-.01em;color:rgba(255,255,255,.95)}.searchItemMeta{font-size:12px;opacity:.82}.searchItemRight{opacity:.6;font-weight:900}.searchEmpty{padding:14px;border-radius:14px;background:rgba(255,255,255,.04);border:1px dashed rgba(255,255,255,.12)}.searchEmptyTitle{font-weight:900}.searchEmptySub{font-size:13px;opacity:.72;margin-top:2px}.searchInputWrap:focus-within{outline:3px solid rgba(124,92,255,.18);outline-offset:2px}:root[data-theme=light] .searchInputWrap{background:rgba(255,255,255,.78);border:1px solid rgba(10,12,24,.1);box-shadow:0 18px 38px rgba(10,12,24,.12)}:root[data-theme=light] .searchInput{color:rgba(10,12,24,.92)}:root[data-theme=light] .searchInput::-webkit-input-placeholder{color:rgba(10,12,24,.45)}:root[data-theme=light] .searchInput::-moz-placeholder{color:rgba(10,12,24,.45)}:root[data-theme=light] .searchInput::placeholder{color:rgba(10,12,24,.45)}:root[data-theme=light] .searchHint{background:rgba(10,12,24,.06);border:1px solid rgba(10,12,24,.1);color:rgba(10,12,24,.65)}:root[data-theme=light] .searchDropdown{z-index:2000;background:rgba(255,255,255,.92);border:1px solid rgba(10,12,24,.1);box-shadow:0 26px 80px rgba(10,12,24,.18)}:root[data-theme=light] .searchItem{color:rgba(10,12,24,.88)}:root[data-theme=light] .searchItem:hover{background:rgba(10,12,24,.06)}:root[data-theme=light] .searchItem.active{background:rgba(124,92,255,.14);border:1px solid rgba(124,92,255,.18)}:root[data-theme=light] .searchItemMeta{opacity:.62}:root[data-theme=light] .searchIcon{color:rgba(10,12,24,.86);background:rgba(124,92,255,.16);border:1px solid rgba(124,92,255,.18)}@media(max-width:640px){.searchHint{display:none}.searchInputWrap{padding:11px 12px}}.jt{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px;line-height:1.45}.jtBlock{margin:2px 0}.jtRow{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:12px}.jtRow:hover{background:rgba(255,255,255,.04)}.jtBranch{-webkit-user-select:none;-moz-user-select:none;user-select:none}.jtToggle{width:26px;height:26px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);color:inherit;cursor:pointer}.jtKey{color:rgba(255,255,255,.92);font-weight:600}.jtColon{color:rgba(255,255,255,.35)}.jtMeta{color:rgba(255,255,255,.65)}.jtVal_string{color:rgba(180,255,210,.95)}.jtVal_number{color:rgba(160,210,255,.95)}.jtVal_boolean{color:rgba(255,210,160,.95)}.jtVal_object{color:rgba(255,255,255,.8)}.jtChildren{margin-left:6px}.treeSearch{height:34px;width:240px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:rgba(255,255,255,.92);font-size:13px}.treeSearch::-webkit-input-placeholder{color:rgba(255,255,255,.45)}.treeSearch::-moz-placeholder{color:rgba(255,255,255,.45)}.treeSearch::placeholder{color:rgba(255,255,255,.45)}.treeSearch:focus{outline:none;border-color:rgba(150,180,255,.45);box-shadow:0 0 0 3px rgba(120,160,255,.18)}.toast{position:fixed;top:16px;left:50%;transform:translate(-50%);padding:10px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:rgba(10,14,24,.75);color:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;font-size:13px}.jtRowActive{background:rgba(120,160,255,.1);border:1px solid rgba(120,160,255,.22)}.jtRowMatch{box-shadow:inset 0 0 0 1px rgba(140,220,255,.18)}.jtActions{margin-left:auto;display:inline-flex;gap:8px;opacity:0}.jtRow:hover .jtActions{opacity:1}.jtActionBtn{height:28px;width:28px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);color:rgba(255,255,255,.85);cursor:pointer}.jtActionBtn:hover{background:rgba(255,255,255,.06)}.jtActionPath{font-size:14px}.jtLoadMoreWrap{margin:8px 0 10px}.jtLoadMore{padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:rgba(255,255,255,.85);cursor:pointer}.jtHint{margin-top:6px;font-size:12px;color:rgba(255,255,255,.55)}@media(max-width:900px){.treeSearch{width:180px}}.paletteOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:start center;padding:72px 16px 16px}.paletteBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;border:0;background:rgba(0,0,0,.55)}.palettePanel{position:relative;width:min(760px,100%);border-radius:18px;border:1px solid var(--border);background:var(--panel);box-shadow:0 20px 60px rgba(0,0,0,.55);overflow:visible}.paletteHeader{display:flex;align-items:baseline;justify-content:space-between;padding:14px 16px 10px;border-bottom:1px solid var(--border)}.paletteTitle{font-weight:700;letter-spacing:-.02em}.paletteHint{font-size:12px;color:var(--muted)}.paletteGrid{display:grid;grid-template-columns:1.15fr 1fr;gap:10px;padding:0 16px 12px}.paletteSection{border:1px solid var(--border);border-radius:14px;overflow:hidden}.paletteSectionTitle{font-size:12px;color:var(--muted);padding:10px 12px;border-bottom:1px solid var(--border);background:rgba(255,255,255,.02)}.paletteList{display:flex;flex-direction:column;max-height:240px;overflow:auto}.paletteItem{text-align:left;border:0;background:transparent;padding:10px 12px;cursor:pointer}.paletteItem:hover{background:rgba(255,255,255,.04)}.paletteItemTitle{font-weight:600}.paletteItemMeta{font-size:12px;color:var(--muted)}.paletteEmpty{padding:12px;font-size:13px}.paletteFooter{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px 14px;border-top:1px solid var(--border);color:var(--muted)}.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:26px;padding:2px 8px;border-radius:10px;border:1px solid var(--border);background:rgba(255,255,255,.02);color:var(--text);font-size:12px;line-height:20px}.dotSep{opacity:.7}@media(max-width:900px){.paletteGrid{grid-template-columns:1fr}.paletteOverlay{padding-top:60px}}.toolCard{padding:18px}.rowBetween{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.row{display:flex}.grid2,.grid3{display:grid;grid-template-columns:1.15fr 1fr;gap:14px}@media(max-width:900px){.grid2,.grid3{grid-template-columns:1fr}}.inset{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:16px}.label{font-size:12px;color:rgba(255,255,255,.65);margin-bottom:8px}.input,.textarea,.select{width:100%;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.2);color:rgba(255,255,255,.92);padding:10px 12px}.textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.pre{white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px;padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.22);max-height:420px;overflow:auto}.btn{border-radius:999px;padding:10px 14px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);color:rgba(255,255,255,.92);cursor:pointer}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.ghost{background:transparent}.badge{padding:6px 10px;border-radius:999px;font-size:12px;border:1px solid rgba(255,255,255,.12)}.badge.danger{border-color:rgba(255,80,110,.35);color:rgba(255,140,160,.95);background:rgba(255,80,110,.08)}.colorSwatch{width:44px;height:44px;border-radius:14px;border:1px solid rgba(255,255,255,.16);box-shadow:0 10px 30px rgba(0,0,0,.35)}.paletteDot{width:28px;height:28px;border-radius:999px;border:1px solid rgba(255,255,255,.18);cursor:pointer}.formats{display:flex;flex-direction:column;gap:10px}.formatRow{display:grid;grid-template-columns:1.15fr 1fr;gap:10px;align-items:center}.formatLabel{font-weight:700}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px}.gradientPreview{width:100%;height:120px;border-radius:18px;border:1px solid rgba(255,255,255,.1);box-shadow:0 16px 60px rgba(0,0,0,.35)}.diagram{max-height:320px;overflow:auto;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.2);padding:10px}.diagramLine{display:flex;gap:10px;align-items:center;padding:6px 8px;border-radius:10px}.diagramLine:hover{background:rgba(255,255,255,.04)}.diagramType{font-size:11px;padding:2px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.8)}.diagramPath{color:rgba(255,255,255,.9)}.stat{padding:12px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.2)}.statLabel{font-size:12px;color:rgba(255,255,255,.65)}.statValue{font-size:20px;font-weight:800;margin-top:6px}.searchSuggest{margin-top:10px;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.03)}.searchSuggestLabel{font-size:12px;color:rgba(255,255,255,.65);margin-bottom:8px}.searchSuggestRow{display:flex;flex-wrap:wrap;gap:8px}.searchSuggestChip{cursor:pointer;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:rgba(255,255,255,.9);border-radius:999px;padding:8px 10px;min-height:34px}.searchSuggestChip:hover{background:rgba(255,255,255,.08)}.showcaseTop{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.showcaseTry{font-size:14px;line-height:1.4}.showcaseTryWord{color:rgba(255,255,255,.92);font-weight:600}.showcaseGrid{display:grid;gap:14px;grid-template-columns:1.15fr 1fr;grid-auto-rows:300px}@media(max-width:980px){.showcaseGrid{grid-template-columns:1fr;grid-auto-rows:auto}}.showcaseCard{position:relative;overflow:hidden}.showcaseTall{grid-row:span 2}.cardHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.cardActions{display:flex;gap:8px;align-items:center}.btnSm{padding:8px 10px;border-radius:12px;font-size:12px}.showcaseBody{height:calc(100% - 44px);overflow:hidden}.showcaseEmbed{transform:scale(.85);transform-origin:top left;width:calc(100% / .85);height:calc(100% / .85)}@media(max-width:980px){.showcaseEmbed{transform:none;width:100%;height:auto}.showcaseBody{height:auto}}.showcaseMiniJson{height:100%;overflow:auto;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px;background:rgba(0,0,0,.18)}.colorGrid{display:grid;grid-template-columns:1.15fr 1fr;gap:14px;align-items:start}@media(max-width:980px){.colorGrid{grid-template-columns:1fr}}.pickerRow{display:grid;grid-template-columns:300px 1fr;gap:14px;align-items:start}@media(max-width:560px){.pickerRow{grid-template-columns:1fr}}.ring{width:300px;height:300px;border-radius:999px;position:relative;display:grid;place-items:center;padding:18px;background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);box-shadow:0 16px 50px rgba(0,0,0,.42);border:1px solid rgba(255,255,255,.12);touch-action:none}@media(max-width:560px){.ring{width:260px;height:260px;justify-self:center}}.ring:before{content:"";position:absolute;top:9px;right:9px;bottom:9px;left:9px;border-radius:999px;background:rgba(12,14,24,.72);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.sv{width:100%;height:100%;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,.35);touch-action:none;z-index:1}.svHue{position:absolute;top:0;right:0;bottom:0;left:0}.svWhite{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,#fff,rgba(255,255,255,0))}.svBlack{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000,rgba(0,0,0,0))}.svThumb{position:absolute;width:16px;height:16px;border-radius:999px;border:2px solid rgba(255,255,255,.95);box-shadow:0 8px 18px rgba(0,0,0,.5);transform:translate(-50%,-50%);pointer-events:none}.ringThumb{position:absolute;width:16px;height:16px;border-radius:999px;border:2px solid rgba(255,255,255,.95);box-shadow:0 10px 22px rgba(0,0,0,.55);transform:translate(-50%,-50%);pointer-events:none;z-index:2}.colorMeta{display:grid;gap:10px;align-content:start}.paletteRow{display:flex;gap:10px;flex-wrap:wrap}.paletteDot{width:22px;height:22px;border-radius:999px;border:1px solid rgba(255,255,255,.18);cursor:pointer}.paletteDot:hover{transform:translateY(-1px)}.sliders{margin-top:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px}.sliderItem{padding:10px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}.sliderTop{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.sliderLabel{font-size:12px;font-weight:700;opacity:.95}.sliderValue{font-size:12px;font-variant-numeric:tabular-nums;opacity:.85}.sliderLine{display:flex;align-items:center;gap:10px}.sliderLine input[type=range]{width:100%;height:22px;background:transparent}.sliderLine input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:rgba(255,255,255,.16)}.sliderLine input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:999px;background:rgba(255,255,255,.85);border:1px solid rgba(0,0,0,.25);margin-top:-6px;box-shadow:0 10px 20px rgba(0,0,0,.35)}.sliderLine input[type=range]::-moz-range-track{height:6px;border-radius:999px;background:rgba(255,255,255,.16)}.sliderLine input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:999px;background:rgba(255,255,255,.85);border:1px solid rgba(0,0,0,.25)}.searchItemMeta{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.searchBadge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.2px;background:rgba(124,92,255,.18);color:rgba(210,200,255,.95);border:1px solid rgba(124,92,255,.22)}.searchSub{font-size:12px;opacity:.78}.hexPill{border-radius:999px;padding-left:14px;padding-right:14px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.swatchRound{width:42px;height:42px;border-radius:999px;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);box-shadow:0 8px 24px rgba(0,0,0,.25)}.colorInputRound{width:56px;height:56px;border:none;padding:0;background:transparent;cursor:pointer}.colorInputRound::-webkit-color-swatch-wrapper{padding:0}.colorInputRound::-webkit-color-swatch{border:none;border-radius:999px}.colorInputRound::-moz-color-swatch{border:none;border-radius:999px}.iconRow{display:flex;align-items:center;gap:8px}.iconRowLoose{gap:10px}.iconBtn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:rgba(255,255,255,.9);cursor:pointer}.iconBtn:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18)}.iconBtn:active{transform:translateY(1px)}.iconBtn:focus{outline:none;box-shadow:0 0 0 4px rgba(140,120,255,.18)}@media(max-width:720px){.split{grid-template-columns:1fr;gap:14px}.ctaRow{flex-direction:column}.ctaRow .btn{width:100%;text-align:center}.callout{padding:16px}}@media(max-width:420px){h1{font-size:30px;line-height:1.15}.lead{font-size:15px}.chip{font-size:12px;padding:7px 11px}}html,body{width:100%;overflow-x:hidden}.wrap,.container,.page,main{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.hero,.heroSection,.topHero,.landingHero{min-height:auto!important;height:auto!important;overflow:visible!important}@media(max-width:820px){.hero__grid,.heroGrid,.split,.grid2,.twoCol,.showcaseGrid{display:grid!important;grid-template-columns:1fr!important;gap:16px!important}.hero__title,.heroTitle,.headline,h1{font-size:clamp(34px,9vw,48px)!important;line-height:1.05!important;letter-spacing:-.02em!important}.hero__subtitle,.heroSubtitle,.subhead{font-size:clamp(15px,4.2vw,18px)!important}.hero__right,.heroRight,.mock,.mockup,.demo,.preview,.heroCard{position:static!important;transform:none!important;width:100%!important;max-width:100%!important}.ctaRow,.actionsRow{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}.ctaRow .btn,.ctaRow a,.actionsRow .btn,.actionsRow a,.btn.primary,.btn.ghost,.btnSm,.cardHead .btn,.cardHead a{width:100%!important;justify-content:center!important}.cardHead,.cardTop,.tileHead{flex-wrap:wrap!important;gap:10px!important}}@media(max-width:380px){.hero__title,.heroTitle,.headline,h1{font-size:clamp(30px,10vw,40px)!important}}@media(max-width:860px){.showcaseBody{display:none!important}.showcaseCard{padding-bottom:14px}.showcaseCard .cardHead{margin-bottom:0}.showcaseCard:after{content:"";display:block;margin-top:12px;height:120px;border-radius:18px;background:radial-gradient(500px 220px at 20% 30%,rgba(124,58,237,.35),transparent 55%),radial-gradient(500px 220px at 80% 70%,rgba(56,189,248,.22),transparent 60%),rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1)}}@media(max-width:720px){.rowBetween{flex-wrap:wrap!important;align-items:flex-start!important;gap:12px!important}.row{flex-wrap:wrap!important}.row>.btn,.row>a.btn{width:100%!important;justify-content:center!important}.toolbar .input{min-width:0!important;width:100%!important}.toolbar{width:100%}.pillRow,.chips,.formatRow{flex-wrap:wrap!important}.formatPills,.formats,.formatsList{max-width:100%!important;overflow:hidden!important}}@media(max-width:560px){.pickerRow{grid-template-columns:1fr!important}.ring{width:240px!important;height:240px!important}}@media(max-width:900px){.hero{grid-template-columns:1fr!important;gap:22px;padding-top:6px}.heroMock{order:2}.heroActions{flex-wrap:wrap}}.grid{grid-template-columns:repeat(auto-fill,minmax(258px,1fr));gap:14px}@media(max-width:560px){.grid{grid-template-columns:1fr!important}}.pageHeader{padding:20px 0 4px}.pageTitle{font-size:clamp(28px,4vw,42px);font-weight:900;letter-spacing:-.03em;line-height:1.08;margin:0}.pageSubtitle{margin-top:10px;color:var(--muted);max-width:68ch;font-size:clamp(15px,1.5vw,17px);line-height:1.6}.toolCard{min-height:130px;align-items:flex-start}.toolCardTop{gap:8px;align-items:flex-start}.toolCardTitle{line-height:1.2}.toolCardDesc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.5em}.toolCardGo{opacity:.82;transition:transform .14s ease,opacity .14s ease}.toolCard:hover .toolCardGo{transform:translate(3px);opacity:1}.toolCard:hover .toolIcon{box-shadow:0 14px 32px rgba(124,92,255,.35)}.sectionCard{padding:16px 16px 18px}.sectionTitle{display:flex;align-items:center;gap:10px;font-size:15px}.sectionTitle:before{content:"";width:9px;height:9px;border-radius:3px;background:linear-gradient(135deg,var(--brand),var(--mint));box-shadow:0 0 14px rgba(124,92,255,.55);flex:0 0 auto}.sectionFooter{color:var(--muted);font-size:13px;margin-top:12px}.toolChips{margin:12px 0 6px}.chip{padding:7px 13px;font-size:13px}a:focus-visible,button:focus-visible,.chip:focus-visible,.toolCard:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid rgba(124,92,255,.75);outline-offset:2px;border-radius:12px}@media(hover:hover){*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14);border-radius:999px}*::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.24)}}:root[data-theme=light] *::-webkit-scrollbar-thumb{background:rgba(10,12,24,.16)}:root[data-theme=light] .toolbar{background:rgba(255,255,255,.74);border-color:rgba(10,12,24,.1)}:root[data-theme=light] .toolCardTitle{color:rgba(10,12,24,.92)}:root[data-theme=light] .toolCardDesc{color:rgba(10,12,24,.6)}:root[data-theme=light] .toolCardGo{color:rgba(76,60,180,.95)}:root[data-theme=light] .pill{background:rgba(124,92,255,.12);border-color:rgba(124,92,255,.22);color:rgba(60,40,150,.95)}:root[data-theme=light] .chip{background:rgba(10,12,24,.05);border-color:rgba(10,12,24,.12);color:rgba(10,12,24,.78)}:root[data-theme=light] .chipActive,:root[data-theme=light] .segActive{background:rgba(124,92,255,.16);border-color:rgba(124,92,255,.3);color:rgba(40,25,120,.95)}:root[data-theme=light] .seg{color:rgba(10,12,24,.7)}:root[data-theme=light] .pageSubtitle,:root[data-theme=light] .sectionFooter{color:rgba(10,12,24,.62)}:root[data-theme=light] .toolbarHint{color:rgba(10,12,24,.6)}.btn.btnPrimary{background:linear-gradient(90deg,var(--brand),var(--brandB));border:1px solid rgba(255,255,255,.16);color:#fff;box-shadow:0 12px 30px rgba(124,92,255,.28)}.btn.btnPrimary:hover{-webkit-filter:brightness(1.07);filter:brightness(1.07);transform:translateY(-1px)}:root[data-theme=light] .btn.btnPrimary{color:#fff}.lpRoot{font-family:Sora,Avenir Next,Segoe UI,sans-serif}.lpHero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:22px;padding:18px 0 12px;align-items:stretch}.lpHeroLeft,.lpHeroRight,.lpCard,.lpFinalCta,.lpStrip>div{animation:lpRise .5s ease both}.lpHeroRight{animation-delay:70ms}.lpBento .lpCard:nth-child(2){animation-delay:.1s}.lpBento .lpCard:nth-child(3){animation-delay:.14s}.lpBento .lpCard:nth-child(4){animation-delay:.18s}.lpEyebrow{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,.12),rgba(255,255,255,.04));color:#f8fafc;letter-spacing:.08em;text-transform:uppercase;font-size:11px;padding:8px 12px}.lpTitle{margin:12px 0 8px;font-family:Space Grotesk,Sora,sans-serif;letter-spacing:-.03em;font-size:clamp(34px,5vw,60px);line-height:1.02;max-width:15ch}.lpSubtitle{color:var(--muted);font-size:16px;line-height:1.65;max-width:60ch;margin:0}.lpSearchWrap{margin-top:16px}.lpActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.lpStats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.lpStat{border:1px solid rgba(255,255,255,.14);background:rgba(8,13,30,.44);border-radius:14px;padding:10px 12px;color:var(--muted);font-size:13px}.lpStat span{display:block;color:#f8fafc;font-weight:800;margin-bottom:2px}.lpConsole{height:100%;padding:0;overflow:hidden;position:relative}.lpConsoleTop{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.05)}.lpLights{display:flex;gap:6px}.lpLights i{width:9px;height:9px;border-radius:999px;background:rgba(255,255,255,.4)}.lpLights i:nth-child(1){background:#fb7185}.lpLights i:nth-child(2){background:#f59e0b}.lpLights i:nth-child(3){background:#34d399}.lpConsoleTitle{font-size:12px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}.lpConsoleBody{padding:14px;display:grid;gap:8px;font-family:IBM Plex Mono,Menlo,Monaco,monospace;font-size:12px}.lpLog{border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.25);border-radius:12px;padding:8px 10px;color:#dbeafe}.lpLog span{color:#34d399;margin-right:6px;font-weight:700}.lpQrCard{margin:6px 14px 14px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border-radius:16px;padding:12px}.lpQrHead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.lpQrTitle{font-weight:800;letter-spacing:.01em}.lpQrPreview{display:grid;place-items:center;min-height:150px;margin-bottom:8px}.lpQrPreview svg{width:145px;height:145px;border-radius:12px;background:#fff;padding:8px}.lpStrip{margin-top:8px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.lpStrip>div{border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.05);color:#dbeafe;font-size:13px;text-align:center;padding:10px}.lpBento{margin-top:20px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.lpCard{border:1px solid rgba(255,255,255,.14);border-radius:18px;background:linear-gradient(165deg,rgba(255,255,255,.1),rgba(255,255,255,.04));padding:16px}.lpCardWide{grid-column:1 / span 2;background:radial-gradient(circle at 10% 20%,rgba(251,191,36,.15),transparent 38%),linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.05))}.lpCard h2,.lpCard h3{margin:0 0 6px;letter-spacing:-.01em}.lpCard p{margin:0 0 12px;color:var(--muted);line-height:1.65}.lpToolsSection{margin-top:24px}.lpToolsGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.lpFinalCta{margin-top:24px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px;border:1px solid rgba(255,255,255,.16);background:radial-gradient(circle at 85% 10%,rgba(46,233,166,.18),transparent 40%),linear-gradient(140deg,rgba(76,141,255,.24),rgba(124,92,255,.24))}.lpFinalCta h2{margin:0 0 8px;font-size:clamp(24px,3vw,34px);letter-spacing:-.02em}.lpFinalCta p{margin:0}.lpFinalActions{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:1100px){.lpToolsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.lpHero,.lpStats{grid-template-columns:1fr}.lpStrip{grid-template-columns:repeat(2,minmax(0,1fr))}.lpBento{grid-template-columns:1fr}.lpCardWide{grid-column:auto}.lpFinalCta{flex-direction:column;align-items:flex-start}.lpToolsGrid{grid-template-columns:1fr}}@keyframes lpRise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}:root{--brand: #36d5bd;--brandB: #1da8cf;--mint: #57e3ce;--bg0: #0c1d34;--bg1: #223b57}body{background:radial-gradient(1200px 760px at 12% 10%,rgba(29,168,207,.3),transparent 62%),radial-gradient(960px 700px at 88% 18%,rgba(87,227,206,.24),transparent 58%),radial-gradient(760px 580px at 56% 105%,rgba(54,213,189,.16),transparent 62%),linear-gradient(180deg,var(--bg0),var(--bg1))}body:before{background:radial-gradient(900px 560px at 18% 20%,rgba(29,168,207,.24),transparent 62%),radial-gradient(760px 520px at 84% 28%,rgba(87,227,206,.18),transparent 60%),radial-gradient(760px 560px at 52% 82%,rgba(54,213,189,.16),transparent 62%)}.brandMark,.toolIcon,.btn.btnPrimary{background:linear-gradient(135deg,var(--brand),var(--brandB))}.navLink.active,.mobileNavLink.active,.chipActive,.segActive,.searchItem.active,.catCount,.pill,.searchBadge{background:rgba(54,213,189,.2);border-color:rgba(54,213,189,.36)}.btn.btnPrimary{box-shadow:0 12px 30px rgba(24,118,146,.34)}.btn:hover,.iconBtn:hover,.toolCard:hover,.navLink:hover,.mobileNavLink:hover{border-color:rgba(87,227,206,.42)}.searchInputWrap:focus-within,.searchBoxOpen .searchInputWrap{border-color:rgba(87,227,206,.4)}.searchIcon{background:rgba(54,213,189,.2);border-color:rgba(54,213,189,.34)}.sectionTitle:before,.lpEyebrow,.lpFinalCta{background-image:linear-gradient(135deg,rgba(54,213,189,.24),rgba(29,168,207,.24))}.lpLog span{color:#57e3ce}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid rgba(87,227,206,.78)}:root[data-theme=light] body{background:radial-gradient(1100px 700px at 18% 8%,rgba(29,168,207,.16),transparent 60%),radial-gradient(900px 700px at 82% 18%,rgba(87,227,206,.14),transparent 55%),radial-gradient(900px 700px at 55% 110%,rgba(54,213,189,.1),transparent 60%),linear-gradient(180deg,#f3fbff,#e9f6ff)}:root[data-theme=light] .btn.btnPrimary,:root[data-theme=light] .brandMark,:root[data-theme=light] .toolIcon{background:linear-gradient(135deg,#23bfa9,#168eb1)}:root[data-theme=light] .chipActive,:root[data-theme=light] .segActive,:root[data-theme=light] .navLink.active,:root[data-theme=light] .mobileNavLink.active,:root[data-theme=light] .searchItem.active,:root[data-theme=light] .pill,:root[data-theme=light] .catCount{background:rgba(35,191,169,.16);border-color:rgba(22,142,177,.35);color:rgba(6,60,82,.96)}.favBtn:hover,.favActive,.lpLights i:nth-child(2),.lpLights i:nth-child(3){background-color:#57e3ce}.favBtn:hover,.favActive,.lpLog span{color:#57e3ce!important}.lpLights i:nth-child(1){background:#1da8cf}.dot.yellow{background:#57e3ce}.dot.green{background:#36d5bd}.treeSearch:focus,.jtRowActive,.jtRowMatch,.searchInputWrap:focus-within,.searchBoxOpen .searchInputWrap,.iconBtn:focus,.searchInput:focus-visible{border-color:rgba(87,227,206,.46);box-shadow:0 0 0 3px rgba(87,227,206,.2)}.showcaseCard:after{background:radial-gradient(500px 220px at 20% 30%,rgba(29,168,207,.3),transparent 55%),radial-gradient(500px 220px at 80% 70%,rgba(87,227,206,.24),transparent 60%),rgba(255,255,255,.04)}.toolCard:hover .toolIcon,.sectionTitle:before{box-shadow:0 0 14px rgba(54,213,189,.45)}.btn.btnPrimary:hover{box-shadow:0 14px 34px rgba(24,118,146,.38)}:root[data-theme=light] .searchHint,:root[data-theme=light] .toolbarHint,:root[data-theme=light] .searchItemMeta{color:rgba(6,60,82,.74)}:root{--status-success: #57e3ce;--status-success-ink: #bdf8ef;--status-success-border: rgba(87, 227, 206, .4);--status-success-bg: rgba(87, 227, 206, .12);--status-warning: #f4c97a;--status-warning-ink: #ffe8bd;--status-warning-border: rgba(244, 201, 122, .42);--status-warning-bg: rgba(244, 201, 122, .13);--status-error: #ff7d98;--status-error-ink: #ffd1dc;--status-error-border: rgba(255, 125, 152, .44);--status-error-bg: rgba(255, 125, 152, .13)}.ok{color:var(--status-success)!important;font-weight:800}.bad{color:var(--status-error)!important;font-weight:800}.dot.red{background:var(--status-error)}.dot.yellow{background:var(--status-warning)}.dot.green{background:var(--status-success)}.callout{border-color:var(--status-success-border);background:var(--status-success-bg)}.chip{border-color:var(--status-success-border);color:var(--status-success-ink)}.diffRow.added{border-color:var(--status-success-border)}.diffRow.removed{border-color:var(--status-error-border)}.diffRow.type-change{border-color:var(--status-warning-border)}.badge.danger{border-color:var(--status-error-border);color:var(--status-error-ink);background:var(--status-error-bg)}:root[data-theme=light]{--status-success-ink: #0b7e72;--status-success-border: rgba(11, 126, 114, .3);--status-success-bg: rgba(43, 191, 173, .15);--status-warning-ink: #8a5f0b;--status-warning-border: rgba(201, 146, 29, .36);--status-warning-bg: rgba(244, 201, 122, .2);--status-error-ink: #b2254d;--status-error-border: rgba(178, 37, 77, .34);--status-error-bg: rgba(255, 125, 152, .2)}:root{--muted: rgba(255,255,255,.78);--muted2: rgba(255,255,255,.68)}.small,.toolbarHint,.searchItemMeta,.searchSub,.searchHint,.sectionFooter,.muted{color:var(--muted)}.label,.statLabel,.paletteHint,.lpConsoleTitle,.mockTitle,.jtMeta,.kbd,.searchItemRight,.footerLink{color:var(--muted2)}.pill,.chip,.badge,.miniPill,.miniPillAlt,.searchSuggestChip,.catCount,.searchBadge,.searchHint{border-width:1px;border-style:solid}.searchInput::-webkit-input-placeholder,.treeSearch::-webkit-input-placeholder,.input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:rgba(255,255,255,.68)}.searchInput::-moz-placeholder,.treeSearch::-moz-placeholder,.input::-moz-placeholder,textarea::-moz-placeholder{color:rgba(255,255,255,.68)}.searchInput::placeholder,.treeSearch::placeholder,.input::placeholder,textarea::placeholder{color:rgba(255,255,255,.68)}:root[data-theme=light]{--muted: rgba(6, 60, 82, .8);--muted2: rgba(6, 60, 82, .7)}:root[data-theme=light] .small,:root[data-theme=light] .toolbarHint,:root[data-theme=light] .searchItemMeta,:root[data-theme=light] .searchSub,:root[data-theme=light] .searchHint,:root[data-theme=light] .sectionFooter,:root[data-theme=light] .muted{color:var(--muted)}:root[data-theme=light] .label,:root[data-theme=light] .statLabel,:root[data-theme=light] .paletteHint,:root[data-theme=light] .lpConsoleTitle,:root[data-theme=light] .mockTitle,:root[data-theme=light] .jtMeta,:root[data-theme=light] .kbd,:root[data-theme=light] .searchItemRight,:root[data-theme=light] .footerLink{color:var(--muted2)}:root[data-theme=light] .searchInput::-webkit-input-placeholder,:root[data-theme=light] .treeSearch::-webkit-input-placeholder,:root[data-theme=light] .input::-webkit-input-placeholder,:root[data-theme=light] textarea::-webkit-input-placeholder{color:rgba(6,60,82,.55)}:root[data-theme=light] .searchInput::-moz-placeholder,:root[data-theme=light] .treeSearch::-moz-placeholder,:root[data-theme=light] .input::-moz-placeholder,:root[data-theme=light] textarea::-moz-placeholder{color:rgba(6,60,82,.55)}:root[data-theme=light] .searchInput::placeholder,:root[data-theme=light] .treeSearch::placeholder,:root[data-theme=light] .input::placeholder,:root[data-theme=light] textarea::placeholder{color:rgba(6,60,82,.55)}:root[data-theme=light] .card,:root[data-theme=light] .panel,:root[data-theme=light] .sectionCard,:root[data-theme=light] .catPanel,:root[data-theme=light] .searchDropdown{border-color:rgba(6,60,82,.16)}.nav{flex-wrap:nowrap;min-width:0;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent)}.nav::-webkit-scrollbar{display:none}.navLink{padding:8px 10px;font-size:14px}.mobileOnly{display:grid}.mobileNav{display:block}@media(min-width:901px){.mobileNavInner{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.mobileNavCta{grid-column:1 / -1}}.developerPortal,.aiMarketplaceHub,.trendingPage,.integrationsPage,.communitiesPage,.leaderboardsPage,.pricingPage,.globalSearchPage,.apiDocumentationPage,.recommendationsPage{--pp-line: var(--stroke, var(--line, rgba(148,163,184,.18)));padding-block:24px 48px}:is(.developerPortal,.aiMarketplaceHub,.trendingPage,.integrationsPage,.communitiesPage,.leaderboardsPage,.pricingPage,.globalSearchPage,.apiDocumentationPage,.recommendationsPage) :is(h1){font-size:clamp(26px,4vw,40px);margin:0 0 8px}:is(.developerPortal,.aiMarketplaceHub,.trendingPage,.integrationsPage,.communitiesPage,.leaderboardsPage,.pricingPage,.globalSearchPage,.apiDocumentationPage,.recommendationsPage) :is(h2){font-size:clamp(19px,2.4vw,24px);margin:0 0 12px}:is(.developerPortal,.aiMarketplaceHub,.trendingPage,.integrationsPage,.communitiesPage,.leaderboardsPage,.pricingPage,.globalSearchPage,.apiDocumentationPage,.recommendationsPage) .section{margin-top:28px}:is(.apiCard,.sdkCard,.event,.collectionCard,.marketplaceItem,.statCard,.creatorCard,.trendingItem,.categoryCards .card,.communityCard,.integrationCard,.leaderboardItem,.docSection,.freeMessageBox,.planInfo,.chartPlaceholder,.recommendationsPage .item,.headerStats .stat,.overview .stats .stat,.searchResultItem,.featuresGrid .feature){background:var(--card);border:1px solid var(--pp-line);border-radius:14px;padding:16px;color:var(--text);min-width:0}:is(.apiCard,.sdkCard,.event,.collectionCard,.marketplaceItem,.creatorCard,.communityCard,.integrationCard,.docSection) :is(h3,h2){margin:6px 0;font-size:17px}:is(.apiCard,.sdkCard,.event,.collectionCard,.marketplaceItem,.creatorCard,.communityCard,.integrationCard,.docSection,.trendingItem) p{color:var(--muted);margin:4px 0 10px}:is(.headerStats,.overview .stats,.apiList,.eventsList,.sdksList,.collectionsGrid,.itemsGrid,.statsGrid,.creatorsGrid,.categoryCards,.communitiesGrid,.integrationsGrid,.docSections,.featuresGrid,.itemsList){display:grid;grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:14px}.docsList{display:grid;gap:10px}:is(.developerPortal,.aiMarketplaceHub,.trendingPage,.integrationsPage,.communitiesPage,.leaderboardsPage,.pricingPage,.apiDocumentationPage) :is(.btnSmall,.btnSecondary,.btnLarge){display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:999px;border:1px solid var(--pp-line);background:var(--card2);color:var(--text);cursor:pointer;text-decoration:none;font:inherit}:is(.developerPortal,.aiMarketplaceHub,.trendingPage,.integrationsPage,.communitiesPage,.leaderboardsPage,.pricingPage,.apiDocumentationPage) .btnSmall{padding:6px 12px;font-size:13px}:is(.developerPortal,.aiMarketplaceHub,.trendingPage,.integrationsPage,.communitiesPage,.leaderboardsPage,.pricingPage,.apiDocumentationPage) .btnSecondary{padding:10px 16px}:is(.developerPortal,.aiMarketplaceHub,.trendingPage,.integrationsPage,.communitiesPage,.leaderboardsPage,.pricingPage,.apiDocumentationPage) .btnLarge{padding:14px 24px;font-size:16px}.developerPortal .btnSmall.danger{color:var(--danger, var(--bad, #ef4444))}:is(.developerPortal,.aiMarketplaceHub,.trendingPage,.integrationsPage,.communitiesPage,.leaderboardsPage,.pricingPage) button:disabled{opacity:.55;cursor:not-allowed}.developerPortal td .btnSmall+.btnSmall{margin-left:6px}.developerPortal .link,.apiDocumentationPage .link,.docLink{color:var(--brand);text-decoration:none;font-weight:600}.docLink{display:block;padding:12px 14px;border:1px solid var(--pp-line);border-radius:12px;background:var(--card)}.portalHeader p{color:var(--muted);margin:0 0 16px}.headerStats .stat{text-align:center}.statValue{font-size:24px;font-weight:800}.statLabel,.statTrend{color:var(--muted);font-size:13px;margin:4px 0 0}.overview .stats .stat h3{font-size:14px;color:var(--muted);margin:0 0 6px}.overview .stats .stat p{font-size:20px;font-weight:700;margin:0}.portalTabs{display:flex;gap:8px;margin:24px 0 8px;overflow-x:auto;padding-bottom:4px}.portalTabs .tab{flex:0 0 auto;padding:8px 14px;border-radius:999px;border:1px solid var(--pp-line);background:var(--card);color:var(--text);cursor:pointer;font:inherit}.portalTabs .tab.active,.categoryBtn.active,.leaderboardTabs button.active{background:rgba(54,213,189,.18);border-color:rgba(54,213,189,.55);color:var(--text)}.developerPortal .codeBlock{background:var(--card2);border:1px solid var(--pp-line);border-radius:12px;padding:14px;overflow-x:auto}.developerPortal .codeBlock pre{margin:0;font-size:13px;line-height:1.5}.apiIcon,.sdkIcon,.collectionIcon,.integrationCard .icon{font-size:28px}.apiCard code{display:block;margin-bottom:8px;color:var(--muted);font-size:12px;overflow-wrap:anywhere}.developerPortal ul{padding-left:20px;line-height:1.8}.developerPortal ul.useCases{list-style:none;padding-left:0}.sectionHeader{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:12px}.sectionHeader h2{margin:0}.keysTable{overflow-x:auto;border:1px solid var(--pp-line);border-radius:12px}.keysTable table{width:100%;border-collapse:collapse;min-width:640px}.keysTable :is(th,td){padding:10px 12px;text-align:left;border-bottom:1px solid var(--pp-line);white-space:nowrap}.keysTable th{color:var(--muted);font-size:13px;font-weight:600}.developerPortal .badge.active{padding:2px 10px;border-radius:999px;background:rgba(34,197,94,.15);color:var(--ok, #22c55e);font-size:12px}.chartPlaceholder p{margin:4px 0;color:var(--muted)}.planPrice{font-size:22px;font-weight:800}.marketplaceHero p{color:var(--muted);margin:0 0 14px}.heroStats{display:flex;flex-wrap:wrap;gap:10px 20px}.marketplaceSearch,.trendingPage .filters{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 12px}:is(.searchInput,.sortSelect,.globalSearchInput,.trendingPage select){padding:10px 14px;border-radius:12px;border:1px solid var(--pp-line);background:var(--card);color:var(--text);font:inherit;max-width:100%}.searchInput{flex:1 1 260px}.categoriesBar{display:flex;flex-wrap:wrap;gap:8px}.categoryBtn{padding:7px 12px;border-radius:999px;border:1px solid var(--pp-line);background:var(--card);color:var(--text);cursor:pointer;font:inherit;font-size:13px}.categoryBtn .count{opacity:.7}.collectionMeta{color:var(--muted);font-size:13px;margin-bottom:10px}.marketplaceItem{position:relative}.marketplaceItem.trending{border-color:rgba(124,92,255,.45)}.trendingBadge{position:absolute;top:12px;right:12px;font-size:12px;padding:2px 8px;border-radius:999px;background:rgba(255,120,60,.16)}.itemHeader{display:flex;gap:8px;align-items:center;margin-bottom:6px;padding-right:90px}.itemType{font-size:12px;padding:2px 8px;border-radius:999px;background:var(--card2)}.itemPrice{font-size:12px;font-weight:700;color:var(--ok, #22c55e)}.itemCreator{font-size:13px}.itemStats,.trendingItem .stats,.leaderboardItem .stats{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px;color:var(--muted);margin-bottom:10px}.creatorCard{text-align:center}.creatorAvatar{font-size:36px}.creatorStats{display:grid;gap:4px;font-size:13px;color:var(--muted);margin:8px 0 12px}.ctaSection{text-align:center}.ctaButtons{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.pageHeader p,.trendingPage>.container>p{color:var(--muted)}.filterGroup{display:flex;align-items:center;gap:8px}.trendingList{display:grid;gap:12px}.trendingItem{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:14px}.trendingItem .rank,.leaderboardItem .rank{font-size:20px;font-weight:800;color:var(--brand)}.trendingItem .icon{font-size:28px}.trendingItem .content h3{margin:0 0 2px;font-size:16px}.trendingItem .stats{margin:6px 0 0}.categoryCards .card h3{margin:0 0 4px;font-size:16px}.categoryCards .card p{margin:0 0 6px;color:var(--muted)}.categoryCards .trend{color:var(--ok, #22c55e);font-size:13px}@media(max-width:600px){.trendingItem{grid-template-columns:auto minmax(0,1fr)}.trendingItem .icon{display:none}.trendingItem .btnSmall{grid-column:1 / -1}}:is(.communitiesPage,.integrationsPage,.leaderboardsPage,.recommendationsPage,.apiDocumentationPage)>.container>p{color:var(--muted);margin:0 0 20px}.communityCard .status{font-size:13px;margin-bottom:10px}.integrationCard{text-align:center}.integrationCard .status{font-size:13px}.leaderboardTabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.leaderboardTabs button{padding:8px 14px;border-radius:999px;border:1px solid var(--pp-line);background:var(--card);color:var(--text);cursor:pointer;font:inherit}.leaderboardList{display:grid;gap:10px}.leaderboardItem{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px 14px}.leaderboardItem .name{font-weight:700}.leaderboardItem .stats{grid-column:2;margin:0}.leaderboardItem .score{grid-row:1;grid-column:3;font-weight:700}.pricingPage>.container>p{color:var(--muted)}.freeMessageBox{text-align:center;margin:20px 0;padding:28px 16px}.freeMessageBox .icon{font-size:40px}.freeMessageBox p{color:var(--muted)}.featuresList h3,.ctaSection h3,.faqSection h3{margin:24px 0 12px}.faqSection p{color:var(--muted);line-height:1.6}.pricingPage .ctaSection .btnPrimary{padding:14px 24px}.searchHero p{color:var(--muted)}.globalSearchInput{width:100%;font-size:17px;padding:14px 16px;margin-top:8px}.suggestions{margin-top:24px}.searchSuggestions{display:flex;flex-wrap:wrap;gap:8px}.searchSuggestions button{padding:8px 14px;border-radius:999px;border:1px solid var(--pp-line);background:var(--card);color:var(--text);cursor:pointer;font:inherit}.searchResults{margin-top:20px}.searchResults>p{color:var(--muted)}.searchResultList{display:grid;gap:8px}.searchResultItem{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 12px;text-decoration:none;padding:12px 14px}.searchResultItem:hover{border-color:var(--brand)}.searchResultKind{grid-row:span 2;align-self:start;font-size:11px;font-weight:700;text-transform:uppercase;padding:3px 8px;border-radius:999px;background:var(--card2);color:var(--muted)}.searchResultTitle{font-weight:600}.searchResultDesc{color:var(--muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recommendationSections .section p{color:var(--muted)}:root[data-theme=light]{--lt-ink: rgba(6, 60, 82, .96);--lt-ink-soft: rgba(6, 60, 82, .72);--lt-accent: #0b6f86;--lt-hair: rgba(6, 60, 82, .18);--lt-surface: rgba(255, 255, 255, .78);--status-success: #0b7e72;--status-error: #b2254d}.favBtn:hover,.favActive{background-color:rgba(87,227,206,.16)}:root[data-theme=light] .favBtn:hover,:root[data-theme=light] .favActive{color:#0b7e72!important}:root[data-theme=light] .iconBtn{color:var(--lt-ink);background:var(--lt-surface);border-color:var(--lt-hair)}:root[data-theme=light] .iconBtn:hover{background:#fff;border-color:rgba(6,60,82,.3)}:root[data-theme=light] .btn:not(.btnPrimary){color:var(--lt-ink);background:var(--lt-surface);border-color:var(--lt-hair)}:root[data-theme=light] .btn:not(.btnPrimary):hover{background:#fff}:root[data-theme=light] .input,:root[data-theme=light] .select,:root[data-theme=light] .treeSearch{color:var(--lt-ink);background:#fff;border-color:var(--lt-hair)}:root[data-theme=light] .link{color:var(--lt-accent)}:root[data-theme=light] .link:hover{color:var(--lt-ink)}:root[data-theme=light] .jtKey{color:var(--lt-ink)}:root[data-theme=light] .jtColon{color:rgba(6,60,82,.45)}:root[data-theme=light] .jtRow:hover{background:rgba(6,60,82,.05)}:root[data-theme=light] .jtActionBtn{color:var(--lt-ink);background:rgba(255,255,255,.85);border-color:var(--lt-hair)}:root[data-theme=light] .lpEyebrow{color:var(--lt-ink)}:root[data-theme=light] .lpStat{color:var(--lt-ink-soft);background:var(--lt-surface);border-color:var(--lt-hair)}:root[data-theme=light] .lpStat span{color:var(--lt-ink)}:root[data-theme=light] .lpStrip,:root[data-theme=light] .lpStrip>*{color:var(--lt-ink)}:root[data-theme=light] .lpConsole{background:#0d1b2a;border-color:rgba(6,60,82,.3)}:root[data-theme=light] .lpConsoleTitle{color:rgba(255,255,255,.7)}:root[data-theme=light] .developerPortal .link,:root[data-theme=light] .apiDocumentationPage .link,:root[data-theme=light] .docLink,:root[data-theme=light] .trendingItem .rank,:root[data-theme=light] .leaderboardItem .rank{color:var(--lt-accent)}:root[data-theme=light] .itemPrice,:root[data-theme=light] .categoryCards .trend,:root[data-theme=light] .developerPortal .badge.active{color:#0b7e72}