.article-meta-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem 1rem}.ai-collab{display:flex;min-width:0;align-items:center;gap:.55rem}.ai-collab-label{color:#cbd5e1;font-size:.8rem;font-weight:700;line-height:1.2;white-space:nowrap}.ai-collab-actions{display:flex;flex:0 0 auto;align-items:center;gap:.35rem}.ai-collab-button{display:inline-flex;width:2.1rem;height:2.1rem;align-items:center;justify-content:center;border:1px solid #334155;border-radius:999px;background:#0f172acc;color:#fff;box-shadow:inset 0 1px #ffffff08;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.ai-collab-button:hover,.ai-collab-button:focus-visible{border-color:#00c1de;background:#111f35;box-shadow:0 8px 24px #00c1de20,inset 0 1px #ffffff12;transform:translateY(-1px)}.ai-collab-button img{width:1.22rem;height:1.22rem;object-fit:contain}.blog-rich{color:#cbd5e1;line-height:1.8;font-size:1.05rem}.blog-rich p{margin:0}.blog-rich p+p{margin-top:1.1rem}.blog-rich h2{margin-top:2.4rem;margin-bottom:.9rem;color:#fff;font-size:1.65rem;line-height:1.3;font-weight:800;letter-spacing:-.01em}.blog-rich h3{margin-top:1.6rem;margin-bottom:.7rem;color:#fff;font-size:1.2rem;line-height:1.4;font-weight:700}.blog-rich :where(h2,h3,h4){scroll-margin-top:var(--article-anchor-offset, 6.5rem)}.blog-rich ul,.blog-rich ol{margin:.8rem 0 0;padding-left:1.25rem}.blog-rich ul{list-style:disc}.blog-rich ol{list-style:decimal}.blog-rich li{margin-top:.4rem}.blog-rich li::marker{color:#00c1de}.blog-rich strong{color:#f8fafc;font-weight:700}.blog-rich a{color:#00c1de;text-decoration:none}.blog-rich a:hover{color:#7ae8f7}.article-toc ol{list-style:none;margin:0;padding:0}.article-toc-item{position:relative}.article-toc-item:before{content:"";position:absolute;top:.7rem;left:0;width:.35rem;height:.35rem;border-radius:999px;background:#00c1de;opacity:.75}.article-toc-item a{padding-left:.9rem}.article-toc-link.is-active{color:#fff;font-weight:800}.article-side-toc,.article-side-toc-item[hidden]{display:none}.article-back-top{position:fixed;right:1rem;bottom:1rem;z-index:45;display:inline-flex;width:2.75rem;height:2.75rem;align-items:center;justify-content:center;border:1px solid #334155;border-radius:999px;background:#0f172acc;color:#e2e8f0;opacity:.62;box-shadow:0 16px 40px #0005;backdrop-filter:blur(10px);transition:opacity .18s ease,transform .18s ease,border-color .18s ease,color .18s ease}.article-back-top:hover,.article-back-top:focus-visible{border-color:#00c1de;color:#fff;opacity:1;transform:translateY(-2px)}.article-back-top svg{width:1.25rem;height:1.25rem}.blog-rich video{margin-top:.8rem;margin-bottom:.4rem;border:1px solid #334155;background:#020617}.blog-rich :not(pre)>code{padding:.14rem .4rem;border-radius:.35rem;border:1px solid #334155;background:#0f172a;color:#e2e8f0;font-size:.92em}.blog-rich pre{position:relative;margin:1rem 0 0;padding:1rem 5.2rem 1rem 1rem;border:1px solid #334155;border-radius:.9rem;background:linear-gradient(180deg,#0f172a,#020617);box-shadow:inset 0 1px #ffffff08;overflow:hidden;overflow-x:hidden!important}.blog-rich pre code{display:block;white-space:pre-wrap!important;overflow-wrap:anywhere;word-break:break-word;color:#e2e8f0;font-size:.92rem;line-height:1.7}.blog-rich pre code .line{white-space:pre-wrap!important;overflow-wrap:anywhere;word-break:break-word}.blog-code-copy{position:absolute;top:.8rem;right:.8rem;z-index:1;border:1px solid #475569;border-radius:999px;background:#0f172acc;color:#cbd5e1;padding:.35rem .7rem;font-size:.75rem;font-weight:600;line-height:1;cursor:pointer;opacity:0;transform:translateY(-2px);transition:opacity .18s ease,transform .18s ease,border-color .18s ease,color .18s ease;backdrop-filter:blur(6px)}.blog-rich pre:hover .blog-code-copy,.blog-rich pre:focus-within .blog-code-copy{opacity:1;transform:translateY(0)}.blog-code-copy:hover{border-color:#00c1de;color:#fff}.blog-code-copy.is-copied{opacity:1;transform:translateY(0);border-color:#00c1de;color:#7ae8f7}.blog-rich :where(h2,h3):first-child{margin-top:.2rem}.recommended-card{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.recommended-card:hover{transform:translateY(-2px);border-color:#00c1de55;box-shadow:0 10px 30px #0004}@media(min-width:1280px){.article-side-toc{display:block;position:fixed;top:calc(var(--article-anchor-offset, 6.5rem) + 1rem);left:max(1rem,calc(50% - 43rem));z-index:30;width:16rem;max-height:calc(100vh - var(--article-anchor-offset, 6.5rem) - 2rem);overflow:hidden;opacity:.58;transition:opacity .2s ease,transform .2s ease}.article-side-toc:hover,.article-side-toc:focus-within{opacity:1;transform:translateY(-2px)}.article-back-top{right:auto;left:max(1rem,calc(50% + 25rem));bottom:2rem;opacity:.84}}@media(max-width:640px){.article-meta-row{align-items:flex-start;flex-direction:column}.ai-collab{align-items:flex-start;flex-direction:column;gap:.45rem}.ai-collab-label{white-space:normal}.blog-rich{font-size:1rem}.blog-rich h2{font-size:1.45rem}.blog-rich pre{padding-right:1rem;padding-top:3rem}.blog-code-copy{opacity:1;transform:translateY(0)}}