.CopyButton-module__JEtska__btn{color:#6b6b6b;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:color .15s,background .15s;display:inline-flex}.CopyButton-module__JEtska__btn svg{width:15px;height:15px;transition:transform .15s,opacity .15s}@keyframes CopyButton-module__JEtska__popIn{0%{opacity:0;transform:scale(.5)}60%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.CopyButton-module__JEtska__btn:hover{color:#d4d4d4;background:#ffffff14}.CopyButton-module__JEtska__btn.CopyButton-module__JEtska__copied{color:#2dd4bf}.CopyButton-module__JEtska__btn.CopyButton-module__JEtska__copied svg{animation:.25s forwards CopyButton-module__JEtska__popIn}
.CodeBlock-module__JGDIXa__wrap{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface-2);flex-direction:column;min-width:0;display:flex;overflow:hidden}.CodeBlock-module__JGDIXa__toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:2px 6px 2px 14px;display:flex}.CodeBlock-module__JGDIXa__lang{font-size:10px;font-family:var(--font-geist-mono), monospace;color:var(--fg-3);letter-spacing:.07em;text-transform:uppercase}.CodeBlock-module__JGDIXa__pre{flex-direction:column;flex:1;min-width:0;display:flex}.CodeBlock-module__JGDIXa__pre .shiki{background:var(--surface);font-size:13px;line-height:1.7;font-family:var(--font-geist-mono), "Menlo", "Consolas", monospace;box-sizing:border-box;flex:1;padding:18px 0 18px 20px;overflow-x:auto}.CodeBlock-module__JGDIXa__pre .shiki code{padding-right:20px;display:block}.CodeBlock-module__JGDIXa__pre .shiki span{color:var(--shiki-dark)}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .CodeBlock-module__JGDIXa__pre .shiki span{color:var(--shiki-light)}}[data-theme=light] .CodeBlock-module__JGDIXa__pre .shiki span{color:var(--shiki-light)}:is(.CodeBlock-module__JGDIXa__pre .shiki span[style*=\#6A737D],.CodeBlock-module__JGDIXa__pre .shiki span[style*=\#6a737d]){color:#a0aab4}@media (prefers-color-scheme:light){:is(:root:not([data-theme=dark]) .CodeBlock-module__JGDIXa__pre .shiki span[style*=\#6A737D],:root:not([data-theme=dark]) .CodeBlock-module__JGDIXa__pre .shiki span[style*=\#6a737d]){color:var(--shiki-light)}}:is([data-theme=light] .CodeBlock-module__JGDIXa__pre .shiki span[style*=\#6A737D],[data-theme=light] .CodeBlock-module__JGDIXa__pre .shiki span[style*=\#6a737d]){color:var(--shiki-light)}
.SiteFooter-module__wWXZva__wrap{margin:0 auto;padding:0 24px}.SiteFooter-module__wWXZva__footer{border-top:1px solid var(--border)}.SiteFooter-module__wWXZva__footerTop{justify-content:space-between;align-items:center;padding:32px 0;display:flex}.SiteFooter-module__wWXZva__footerBrand{letter-spacing:-.02em;font-size:15px;font-weight:700}.SiteFooter-module__wWXZva__footerBrandAt{color:var(--fg-3)}.SiteFooter-module__wWXZva__footerNav{gap:24px;display:flex}.SiteFooter-module__wWXZva__footerNavLink{color:var(--fg-3);font-size:13px;transition:color .15s}.SiteFooter-module__wWXZva__footerNavLink:hover{color:var(--fg)}.SiteFooter-module__wWXZva__footerBottom{border-top:1px solid var(--border);align-items:center;padding:16px 0 24px;display:flex}.SiteFooter-module__wWXZva__footerCopy{color:var(--fg-3);font-size:12.5px}.SiteFooter-module__wWXZva__footerLink{color:var(--fg-3);transition:color .15s}.SiteFooter-module__wWXZva__footerLink:hover{color:var(--fg)}@media (max-width:480px){.SiteFooter-module__wWXZva__wrap{padding:0 16px}.SiteFooter-module__wWXZva__footerTop{flex-direction:column;align-items:flex-start;gap:16px;padding:24px 0}.SiteFooter-module__wWXZva__footerNav{flex-wrap:wrap;gap:16px}}
.NavMenu-module__J9DJxa__root{align-items:center;gap:2px;display:flex;position:relative}.NavMenu-module__J9DJxa__links{gap:2px;display:flex}.NavMenu-module__J9DJxa__link{color:var(--fg-2);border-radius:var(--r);white-space:nowrap;padding:5px 10px;font-size:13px;transition:color .15s,background .15s}.NavMenu-module__J9DJxa__link:hover{color:var(--fg);background:var(--surface)}.NavMenu-module__J9DJxa__iconLink{border-radius:var(--r);height:34px;color:var(--fg-2);justify-content:center;align-items:center;padding:0 7px;transition:color .15s,background .15s;display:inline-flex}.NavMenu-module__J9DJxa__iconLink:hover{color:var(--fg);background:var(--surface)}.NavMenu-module__J9DJxa__iconLink svg{display:block}.NavMenu-module__J9DJxa__hamburger{cursor:pointer;border-radius:var(--r);background:0 0;border:none;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:5px;width:34px;height:34px;padding:0;transition:background .15s;display:none}.NavMenu-module__J9DJxa__hamburger:hover{background:var(--surface)}.NavMenu-module__J9DJxa__bar{background:var(--fg-2);border-radius:2px;width:16px;height:1.5px;transition:transform .2s,opacity .2s;display:block}.NavMenu-module__J9DJxa__bar1Open{transform:translateY(6.5px)rotate(45deg)}.NavMenu-module__J9DJxa__bar2Open{opacity:0;transform:scaleX(0)}.NavMenu-module__J9DJxa__bar3Open{transform:translateY(-6.5px)rotate(-45deg)}@media (max-width:480px){.NavMenu-module__J9DJxa__hamburger{display:flex}.NavMenu-module__J9DJxa__links{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-lg);z-index:50;flex-direction:column;gap:2px;min-width:160px;padding:6px;display:none;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px #0000001a}.NavMenu-module__J9DJxa__open{display:flex}.NavMenu-module__J9DJxa__link{border-radius:var(--r);padding:9px 12px}}
.ThemeToggle-module__sGqMhG__btn{border-radius:var(--r);height:34px;color:var(--fg-2);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0 7px;transition:color .15s,background .15s;display:inline-flex}.ThemeToggle-module__sGqMhG__btn:hover{color:var(--fg);background:var(--surface)}
.SiteNav-module__VSfUAq__nav{z-index:40;background:var(--bg);border-bottom:1px solid var(--border);position:sticky;top:0}.SiteNav-module__VSfUAq__navInner{justify-content:space-between;align-items:center;height:52px;margin:0 auto;padding:0 24px;display:flex}.SiteNav-module__VSfUAq__navBrand{letter-spacing:-.02em;font-size:14px;font-weight:600}.SiteNav-module__VSfUAq__navBrandAt{color:var(--fg-2)}@media (max-width:480px){.SiteNav-module__VSfUAq__navInner{padding:0 16px}}
.page-module__0KQ-la__wrap{max-width:920px;margin:0 auto;padding:0 24px}.page-module__0KQ-la__hero{border-bottom:1px solid var(--border);padding:64px 0 52px}.page-module__0KQ-la__heroTag{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:600;font-family:var(--font-geist-mono), monospace;margin-bottom:12px;display:inline-block}.page-module__0KQ-la__heroTitle{letter-spacing:-.04em;margin-bottom:14px;font-size:clamp(28px,5vw,48px);font-weight:800;line-height:1.05}.page-module__0KQ-la__heroSub{color:var(--fg-2);max-width:560px;margin-bottom:24px;font-size:15px;line-height:1.7}.page-module__0KQ-la__heroSub code{font-family:var(--font-geist-mono), monospace;color:var(--accent);font-size:13px}.page-module__0KQ-la__heroSub strong{color:var(--fg);font-weight:600}.page-module__0KQ-la__heroSubLink{color:var(--fg);font-weight:600;text-decoration:none}.page-module__0KQ-la__heroSubLink:hover{text-underline-offset:3px;text-decoration:underline}.page-module__0KQ-la__heroBadges{font-size:12px;font-family:var(--font-geist-mono), monospace;color:var(--fg-3);margin-bottom:8px}.page-module__0KQ-la__heroSource{font-size:12px;font-family:var(--font-geist-mono), monospace;color:var(--fg-3)}.page-module__0KQ-la__heroSourceLink{color:var(--accent);text-decoration:none}.page-module__0KQ-la__heroSourceLink:hover{text-decoration:underline}.page-module__0KQ-la__section{border-bottom:1px solid var(--border);padding:64px 0}.page-module__0KQ-la__sectionAlt{background:var(--surface)}.page-module__0KQ-la__sectionHead{margin-bottom:32px}.page-module__0KQ-la__sectionTag{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:600;font-family:var(--font-geist-mono), monospace;margin-bottom:10px;display:inline-block}.page-module__0KQ-la__sectionTitle{letter-spacing:-.025em;margin-bottom:6px;font-size:clamp(18px,2.5vw,22px);font-weight:700;line-height:1.2}.page-module__0KQ-la__sectionDesc{color:var(--fg-2);border-left:2px solid var(--border);margin-top:10px;padding-left:12px;font-size:13px}.page-module__0KQ-la__tableWrap{border:1px solid var(--border);border-radius:var(--r-lg);overflow-x:auto}.page-module__0KQ-la__table{border-collapse:collapse;width:100%;font-size:13px}.page-module__0KQ-la__table th{text-align:left;text-transform:uppercase;letter-spacing:.07em;color:var(--fg-3);background:var(--surface-2);border-bottom:1px solid var(--border);white-space:nowrap;padding:9px 14px;font-size:11px;font-weight:600}.page-module__0KQ-la__table td{border-bottom:1px solid var(--border);vertical-align:middle;white-space:nowrap;padding:9px 14px;line-height:1.5}.page-module__0KQ-la__table tr:last-child td{border-bottom:none}.page-module__0KQ-la__table tr:hover td{background:var(--surface-2)}.page-module__0KQ-la__table code{font-family:var(--font-geist-mono), monospace;color:var(--accent);font-size:12px}.page-module__0KQ-la__table th.page-module__0KQ-la__center,.page-module__0KQ-la__table td.page-module__0KQ-la__center{text-align:center}.page-module__0KQ-la__cellWin{color:var(--accent);font-weight:700}.page-module__0KQ-la__cellNo{color:var(--color-danger)}.page-module__0KQ-la__cellDim{color:var(--fg-3)}.page-module__0KQ-la__check{color:var(--color-success);font-size:15px}.page-module__0KQ-la__cross{color:var(--color-danger);font-size:15px}.page-module__0KQ-la__dash{color:var(--fg-3)}.page-module__0KQ-la__scoreRow td{background:var(--surface);font-weight:700}.page-module__0KQ-la__note{color:var(--fg-2);border-left:2px solid var(--accent);background:var(--surface);border-radius:0 var(--r) var(--r) 0;margin-top:16px;padding:11px 15px;font-size:13px;line-height:1.65}.page-module__0KQ-la__barChart{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.page-module__0KQ-la__barRow{grid-template-columns:260px 1fr 90px;align-items:center;gap:14px;display:grid}.page-module__0KQ-la__barLabel{color:var(--fg-2);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.page-module__0KQ-la__barLabelWinner{color:var(--fg);font-weight:600}.page-module__0KQ-la__barTrack{background:var(--surface-2);border-radius:100px;height:8px}.page-module__0KQ-la__barFill{background:var(--fg-3);border-radius:100px;height:100%}.page-module__0KQ-la__barFillWinner{background:var(--accent)}.page-module__0KQ-la__barFillSlow{background:var(--color-danger-muted)}.page-module__0KQ-la__barValue{font-size:12px;font-family:var(--font-geist-mono), monospace;color:var(--fg-2);text-align:right}.page-module__0KQ-la__barValueWinner{color:var(--accent);font-weight:600}.page-module__0KQ-la__chooseGrid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.page-module__0KQ-la__chooseCard{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg);padding:20px 22px}.page-module__0KQ-la__chooseCardTitle{color:var(--fg);font-size:13.5px;font-weight:700;font-family:var(--font-geist-mono), monospace;margin-bottom:12px}.page-module__0KQ-la__chooseCardTitleWinner{color:var(--accent)}.page-module__0KQ-la__chooseCardTitleLink{color:inherit;text-decoration:none}.page-module__0KQ-la__chooseCardTitleLink:hover{text-underline-offset:3px;text-decoration:underline}.page-module__0KQ-la__chooseList{flex-direction:column;gap:6px;list-style:none;display:flex}.page-module__0KQ-la__chooseList li{color:var(--fg-2);padding-left:14px;font-size:13px;line-height:1.5;position:relative}.page-module__0KQ-la__chooseList li:before{content:"–";color:var(--fg-3);position:absolute;left:0}.page-module__0KQ-la__reproduceGrid{flex-direction:column;gap:12px;display:flex}.page-module__0KQ-la__reproduceCard{border:1px solid var(--border);background:var(--bg);border-radius:8px;align-items:baseline;gap:16px;padding:14px 16px;display:flex}.page-module__0KQ-la__reproduceLabel{letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3);white-space:nowrap;flex-shrink:0;width:180px;font-size:11px;font-weight:600}.page-module__0KQ-la__reproduceLink{font-size:13px;font-family:var(--font-geist-mono), monospace;color:var(--accent);text-decoration:none}.page-module__0KQ-la__reproduceLink:hover{text-decoration:underline}.page-module__0KQ-la__reproduceCode{font-size:13px;font-family:var(--font-geist-mono), monospace;color:var(--fg)}.page-module__0KQ-la__reproduceComment{color:var(--fg-3)}@media (max-width:640px){.page-module__0KQ-la__reproduceCard{flex-direction:column;align-items:flex-start;gap:4px}.page-module__0KQ-la__reproduceLabel{min-width:unset}.page-module__0KQ-la__barRow{grid-template-rows:auto auto;grid-template-columns:1fr 80px;row-gap:4px}.page-module__0KQ-la__barValue{text-align:right;grid-area:1/2}.page-module__0KQ-la__barTrack{grid-area:2/1/auto/span 2}.page-module__0KQ-la__chooseGrid{grid-template-columns:1fr}}@media (max-width:480px){.page-module__0KQ-la__wrap{padding:0 16px}.page-module__0KQ-la__hero{padding:40px 0 36px}.page-module__0KQ-la__section{padding:40px 0}}
.page-module__Prynbq__wrap{max-width:860px;margin:0 auto;padding:0 24px}.page-module__Prynbq__hero{border-bottom:1px solid var(--border);padding:64px 0 52px}.page-module__Prynbq__heroTag{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:600;font-family:var(--font-geist-mono), monospace;margin-bottom:12px;display:inline-block}.page-module__Prynbq__heroTitle{letter-spacing:-.04em;margin-bottom:12px;font-size:clamp(28px,5vw,42px);font-weight:800;line-height:1.05}.page-module__Prynbq__heroSub{color:var(--fg-2);max-width:500px;font-size:15px;line-height:1.7}.page-module__Prynbq__section{padding:72px 0}.page-module__Prynbq__sectionAlt{background:var(--surface)}.page-module__Prynbq__exampleList{flex-direction:column;gap:32px;display:flex}.page-module__Prynbq__exampleCard{border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.page-module__Prynbq__exampleCardTitle{color:var(--fg-2);border-bottom:1px solid var(--border);background:var(--surface);padding:10px 18px;font-size:12.5px;font-weight:600}.page-module__Prynbq__exampleCardBody{grid-template-columns:220px 1fr;display:grid}@media (max-width:480px){.page-module__Prynbq__exampleCardBody{grid-template-columns:1fr}}.page-module__Prynbq__exampleCardPreview{background:var(--surface);border-right:1px solid var(--border);justify-content:center;align-items:center;padding:28px 20px;display:flex}.page-module__Prynbq__exampleCardPreviewDark{background:var(--gray-10)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .page-module__Prynbq__exampleCardPreviewDark{background:var(--bg)}}[data-theme=dark] .page-module__Prynbq__exampleCardPreviewDark{background:var(--bg)}.page-module__Prynbq__exampleCardCode{min-width:0;overflow:hidden}.page-module__Prynbq__exampleCardCode>*{border:none;border-radius:0;height:100%}@media (max-width:768px){.page-module__Prynbq__section{padding:56px 0}.page-module__Prynbq__hero{padding:48px 0 40px}}@media (max-width:480px){.page-module__Prynbq__wrap{padding:0 16px}.page-module__Prynbq__section{padding:40px 0}.page-module__Prynbq__hero{padding:36px 0 32px}.page-module__Prynbq__exampleCardPreview{border-right:none;border-bottom:1px solid var(--border)}}
.page-module___8aEwW__wrap{max-width:860px;margin:0 auto;padding:0 24px}.page-module___8aEwW__playgroundSkeleton{border-radius:var(--r-lg);background:var(--surface-2);min-height:520px}.page-module___8aEwW__hero{border-bottom:1px solid var(--border);padding:72px 0 60px}.page-module___8aEwW__heroBadges{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.page-module___8aEwW__heroTitle{letter-spacing:-.04em;margin-bottom:18px;font-size:clamp(38px,6vw,64px);font-weight:800;line-height:1.05}.page-module___8aEwW__heroTitleAt{color:var(--fg-3)}.page-module___8aEwW__heroSub{color:var(--fg-2);max-width:440px;margin-bottom:28px;font-size:clamp(15px,2vw,17px);line-height:1.7}.page-module___8aEwW__heroInstall{background:var(--surface-2);color:var(--fg);border-radius:var(--r-lg);font-size:14px;font-family:var(--font-geist-mono), monospace;border:1px solid var(--border);align-items:center;gap:12px;margin-bottom:52px;padding:8px 8px 8px 18px;display:inline-flex}.page-module___8aEwW__heroPreviews{flex-wrap:wrap;align-items:flex-end;gap:28px;display:flex}.page-module___8aEwW__heroPreviewItem{flex-direction:column;align-items:center;gap:10px;display:flex}.page-module___8aEwW__heroPreviewLabel{color:var(--fg-3);letter-spacing:.06em;font-size:11px;font-family:var(--font-geist-mono), monospace;text-transform:uppercase}.page-module___8aEwW__section{padding:72px 0}.page-module___8aEwW__sectionAlt{background:var(--surface)}.page-module___8aEwW__sectionHead{margin-bottom:40px}.page-module___8aEwW__sectionTag{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:600;font-family:var(--font-geist-mono), monospace;margin-bottom:10px;display:inline-block}.page-module___8aEwW__sectionTitle{letter-spacing:-.025em;font-size:clamp(22px,3vw,28px);font-weight:700;line-height:1.2}.page-module___8aEwW__sectionDesc{color:var(--fg-2);max-width:500px;margin-top:10px;font-size:15px}.page-module___8aEwW__featureGrid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;display:grid}.page-module___8aEwW__featureCard{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-lg);padding:18px 20px}.page-module___8aEwW__featureIcon{color:var(--accent);margin-bottom:10px}.page-module___8aEwW__featureName{margin-bottom:4px;font-size:13.5px;font-weight:600}.page-module___8aEwW__featureDesc{color:var(--fg-2);font-size:13px;line-height:1.55}.page-module___8aEwW__installGrid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.page-module___8aEwW__installGrid>*{min-width:0}@media (max-width:480px){.page-module___8aEwW__installGrid{grid-template-columns:1fr}}.page-module___8aEwW__installLabel{color:var(--fg-2);margin-bottom:10px;font-size:13px;font-weight:600}.page-module___8aEwW__apiGroup{margin-bottom:44px}.page-module___8aEwW__apiGroupTitle{color:var(--accent);font-size:13.5px;font-weight:600;font-family:var(--font-geist-mono), monospace;margin-bottom:14px}.page-module___8aEwW__tableWrap{border:1px solid var(--border);border-radius:var(--r-lg);overflow-x:auto}.page-module___8aEwW__table{border-collapse:collapse;width:100%;font-size:13px}.page-module___8aEwW__table th{text-align:left;text-transform:uppercase;letter-spacing:.07em;color:var(--fg-3);background:var(--surface-2);border-bottom:1px solid var(--border);white-space:nowrap;padding:9px 14px;font-size:11px;font-weight:600}.page-module___8aEwW__table td{border-bottom:1px solid var(--border);vertical-align:top;padding:9px 14px;line-height:1.5}.page-module___8aEwW__table td:not(:last-child){white-space:nowrap}.page-module___8aEwW__table td:last-child{min-width:200px}.page-module___8aEwW__table tr:last-child td{border-bottom:none}.page-module___8aEwW__table tr:hover td{background:var(--surface)}.page-module___8aEwW__table code{font-family:var(--font-geist-mono), monospace;color:var(--accent);background:0 0;font-size:12px}.page-module___8aEwW__note{color:var(--fg-2);border-left:2px solid var(--accent);background:var(--surface);border-radius:0 var(--r) var(--r) 0;margin-top:14px;padding:11px 15px;font-size:13px;line-height:1.6}.page-module___8aEwW__note code{font-family:var(--font-geist-mono), monospace;background:var(--surface-2);color:var(--fg);border-radius:3px;padding:1px 5px;font-size:12px}.page-module___8aEwW__faqList{border-top:1px solid var(--border);flex-direction:column;display:flex}.page-module___8aEwW__faqItem{border-bottom:1px solid var(--border)}.page-module___8aEwW__faqQ{color:var(--fg);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:12px;padding:18px 0;font-size:15px;font-weight:600;line-height:1.4;list-style:none;display:flex}.page-module___8aEwW__faqQ::-webkit-details-marker{display:none}.page-module___8aEwW__faqQ:after{content:"›";color:var(--fg-3);flex-shrink:0;font-size:22px;line-height:1;transition:transform .18s}.page-module___8aEwW__faqItem[open]>.page-module___8aEwW__faqQ:after{transform:rotate(90deg)}.page-module___8aEwW__faqA{color:var(--fg-2);margin:0;padding-bottom:18px;font-size:13.5px;line-height:1.65}.page-module___8aEwW__faqLink{color:var(--accent);font-weight:500;text-decoration:none}.page-module___8aEwW__faqLink:hover{text-decoration:underline}.page-module___8aEwW__faqA code{font-family:var(--font-geist-mono), monospace;background:var(--surface-2);color:var(--fg);border-radius:3px;padding:1px 5px;font-size:12px}@media (max-width:768px){.page-module___8aEwW__section{padding:56px 0}.page-module___8aEwW__hero{padding:56px 0 48px}}@media (max-width:480px){.page-module___8aEwW__wrap,.page-module___8aEwW__navInner{padding:0 16px}.page-module___8aEwW__section{padding:40px 0}.page-module___8aEwW__hero{padding:40px 0 36px}.page-module___8aEwW__heroTitle{font-size:28px}.page-module___8aEwW__heroSub{font-size:13px;line-height:1.6}.page-module___8aEwW__heroInstall{max-width:100%;overflow-x:auto}.page-module___8aEwW__heroPreviewHideMobile{display:none}.page-module___8aEwW__heroPreviews{justify-content:center;gap:20px}.page-module___8aEwW__heroPreviewItem{flex:none}.page-module___8aEwW__heroPreviewItem svg{width:144px;height:144px}.page-module___8aEwW__featureCard{grid-template-rows:auto auto;grid-template-columns:auto 1fr;gap:4px 10px;padding:14px 16px;display:grid}.page-module___8aEwW__featureIcon{grid-area:1/1;align-self:center;align-items:center;margin-bottom:0;display:flex}.page-module___8aEwW__featureName{grid-area:1/2;align-self:center;margin-bottom:0}.page-module___8aEwW__featureDesc{grid-area:2/1/auto/span 2}}
.Playground-module__ExgkiG__root{grid-template-columns:1fr 1fr;align-items:start;gap:28px;display:grid}.Playground-module__ExgkiG__left{flex-direction:column;gap:16px;min-width:0;display:flex;position:sticky;top:68px}.Playground-module__ExgkiG__preview{border:1px solid var(--border);aspect-ratio:1;box-sizing:border-box;background:#f5f5f5;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:20px;display:flex}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .Playground-module__ExgkiG__preview{background:#111}}[data-theme=dark] .Playground-module__ExgkiG__preview{background:#111}.Playground-module__ExgkiG__snippetWrap{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.Playground-module__ExgkiG__snippetToolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:2px 6px 2px 14px;display:flex}.Playground-module__ExgkiG__snippetLang{font-size:10px;font-family:var(--font-geist-mono), monospace;color:var(--fg-3);letter-spacing:.07em;text-transform:uppercase}.Playground-module__ExgkiG__snippet{font-size:12px;line-height:1.65;font-family:var(--font-geist-mono), monospace;white-space:pre;background:var(--surface);flex-shrink:0;min-height:120px;max-height:300px;padding:14px 16px;overflow:auto}.Playground-module__ExgkiG__snippet span{color:var(--shiki-dark)}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .Playground-module__ExgkiG__snippet span{color:var(--shiki-light)}}[data-theme=light] .Playground-module__ExgkiG__snippet span{color:var(--shiki-light)}.Playground-module__ExgkiG__snippet span[style*=\#6A737D],.Playground-module__ExgkiG__snippet span[style*=\#6a737d]{color:#a0aab4}@media (prefers-color-scheme:light){:is(:root:not([data-theme=dark]) .Playground-module__ExgkiG__snippet span[style*=\#6A737D],:root:not([data-theme=dark]) .Playground-module__ExgkiG__snippet span[style*=\#6a737d]){color:var(--shiki-light)}}:is([data-theme=light] .Playground-module__ExgkiG__snippet span[style*=\#6A737D],[data-theme=light] .Playground-module__ExgkiG__snippet span[style*=\#6a737d]){color:var(--shiki-light)}.Playground-module__ExgkiG__previewActions{gap:8px;display:flex}.Playground-module__ExgkiG__splitBtnWrap{border:1px solid var(--border);border-radius:8px;transition:border-color .12s;display:inline-flex;position:relative}:is(.Playground-module__ExgkiG__splitBtnWrap:has(.Playground-module__ExgkiG__splitBtnMain:hover),.Playground-module__ExgkiG__splitBtnWrap:has(.Playground-module__ExgkiG__splitBtnArrow:hover),.Playground-module__ExgkiG__splitBtnWrap:has(.Playground-module__ExgkiG__splitBtnArrowOpen)){border-color:var(--accent)}.Playground-module__ExgkiG__splitBtnMain{border:none;border-right:1px solid var(--border);background:var(--surface-2);color:var(--fg-2);cursor:pointer;white-space:nowrap;border-radius:7px 0 0 7px;align-items:center;gap:6px;padding:7px 12px;font-family:inherit;font-size:12.5px;transition:background .12s,color .12s;display:flex}.Playground-module__ExgkiG__splitBtnMain:hover{background:var(--surface);color:var(--fg)}.Playground-module__ExgkiG__splitBtnArrow{background:var(--surface-2);color:var(--fg-3);cursor:pointer;border:none;border-radius:0 7px 7px 0;justify-content:center;align-items:center;padding:0 8px;transition:background .12s,color .12s;display:flex}.Playground-module__ExgkiG__splitBtnArrow:hover{background:var(--surface);color:var(--fg)}.Playground-module__ExgkiG__splitBtnArrowOpen{color:var(--fg);background:var(--surface)}.Playground-module__ExgkiG__splitBtnArrowOpen svg{transform:rotate(180deg)}.Playground-module__ExgkiG__splitBtnDropdown{background:var(--surface-2);border:1px solid var(--border);z-index:50;border-radius:8px;min-width:100%;position:absolute;top:calc(100% + 5px);left:0;overflow:hidden;box-shadow:0 4px 16px #0000001f}.Playground-module__ExgkiG__splitBtnOption{text-align:left;width:100%;color:var(--fg);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:8px 14px;font-family:inherit;font-size:12px;transition:background .1s;display:block}.Playground-module__ExgkiG__splitBtnOption:hover{background:var(--surface)}.Playground-module__ExgkiG__controls{flex-direction:column;gap:8px;display:flex}.Playground-module__ExgkiG__group{border:1px solid var(--border);border-radius:10px;overflow:hidden}.Playground-module__ExgkiG__groupHeader{background:var(--surface-2);cursor:pointer;text-align:left;width:100%;color:var(--fg);border:none;align-items:center;gap:8px;padding:9px 12px;transition:background .12s;display:flex}.Playground-module__ExgkiG__groupHeader:hover{background:var(--surface)}.Playground-module__ExgkiG__groupTitle{color:var(--fg-2);letter-spacing:.06em;text-transform:uppercase;font-size:11.5px;font-weight:600;font-family:var(--font-geist-mono), monospace;flex:1}.Playground-module__ExgkiG__chevron{color:var(--fg-3);flex-shrink:0;transition:transform .2s}.Playground-module__ExgkiG__chevronOpen{transform:rotate(180deg)}.Playground-module__ExgkiG__groupBody{border-top:1px solid var(--border);background:var(--surface);flex-direction:column;gap:12px;padding:12px;display:flex}.Playground-module__ExgkiG__field{flex-direction:column;gap:5px;display:flex}.Playground-module__ExgkiG__label{color:var(--fg-3);font-size:11px;font-family:var(--font-geist-mono), monospace;letter-spacing:.02em}.Playground-module__ExgkiG__row3{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.Playground-module__ExgkiG__row2{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.Playground-module__ExgkiG__input{background:var(--surface-2);border:1px solid var(--border);width:100%;color:var(--fg);font-size:12.5px;font-family:var(--font-geist-mono), monospace;box-sizing:border-box;border-radius:7px;outline:none;padding:7px 10px;transition:border-color .15s}.Playground-module__ExgkiG__input:focus{border-color:var(--accent)}.Playground-module__ExgkiG__inputError,.Playground-module__ExgkiG__inputError:focus{border-color:#ef4444}.Playground-module__ExgkiG__qrError{color:#ef4444;font-size:11px;font-family:var(--font-geist-mono), monospace;text-align:center;line-height:1.5}.Playground-module__ExgkiG__numberWrap{flex-direction:column;gap:3px;display:flex}.Playground-module__ExgkiG__inputErrorMsg{color:#ef4444;font-size:10.5px;font-family:var(--font-geist-mono), monospace}.Playground-module__ExgkiG__input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.Playground-module__ExgkiG__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.Playground-module__ExgkiG__input[type=number]{-moz-appearance:textfield}.Playground-module__ExgkiG__tabs{flex-wrap:wrap;gap:4px;display:flex}.Playground-module__ExgkiG__tab{border:1px solid var(--border);background:var(--surface-2);color:var(--fg-2);font-size:11.5px;font-family:var(--font-geist-mono), monospace;cursor:pointer;white-space:nowrap;border-radius:6px;padding:5px 10px;transition:all .12s}.Playground-module__ExgkiG__tab:hover{color:var(--fg);border-color:var(--accent)}.Playground-module__ExgkiG__tabActive{background:var(--accent);border-color:var(--accent);color:#fff}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .Playground-module__ExgkiG__tabActive{color:#0a0a0a}}[data-theme=dark] .Playground-module__ExgkiG__tabActive{color:#0a0a0a}.Playground-module__ExgkiG__colorRow{align-items:center;gap:6px;display:flex}.Playground-module__ExgkiG__swatch{border:1px solid var(--border);background:var(--surface-2);cursor:pointer;border-radius:6px;flex-shrink:0;width:32px;height:32px;padding:2px}.Playground-module__ExgkiG__addColorBtn{border:1px dashed var(--border);color:var(--fg-3);font-size:11.5px;font-family:var(--font-geist-mono), monospace;cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:5px;padding:5px 10px;transition:all .12s;display:inline-flex}.Playground-module__ExgkiG__addColorBtn:hover{border-color:var(--accent);color:var(--accent)}.Playground-module__ExgkiG__clearBtn{border:1px solid var(--border);width:26px;height:26px;color:var(--fg-3);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .12s;display:flex}.Playground-module__ExgkiG__clearBtn:hover{border-color:var(--fg-3);color:var(--fg)}.Playground-module__ExgkiG__transparentBtn{border:1px dashed var(--border);color:var(--fg-3);font-size:11px;font-family:var(--font-geist-mono), monospace;cursor:pointer;white-space:nowrap;background:0 0;border-radius:6px;flex-shrink:0;padding:5px 9px;transition:all .12s}.Playground-module__ExgkiG__transparentBtn:hover{border-color:var(--accent);color:var(--accent)}.Playground-module__ExgkiG__transparentSwatch{border:1px solid var(--border);background-color:#fff;background-image:linear-gradient(45deg,#ccc 25%,#0000 25%),linear-gradient(-45deg,#ccc 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ccc 75%),linear-gradient(-45deg,#0000 75%,#ccc 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px;border-radius:6px;flex-shrink:0;width:32px;height:32px}.Playground-module__ExgkiG__transparentLabel{font-size:12px;font-family:var(--font-geist-mono), monospace;color:var(--fg-3);flex:1}.Playground-module__ExgkiG__toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:inline-flex}.Playground-module__ExgkiG__toggle input{opacity:0;width:0;height:0;position:absolute}.Playground-module__ExgkiG__toggleTrack{background:var(--border);border-radius:8px;flex-shrink:0;width:28px;height:16px;transition:background .15s;position:relative}.Playground-module__ExgkiG__toggle input:checked~.Playground-module__ExgkiG__toggleTrack{background:var(--accent)}.Playground-module__ExgkiG__toggleThumb{background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .15s;position:absolute;top:2px;left:2px}.Playground-module__ExgkiG__toggle input:checked~.Playground-module__ExgkiG__toggleTrack .Playground-module__ExgkiG__toggleThumb{transform:translate(12px)}.Playground-module__ExgkiG__toggleLabel{font-size:12px;font-family:var(--font-geist-mono), monospace;color:var(--fg-2)}.Playground-module__ExgkiG__fileInput{display:none}.Playground-module__ExgkiG__logoFileName{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--fg-2);cursor:default;-webkit-user-select:none;user-select:none;font-style:italic;display:block;overflow:hidden}@media (max-width:768px){.Playground-module__ExgkiG__root{grid-template-columns:1fr}.Playground-module__ExgkiG__left{position:static}}@media (max-width:480px){.Playground-module__ExgkiG__preview{aspect-ratio:unset;height:auto}.Playground-module__ExgkiG__snippet{max-height:220px}}