*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}html{scroll-behavior:smooth;}body{font-family:'Canva Sans','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;color:#e2e8f0;background:#0f1117;line-height:1.65;font-size:16px;-webkit-font-smoothing:antialiased;overflow-x:hidden;}a{color:#a78bfa;text-decoration:none;}a:hover{color:#c4b5fd;text-decoration:underline;}img{max-width:100%;height:auto;display:block;}p{margin-bottom:14px;}p:last-child{margin-bottom:0;}code{background:rgba(139,61,255,.15);border:1px solid rgba(139,61,255,.25);border-radius:5px;padding:2px 7px;font-size:13px;font-family:'JetBrains Mono','Fira Code','Courier New',monospace;color:#c4b5fd;}pre{background:#161b27;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:20px 22px;overflow-x:auto;margin:16px 0;}pre code{background:none;border:none;padding:0;font-size:13.5px;color:#e2e8f0;line-height:1.75;}kbd{display:inline-block;background:#1e2433;border:1px solid rgba(255,255,255,.15);border-bottom:2px solid rgba(255,255,255,.2);border-radius:5px;padding:2px 8px;font-size:12.5px;font-family:monospace;color:#e2e8f0;white-space:nowrap;}.wrap{max-width:880px;margin:0 auto;padding:0 28px;}.wrap-wide{max-width:1100px;margin:0 auto;padding:0 28px;}@media(max-width:600px){.wrap,.wrap-wide{padding:0 16px;}}.adv-nav{background:rgba(15,17,23,.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.07);position:sticky;top:0;z-index:100;height:64px;}.adv-nav-inner{max-width:1100px;margin:0 auto;padding:0 28px;height:64px;display:flex;align-items:center;gap:8px;}.nav-logo{font-family:'Brush Script MT','Dancing Script',cursive;font-size:24px;background:linear-gradient(135deg,#8b3dff,#00c4cc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:400;text-decoration:none;}.nav-links{display:flex;gap:4px;flex:1;margin-left:16px;list-style:none;}.nav-links a{font-size:13.5px;color:rgba(226,232,240,.55);padding:6px 10px;border-radius:8px;transition:.15s;text-decoration:none;}.nav-links a:hover,.nav-links a.active{background:rgba(255,255,255,.07);color:#e2e8f0;text-decoration:none;}.nav-links a.active{color:#a78bfa;font-weight:600;}.nav-cta{margin-left:auto;background:linear-gradient(135deg,#8b3dff,#00c4cc);color:#fff;font-size:13.5px;font-weight:700;padding:8px 18px;border-radius:100px;text-decoration:none;white-space:nowrap;flex-shrink:0;transition:opacity .15s;}.nav-cta:hover{opacity:.85;color:#fff;text-decoration:none;}@media(max-width:800px){.nav-links{display:none;}}.breadcrumb{background:#13161f;border-bottom:1px solid rgba(255,255,255,.06);padding:10px 28px;font-size:13px;color:rgba(226,232,240,.4);}.bc-inner{max-width:880px;margin:0 auto;display:flex;flex-wrap:wrap;gap:4px;align-items:center;}.bc-inner a{color:rgba(226,232,240,.4);transition:color .15s;}.bc-inner a:hover{color:#a78bfa;text-decoration:none;}.bc-sep{margin:0 4px;color:rgba(226,232,240,.18);}.tldr{background:linear-gradient(90deg,#8b3dff,#7c3aed);color:#fff;padding:13px 28px;font-size:14px;font-weight:600;text-align:center;border-bottom:1px solid rgba(139,61,255,.3);}.tldr a{color:rgba(255,255,255,.85);text-decoration:underline;}.adv-hero{padding:60px 28px 48px;background:radial-gradient(ellipse 70% 50% at 50% 0%,rgba(139,61,255,.18) 0%,transparent 70%);border-bottom:1px solid rgba(255,255,255,.06);}.adv-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#a78bfa;margin-bottom:14px;}.adv-h1{font-size:clamp(1.8rem,4.5vw,3rem);font-weight:800;letter-spacing:-.04em;color:#fff;line-height:1.1;margin-bottom:14px;}.adv-lead{font-size:1.05rem;color:rgba(226,232,240,.65);line-height:1.72;max-width:620px;margin-bottom:24px;}.adv-meta{display:flex;flex-wrap:wrap;gap:16px;font-size:12.5px;color:rgba(226,232,240,.38);margin-bottom:26px;}.adv-meta span{display:flex;align-items:center;gap:5px;}.hero-btns{display:flex;flex-wrap:wrap;gap:10px;}.btn-primary{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;background:linear-gradient(135deg,#8b3dff,#7c3aed);color:#fff;padding:11px 24px;border-radius:100px;text-decoration:none;transition:opacity .15s;white-space:nowrap;}.btn-primary:hover{opacity:.85;color:#fff;text-decoration:none;}.btn-primary svg{width:17px;height:17px;flex-shrink:0;}.btn-ghost{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:rgba(226,232,240,.75);padding:10px 22px;border-radius:100px;border:1.5px solid rgba(255,255,255,.12);text-decoration:none;transition:.15s;white-space:nowrap;}.btn-ghost:hover{border-color:rgba(167,139,250,.5);color:#a78bfa;text-decoration:none;}.adv-body{padding:52px 28px 88px;}.adv-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 252px;gap:60px;align-items:start;}@media(max-width:900px){.adv-grid{grid-template-columns:1fr;}}.toc{position:sticky;top:80px;background:#13161f;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:20px 18px;}.toc-title{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:rgba(226,232,240,.3);margin-bottom:12px;}.toc ol{list-style:none;counter-reset:toc;display:flex;flex-direction:column;gap:8px;}.toc li{counter-increment:toc;display:flex;gap:8px;font-size:13px;}.toc li::before{content:counter(toc);display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#8b3dff,#7c3aed);color:#fff;font-size:10px;font-weight:700;flex-shrink:0;margin-top:1px;}.toc a{color:rgba(226,232,240,.55);line-height:1.4;transition:color .15s;text-decoration:none;}.toc a:hover{color:#a78bfa;}.toc-dl{margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.07);}.toc-dl a{display:block;text-align:center;background:linear-gradient(135deg,#8b3dff,#00c4cc);color:#fff;font-size:13.5px;font-weight:700;padding:10px 16px;border-radius:100px;text-decoration:none;transition:opacity .15s;}.toc-dl a:hover{opacity:.85;color:#fff;}.adv-section{margin-bottom:56px;padding-bottom:56px;border-bottom:1px solid rgba(255,255,255,.06);}.adv-section:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0;}.section-anchor{display:block;height:80px;margin-top:-80px;visibility:hidden;}.section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#a78bfa;margin-bottom:10px;display:flex;align-items:center;gap:8px;}.section-label::after{content:'';flex:1;height:1px;background:rgba(139,61,255,.2);}.adv-h2{font-size:1.5rem;font-weight:800;color:#fff;letter-spacing:-.04em;margin-bottom:12px;line-height:1.2;}.adv-h3{font-size:1rem;font-weight:700;color:#e2e8f0;margin:24px 0 10px;}.adv-h4{font-size:.9rem;font-weight:700;color:#a78bfa;margin:16px 0 8px;text-transform:uppercase;letter-spacing:.05em;font-size:11.5px;}.adv-p{font-size:15px;color:rgba(226,232,240,.72);line-height:1.80;margin-bottom:14px;}.adv-p strong{color:#e2e8f0;font-weight:600;}.adv-p a{color:#a78bfa;}.adv-p code{font-size:12.5px;}.steps{display:flex;flex-direction:column;gap:12px;margin:18px 0;}.step-card{display:flex;gap:16px;align-items:flex-start;background:#13161f;border:1px solid rgba(255,255,255,.07);border-left:3px solid #8b3dff;border-radius:12px;padding:18px 20px;transition:border-color .2s,box-shadow .2s;}.step-card:hover{border-color:rgba(139,61,255,.5);box-shadow:0 4px 20px rgba(139,61,255,.1);}.step-card.teal{border-left-color:#00c4cc;}.step-card.green{border-left-color:#10b981;}.step-n{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#8b3dff,#7c3aed);color:#fff;font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;}.step-card.teal .step-n{background:linear-gradient(135deg,#00c4cc,#0284c7);}.step-card.green .step-n{background:linear-gradient(135deg,#10b981,#059669);}.step-content h3{font-size:.95rem;font-weight:700;color:#e2e8f0;margin-bottom:7px;}.step-content p{font-size:14px;color:rgba(226,232,240,.6);line-height:1.65;margin:0;}.step-content p+p{margin-top:8px;}.step-content code{font-size:12px;}.step-content ul{list-style:none;display:flex;flex-direction:column;gap:6px;margin-top:9px;}.step-content li{font-size:13.5px;color:rgba(226,232,240,.6);display:flex;gap:8px;line-height:1.5;}.step-content li::before{content:'›';color:#a78bfa;font-weight:700;flex-shrink:0;}.ib{border-radius:10px;padding:15px 18px;margin:14px 0;display:flex;gap:12px;align-items:flex-start;}.ib.tip{background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.2);}.ib.warn{background:rgba(245,158,11,.07);border:1px solid rgba(245,158,11,.18);}.ib.info{background:rgba(139,61,255,.08);border:1px solid rgba(139,61,255,.2);}.ib.teal{background:rgba(0,196,204,.07);border:1px solid rgba(0,196,204,.2);}.ib-icon{font-size:1.1rem;flex-shrink:0;margin-top:1px;}.ib-text{font-size:14px;color:rgba(226,232,240,.7);line-height:1.7;}.ib-text strong{color:#e2e8f0;}.ib-text a{color:#a78bfa;}.ib-text code{font-size:12.5px;}.card-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0;}.card-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0;}@media(max-width:700px){.card-grid-2,.card-grid-3{grid-template-columns:1fr;}}.adv-card{background:#13161f;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:18px;}.adv-card.purple{border-color:rgba(139,61,255,.2);background:rgba(139,61,255,.07);}.adv-card.teal{border-color:rgba(0,196,204,.2);background:rgba(0,196,204,.06);}.adv-card.green{border-color:rgba(16,185,129,.2);background:rgba(16,185,129,.06);}.adv-card.amber{border-color:rgba(245,158,11,.2);background:rgba(245,158,11,.05);}.card-icon{font-size:1.6rem;margin-bottom:10px;}.adv-card h4{font-size:.93rem;font-weight:700;color:#e2e8f0;margin-bottom:6px;}.adv-card p{font-size:13.5px;color:rgba(226,232,240,.58);line-height:1.6;margin:0;}.adv-card code{font-size:12px;}.md-table{width:100%;border-collapse:collapse;font-size:14px;margin:16px 0;}.md-table th{padding:10px 14px;text-align:left;background:#1e2433;color:rgba(226,232,240,.5);font-weight:700;font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;}.md-table th:first-child{border-radius:8px 0 0 0;}.md-table th:last-child{border-radius:0 8px 0 0;}.md-table td{padding:11px 14px;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:top;color:rgba(226,232,240,.7);}.md-table td:first-child{font-family:'JetBrains Mono','Fira Code',monospace;font-size:13px;color:#a78bfa;background:rgba(139,61,255,.06);white-space:nowrap;}.md-table td:last-child{color:rgba(226,232,240,.55);}.md-table tr:hover td{background:rgba(255,255,255,.02);}.md-table .td-result{color:#e2e8f0;font-weight:500;}.plugin-list{display:flex;flex-direction:column;gap:10px;margin:16px 0;}.plugin-row{background:#13161f;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:16px 20px;display:grid;grid-template-columns:44px 1fr auto;gap:16px;align-items:start;transition:border-color .2s;}.plugin-row:hover{border-color:rgba(139,61,255,.25);}@media(max-width:580px){.plugin-row{grid-template-columns:44px 1fr;}}.plugin-emoji{font-size:1.8rem;line-height:1;}.plugin-name{font-size:14.5px;font-weight:700;color:#e2e8f0;margin-bottom:4px;}.plugin-desc{font-size:13px;color:rgba(226,232,240,.55);line-height:1.55;}.plugin-tag{font-size:10.5px;font-weight:700;text-transform:uppercase;padding:3px 9px;border-radius:100px;white-space:nowrap;align-self:flex-start;}.tag-free{background:rgba(16,185,129,.12);color:#6ee7b7;border:1px solid rgba(16,185,129,.25);}.tag-pro{background:rgba(139,61,255,.12);color:#c4b5fd;border:1px solid rgba(139,61,255,.25);}.tag-power{background:rgba(245,158,11,.1);color:#fcd34d;border:1px solid rgba(245,158,11,.2);}.folder-tree{background:#161b27;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:20px 22px;font-family:'JetBrains Mono','Fira Code','Courier New',monospace;font-size:13.5px;line-height:2;overflow-x:auto;margin:16px 0;}.ft-folder{color:#a78bfa;font-weight:600;}.ft-file{color:rgba(226,232,240,.6);}.ft-comment{color:rgba(226,232,240,.28);font-style:italic;}.shortcut-table{width:100%;border-collapse:collapse;font-size:14px;margin:14px 0;}.shortcut-table th{padding:10px 14px;background:#1e2433;color:rgba(226,232,240,.45);font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;text-align:left;}.shortcut-table th:first-child{border-radius:8px 0 0 0;}.shortcut-table th:last-child{border-radius:0 8px 0 0;}.shortcut-table td{padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.05);color:rgba(226,232,240,.65);}.shortcut-table tr:hover td{background:rgba(255,255,255,.02);}.shortcut-table .keys{display:flex;gap:4px;flex-wrap:wrap;}.shortcut-table kbd{font-size:11.5px;}.faq-list{display:flex;flex-direction:column;gap:9px;}.faq-item{background:#13161f;border:1px solid rgba(255,255,255,.07);border-radius:11px;overflow:hidden;transition:border-color .15s;}.faq-item[open]{border-color:rgba(139,61,255,.35);}.faq-q{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:16px 20px;cursor:pointer;font-size:15px;font-weight:700;color:#e2e8f0;user-select:none;}.faq-q::-webkit-details-marker{display:none;}.faq-item[open] .faq-q{color:#a78bfa;}.faq-icon{width:24px;height:24px;flex-shrink:0;position:relative;}.faq-icon::before,.faq-icon::after{content:'';position:absolute;background:rgba(226,232,240,.3);border-radius:2px;transition:.25s;}.faq-icon::before{width:13px;height:2px;top:50%;left:50%;transform:translate(-50%,-50%);}.faq-icon::after{width:2px;height:13px;top:50%;left:50%;transform:translate(-50%,-50%);}.faq-item[open] .faq-icon::after{opacity:0;transform:translate(-50%,-50%) rotate(90deg);}.faq-a{padding:0 20px 16px;border-top:1px solid rgba(255,255,255,.05);}.faq-a p{font-size:14.5px;color:rgba(226,232,240,.6);line-height:1.75;margin-top:12px;}.faq-a code{font-size:12.5px;}.hub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin:24px 0;}.hub-card{background:#13161f;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:22px 20px;display:block;text-decoration:none;transition:border-color .2s,box-shadow .15s,transform .15s;}.hub-card:hover{border-color:rgba(139,61,255,.3);box-shadow:0 6px 32px rgba(139,61,255,.12);transform:translateY(-3px);text-decoration:none;}.hub-icon{font-size:1.8rem;margin-bottom:12px;}.hub-card h3{font-size:1rem;font-weight:700;color:#e2e8f0;margin-bottom:8px;line-height:1.3;}.hub-card p{font-size:13px;color:rgba(226,232,240,.45);line-height:1.55;margin:0;}.hub-arrow{font-size:12px;color:#a78bfa;margin-top:12px;display:block;font-weight:600;}.hub-badge{display:inline-block;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;padding:3px 8px;border-radius:100px;margin-bottom:8px;}.badge-md{background:rgba(139,61,255,.15);color:#c4b5fd;border:1px solid rgba(139,61,255,.25);}.badge-org{background:rgba(0,196,204,.1);color:#67e8f9;border:1px solid rgba(0,196,204,.2);}.badge-auto{background:rgba(245,158,11,.1);color:#fcd34d;border:1px solid rgba(245,158,11,.2);}.ilinks{background:#13161f;border-top:1px solid rgba(255,255,255,.06);padding:36px 28px;}.ilinks-inner{max-width:880px;margin:0 auto;}.il-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:rgba(226,232,240,.25);margin-bottom:14px;}.il-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;}.il{background:#1a1f2e;border:1px solid rgba(255,255,255,.07);border-left:3px solid #8b3dff;border-radius:10px;padding:14px 16px;text-decoration:none;display:block;transition:border-color .15s,box-shadow .15s,transform .15s;}.il:hover{border-color:rgba(139,61,255,.4);box-shadow:0 4px 16px rgba(139,61,255,.1);transform:translateY(-2px);text-decoration:none;}.il-t{font-size:13.5px;font-weight:700;color:#e2e8f0;display:block;margin-bottom:4px;}.il-d{font-size:12px;color:rgba(226,232,240,.4);}.adv-footer{background:#0a0c12;color:rgba(226,232,240,.3);padding:24px 28px;text-align:center;font-size:13px;border-top:1px solid rgba(255,255,255,.05);}.adv-footer a{color:rgba(226,232,240,.3);}.adv-footer a:hover{color:#a78bfa;text-decoration:none;}@media(max-width:600px){.adv-hero{padding:40px 16px 36px;}.adv-body{padding:36px 16px 64px;}.adv-h1{font-size:1.8rem;}pre{padding:14px 16px;}}