.tpl-layout[data-astro-cid-rinh55hk]{display:grid;grid-template-columns:1fr 288px;gap:48px;max-width:1120px;margin:0 auto;padding:64px 24px 80px;align-items:start}.tpl-main[data-astro-cid-rinh55hk]{min-width:0;max-width:720px}.tpl-h1[data-astro-cid-rinh55hk]{font-size:40px;margin:16px 0 20px;line-height:1.2;color:var(--text-primary)}.tpl-hero-badge[data-astro-cid-rinh55hk]{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:4px 12px;border-radius:100px}.tpl-meta[data-astro-cid-rinh55hk]{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary);margin-bottom:32px;flex-wrap:wrap}.tpl-free-badge[data-astro-cid-rinh55hk]{background:#0596691a;color:#059669;font-size:12px;font-weight:600;padding:2px 8px;border-radius:100px}.tpl-usage-meta[data-astro-cid-rinh55hk]{display:flex;align-items:center;gap:4px}.mobile-toc[data-astro-cid-rinh55hk]{display:none;background:var(--bg-alt);border:1px solid var(--border);border-radius:12px;margin-bottom:32px;overflow:hidden}.mobile-toc[data-astro-cid-rinh55hk] summary[data-astro-cid-rinh55hk]{padding:14px 18px;font-size:14px;font-weight:600;color:var(--text-primary);cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between}.mobile-toc[data-astro-cid-rinh55hk] summary[data-astro-cid-rinh55hk]:after{content:"↓";font-size:12px;color:var(--text-muted)}.mobile-toc[data-astro-cid-rinh55hk][open] summary[data-astro-cid-rinh55hk]:after{content:"↑"}.mobile-toc-nav[data-astro-cid-rinh55hk]{padding:0 18px 14px;display:flex;flex-direction:column;gap:6px;text-align:left}.mobile-toc-nav[data-astro-cid-rinh55hk] a[data-astro-cid-rinh55hk]{font-size:14px;color:var(--text-secondary);text-decoration:none;padding:4px 0;text-align:left}.mobile-toc-nav[data-astro-cid-rinh55hk] a[data-astro-cid-rinh55hk]:hover{color:var(--primary)}.tpl-prose[data-astro-cid-rinh55hk]{padding:0;margin-bottom:8px}.tpl-section[data-astro-cid-rinh55hk]{margin-top:56px}.tpl-section-h2[data-astro-cid-rinh55hk]{font-size:26px;font-weight:700;color:var(--text-primary);margin-bottom:8px;display:flex;align-items:center;gap:12px}.tpl-section-sub[data-astro-cid-rinh55hk]{font-size:15px;color:var(--text-secondary);margin-bottom:24px;margin-top:0}.steps-count-badge[data-astro-cid-rinh55hk]{display:inline-flex;align-items:center;justify-content:center;background:var(--bg-alt);border:1px solid var(--border);color:var(--text-muted);font-size:14px;font-weight:600;width:28px;height:28px;border-radius:50%}.tpl-player[data-astro-cid-rinh55hk]{background:#f8fafc;border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 4px 24px #00000012,0 1px 4px #0000000a;user-select:none}.player-chrome[data-astro-cid-rinh55hk]{display:flex;align-items:center;gap:12px;background:#e2e8f0;padding:10px 16px;border-bottom:1px solid #CBD5E1}.player-dots[data-astro-cid-rinh55hk]{display:flex;gap:6px;flex-shrink:0}.dot[data-astro-cid-rinh55hk]{width:11px;height:11px;border-radius:50%}.dot-red[data-astro-cid-rinh55hk]{background:#fc605c}.dot-yellow[data-astro-cid-rinh55hk]{background:#fdbc40}.dot-green[data-astro-cid-rinh55hk]{background:#34c749}.player-url[data-astro-cid-rinh55hk]{flex:1;background:#fff;border:1px solid #CBD5E1;border-radius:6px;padding:4px 10px;font-size:12px;color:#64748b;font-family:ui-monospace,monospace;display:flex;align-items:center;gap:5px;max-width:280px}.player-rec[data-astro-cid-rinh55hk]{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:#dc2626;letter-spacing:.05em;flex-shrink:0}.rec-dot[data-astro-cid-rinh55hk]{width:7px;height:7px;background:#dc2626;border-radius:50%;animation:rec-blink 1.2s ease-in-out infinite}@keyframes rec-blink{0%,to{opacity:1}50%{opacity:.2}}.player-screen[data-astro-cid-rinh55hk]{position:relative;background:#fff}.player-ui[data-astro-cid-rinh55hk]{display:flex;height:220px;position:relative;overflow:hidden}.ui-sidebar[data-astro-cid-rinh55hk]{width:140px;flex-shrink:0;background:#f1f5f9;border-right:1px solid #E2E8F0;padding:16px 14px;display:flex;flex-direction:column;gap:10px}.ui-line[data-astro-cid-rinh55hk]{height:8px;background:#cbd5e1;border-radius:4px;width:100%}.ui-line-short[data-astro-cid-rinh55hk]{width:55%}.ui-line-med[data-astro-cid-rinh55hk]{width:75%}.ui-content[data-astro-cid-rinh55hk]{flex:1;padding:14px 16px;display:flex;flex-direction:column;gap:12px}.ui-topbar[data-astro-cid-rinh55hk]{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid #E2E8F0}.ui-topbar-title[data-astro-cid-rinh55hk]{width:140px;height:10px;background:#94a3b8;border-radius:5px}.ui-topbar-btn[data-astro-cid-rinh55hk]{width:80px;height:28px;background:#1a56db;border-radius:6px;transition:background .3s}.ui-rows[data-astro-cid-rinh55hk]{display:flex;flex-direction:column;gap:6px}.ui-row[data-astro-cid-rinh55hk]{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:6px;background:transparent;transition:background .3s}.ui-row-active[data-astro-cid-rinh55hk]{background:#1a56db0f}.ui-cell[data-astro-cid-rinh55hk]{height:7px;background:#cbd5e1;border-radius:4px;transition:background .3s}.w40[data-astro-cid-rinh55hk]{width:40%}.w35[data-astro-cid-rinh55hk]{width:35%}.w30[data-astro-cid-rinh55hk]{width:30%}.w25[data-astro-cid-rinh55hk]{width:25%}.w20[data-astro-cid-rinh55hk]{width:20%}.w15[data-astro-cid-rinh55hk]{width:15%}.w45[data-astro-cid-rinh55hk]{width:45%}.player-cursor[data-astro-cid-rinh55hk]{position:absolute;pointer-events:none;transition:top .6s cubic-bezier(.4,0,.2,1),left .6s cubic-bezier(.4,0,.2,1);z-index:10;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.player-ripple[data-astro-cid-rinh55hk]{position:absolute;width:24px;height:24px;border-radius:50%;background:#1a56db4d;transform:translate(-50%,-50%) scale(0);pointer-events:none;z-index:9}.player-ripple[data-astro-cid-rinh55hk].animate{animation:ripple-out .5s ease-out forwards}@keyframes ripple-out{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(3);opacity:0}}.player-progress-bar[data-astro-cid-rinh55hk]{position:absolute;top:0;left:0;height:3px;background:var(--primary, #1A56DB);transition:width .4s ease;z-index:8}.player-tooltip[data-astro-cid-rinh55hk]{background:#0f172a;padding:16px 20px;border-top:1px solid rgba(255,255,255,.06)}.player-tooltip-header[data-astro-cid-rinh55hk]{display:flex;align-items:baseline;gap:6px;margin-bottom:6px}.player-tooltip-num[data-astro-cid-rinh55hk]{font-size:11px;font-weight:800;color:#60a5fa;text-transform:uppercase;letter-spacing:.1em}.player-tooltip-total[data-astro-cid-rinh55hk]{font-size:11px;color:#475569}.player-tooltip-text[data-astro-cid-rinh55hk]{font-size:15px;font-weight:500;color:#f1f5f9;line-height:1.5;margin-bottom:14px;min-height:44px;transition:opacity .2s}.player-tooltip-footer[data-astro-cid-rinh55hk]{display:flex;align-items:center;justify-content:space-between;gap:16px}.player-dots-row[data-astro-cid-rinh55hk]{display:flex;align-items:center;gap:5px;flex-wrap:wrap;flex:1}.player-dot-btn[data-astro-cid-rinh55hk]{width:8px;height:8px;border-radius:50%;background:#334155;border:none;cursor:pointer;padding:0;transition:background .2s,transform .2s,width .2s;flex-shrink:0}.player-dot-btn[data-astro-cid-rinh55hk].active{background:#60a5fa;width:20px;border-radius:4px}.player-dot-btn[data-astro-cid-rinh55hk]:hover:not(.active){background:#475569}.player-nav[data-astro-cid-rinh55hk]{display:flex;gap:6px;flex-shrink:0}.player-nav-btn[data-astro-cid-rinh55hk]{width:32px;height:32px;border-radius:8px;border:1px solid #334155;background:transparent;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s,border-color .15s}.player-nav-btn[data-astro-cid-rinh55hk]:hover{background:#1e293b;color:#fff;border-color:#475569}.player-nav-primary[data-astro-cid-rinh55hk]{background:#1a56db;border-color:#1a56db;color:#fff}.player-nav-primary[data-astro-cid-rinh55hk]:hover{background:#1344b4;border-color:#1344b4;color:#fff}.player-autoplay-bar[data-astro-cid-rinh55hk]{height:2px;background:#1e293b;overflow:hidden}.player-autoplay-fill[data-astro-cid-rinh55hk]{height:100%;background:#3b82f6;width:0%;transition:width linear}.player-cta-row[data-astro-cid-rinh55hk]{display:flex;align-items:center;gap:20px;margin-top:20px;flex-wrap:wrap}.btn-use-template[data-astro-cid-rinh55hk]{display:inline-flex;align-items:center;gap:8px;background:var(--primary);color:#fff;border:none;padding:0 24px;height:48px;border-radius:var(--r-btn);font-size:15px;font-weight:600;cursor:pointer;transition:background .2s,transform .15s,box-shadow .2s;font-family:var(--font-body);white-space:nowrap}.btn-use-template[data-astro-cid-rinh55hk]:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 20px #1a56db59}.btn-use-template[data-astro-cid-rinh55hk]:active{transform:translateY(0)}.btn-use-template-sm[data-astro-cid-rinh55hk]{height:44px;font-size:14px;padding:0 20px}.player-cta-note[data-astro-cid-rinh55hk]{display:flex;align-items:center;gap:5px;font-size:13px;color:var(--text-muted)}.tpl-steps-list[data-astro-cid-rinh55hk]{display:flex;flex-direction:column;gap:10px;margin-top:20px}.tpl-step[data-astro-cid-rinh55hk]{display:flex;align-items:center;gap:16px;padding:14px 18px;background:var(--bg-alt);border:1px solid var(--border);border-radius:12px;transition:border-color .2s,box-shadow .2s;cursor:default}.tpl-step[data-astro-cid-rinh55hk]:hover{border-color:#1a56db40;box-shadow:0 2px 12px #1a56db0f}.tpl-step-num[data-astro-cid-rinh55hk]{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.tpl-step-text[data-astro-cid-rinh55hk]{font-size:15px;color:var(--text-primary);font-weight:500;flex:1}.tpl-step-copy[data-astro-cid-rinh55hk]{color:var(--text-muted);opacity:0;flex-shrink:0;transition:opacity .15s;cursor:pointer}.tpl-step[data-astro-cid-rinh55hk]:hover .tpl-step-copy[data-astro-cid-rinh55hk]{opacity:1}.tpl-how-block[data-astro-cid-rinh55hk]{background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--r-card);padding:28px 32px;margin-top:20px}.tpl-how-steps[data-astro-cid-rinh55hk]{display:flex;flex-direction:column;gap:20px;margin-bottom:28px}.tpl-how-step[data-astro-cid-rinh55hk]{display:flex;align-items:flex-start;gap:16px}.tpl-how-num[data-astro-cid-rinh55hk]{width:32px;height:32px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.tpl-how-title[data-astro-cid-rinh55hk]{font-weight:600;font-size:16px;color:var(--text-primary);margin-bottom:4px}.tpl-how-desc[data-astro-cid-rinh55hk]{font-size:14px;color:var(--text-secondary);margin:0;line-height:1.5}.how-to-cta[data-astro-cid-rinh55hk]{display:flex;align-items:center;gap:20px;padding-top:20px;border-top:1px solid var(--border);flex-wrap:wrap}.how-to-note[data-astro-cid-rinh55hk]{font-size:12px;color:var(--text-muted)}.related-tpl-grid[data-astro-cid-rinh55hk]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}.related-tpl-card[data-astro-cid-rinh55hk]{background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--r-card);text-decoration:none;display:block;transition:box-shadow .2s,transform .2s;overflow:hidden}.related-tpl-card[data-astro-cid-rinh55hk]:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.related-tpl-thumb[data-astro-cid-rinh55hk]{height:72px;display:flex;align-items:center;justify-content:center}.related-tpl-body[data-astro-cid-rinh55hk]{padding:14px 16px}.tpl-badge[data-astro-cid-rinh55hk]{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 10px;border-radius:100px;margin-bottom:8px}.related-tpl-title[data-astro-cid-rinh55hk]{font-weight:600;font-size:14px;color:var(--text-primary);margin-bottom:6px;line-height:1.35}.related-tpl-steps[data-astro-cid-rinh55hk]{font-size:12px;color:var(--text-muted)}.tpl-sidebar[data-astro-cid-rinh55hk]{position:sticky;top:88px;display:flex;flex-direction:column;gap:20px;text-align:left}.sidebar-cta[data-astro-cid-rinh55hk]{background:#0f172a;border-radius:16px;padding:24px;color:#fff}.sidebar-cta-label[data-astro-cid-rinh55hk]{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#60a5fa;margin-bottom:8px}.sidebar-cta-title[data-astro-cid-rinh55hk]{font-family:var(--font-heading);font-size:17px;font-weight:700;line-height:1.3;color:#fff;margin-bottom:12px}.sidebar-usage[data-astro-cid-rinh55hk]{display:flex;align-items:center;gap:6px;font-size:12px;color:#64748b;margin-bottom:16px}.sidebar-usage[data-astro-cid-rinh55hk] svg[data-astro-cid-rinh55hk]{color:#475569}.tpl-usage-count[data-astro-cid-rinh55hk]{font-weight:700;color:#94a3b8}.sidebar-cta-btn[data-astro-cid-rinh55hk]{display:block;background:var(--primary);color:#fff;text-align:center;padding:12px 16px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;border:none;font-family:var(--font-body);width:100%;transition:background .2s,transform .15s;margin-bottom:10px}.sidebar-cta-btn[data-astro-cid-rinh55hk]:hover{background:var(--primary-hover);transform:translateY(-1px)}.sidebar-cta-note[data-astro-cid-rinh55hk]{text-align:center;font-size:11px;color:#475569;margin-bottom:16px;display:block}.sidebar-meta[data-astro-cid-rinh55hk]{border-top:1px solid rgba(255,255,255,.07);padding-top:14px;display:flex;flex-direction:column;gap:8px}.sidebar-meta-row[data-astro-cid-rinh55hk]{display:flex;align-items:center;gap:8px;font-size:12px;color:#64748b}.sidebar-meta-row[data-astro-cid-rinh55hk] svg[data-astro-cid-rinh55hk]{color:#475569;flex-shrink:0}.sidebar-toc[data-astro-cid-rinh55hk]{background:var(--bg-alt);border:1px solid var(--border);border-radius:14px;padding:18px 20px;text-align:left}.toc-heading[data-astro-cid-rinh55hk]{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:12px;text-align:left}.toc-nav[data-astro-cid-rinh55hk]{display:flex;flex-direction:column;align-items:stretch;gap:2px;text-align:left}.toc-link[data-astro-cid-rinh55hk]{display:block;width:100%;padding:6px 8px;text-align:left;border-radius:6px;font-size:13px;color:var(--text-secondary);text-decoration:none;line-height:1.45;transition:color .15s,background .15s;border-left:2px solid transparent}.toc-link[data-astro-cid-rinh55hk]:hover{color:var(--primary);background:#1a56db0d}.toc-link[data-astro-cid-rinh55hk].active{color:var(--primary);border-left-color:var(--primary);background:#1a56db0f;font-weight:500}.tpl-prefooter-cta[data-astro-cid-rinh55hk]{background:#0f172a;padding:80px 24px;position:relative;overflow:hidden}.tpl-prefooter-cta[data-astro-cid-rinh55hk]:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,#3B82F6 1px,transparent 1px);background-size:32px 32px;opacity:.04;pointer-events:none}.tpl-prefooter-cta[data-astro-cid-rinh55hk]:after{content:"";position:absolute;top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(26,86,219,.18) 0%,transparent 70%);pointer-events:none}.bpfc-inner[data-astro-cid-rinh55hk]{position:relative;z-index:1;max-width:1120px;margin:0 auto;display:grid;grid-template-columns:1fr auto;gap:64px;align-items:center}.bpfc-label[data-astro-cid-rinh55hk]{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#60a5fa;margin-bottom:16px}.bpfc-h2[data-astro-cid-rinh55hk]{font-size:38px;font-weight:700;line-height:1.18;color:#fff;margin-bottom:20px}.bpfc-sub[data-astro-cid-rinh55hk]{font-size:16px;color:#94a3b8;line-height:1.65;max-width:520px;margin-bottom:32px}.bpfc-btns[data-astro-cid-rinh55hk]{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:16px}.bpfc-btn-primary[data-astro-cid-rinh55hk]{display:inline-flex;align-items:center;background:var(--primary);color:#fff;border:none;padding:0 28px;height:52px;border-radius:var(--r-btn);font-size:16px;font-weight:600;cursor:pointer;transition:background .2s,transform .15s,box-shadow .2s;white-space:nowrap;font-family:var(--font-body)}.bpfc-btn-primary[data-astro-cid-rinh55hk]:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 20px #1a56db66}.bpfc-btn-ghost[data-astro-cid-rinh55hk]{font-size:15px;font-weight:500;color:#94a3b8;text-decoration:none;transition:color .15s;white-space:nowrap}.bpfc-btn-ghost[data-astro-cid-rinh55hk]:hover{color:#fff}.bpfc-note[data-astro-cid-rinh55hk]{font-size:12px;color:#475569}.bpfc-stats[data-astro-cid-rinh55hk]{display:flex;flex-direction:column;gap:28px;flex-shrink:0}.bpfc-stat-num[data-astro-cid-rinh55hk]{font-family:var(--font-heading);font-size:36px;font-weight:700;color:#fff;line-height:1;margin-bottom:4px}.bpfc-stat-lbl[data-astro-cid-rinh55hk]{font-size:13px;color:#64748b}@media (max-width: 1060px){.tpl-layout[data-astro-cid-rinh55hk]{grid-template-columns:1fr}.tpl-sidebar[data-astro-cid-rinh55hk]{display:none}.mobile-toc[data-astro-cid-rinh55hk]{display:block}.tpl-main[data-astro-cid-rinh55hk]{max-width:100%}.bpfc-inner[data-astro-cid-rinh55hk]{grid-template-columns:1fr;gap:40px}.bpfc-stats[data-astro-cid-rinh55hk]{flex-direction:row;gap:32px}.bpfc-h2[data-astro-cid-rinh55hk]{font-size:30px}}@media (max-width: 640px){.tpl-h1[data-astro-cid-rinh55hk]{font-size:30px}.related-tpl-grid[data-astro-cid-rinh55hk]{grid-template-columns:1fr}.bpfc-stats[data-astro-cid-rinh55hk]{flex-wrap:wrap;gap:20px}.bpfc-stat-num[data-astro-cid-rinh55hk]{font-size:28px}.tpl-how-block[data-astro-cid-rinh55hk]{padding:20px}.player-cta-row[data-astro-cid-rinh55hk]{flex-direction:column;align-items:flex-start}}