.tpl-bar{--primary:var(--tpl-bar-accent);--primary-hi:var(--tpl-bar-accent-hi);--on-primary:var(--tpl-bar-on-accent);--primary-text:var(--tpl-bar-accent);--primary-muted:var(--tpl-bar-accent-soft);--border:var(--tpl-bar-accent-edge);--border-subtle:var(--tpl-bar-subtle);--outline-hover-bg:var(--tpl-bar-accent-hover);--text:var(--tpl-bar-ink-strong);--text-secondary:var(--tpl-bar-ink-2);--text-th:var(--tpl-bar-ink-3);--card:var(--tpl-bar-bg);--surface:var(--tpl-bar-surface);--scrim:var(--tpl-bar-scrim);--focus-ring:2px solid var(--tpl-bar-accent);position:sticky;top:0;z-index:70;display:flex;align-items:center;gap:8px;box-sizing:border-box;height:49px;padding:0 16px;background:var(--tpl-bar-bg);border-bottom:1px solid var(--tpl-bar-line);color:var(--tpl-bar-ink);font:400 14px -apple-system,BlinkMacSystemFont,Inter,sans-serif}.tpl-bar .seg>button,.tpl-bar-brand{align-items:center;justify-content:center}.tpl-bar-brand,.tpl-bar-home{flex:none;text-decoration:none}.tpl-bar-brand{display:flex;width:32px;height:32px;border-radius:8px;background:var(--tpl-bar-accent);color:var(--tpl-bar-on-accent);font:700 18px/1 var(--font-display)}.tpl-bar-home{margin-right:4px;color:var(--tpl-bar-ink-strong);font:700 15px/1 var(--font-display)}.tpl-bar-menu{min-width:0}.tpl-bar .tpl-bar-switch{max-width:230px;min-width:0}.tpl-bar-cur{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width:481px){.tpl-bar .menu{left:0;right:auto}}.tpl-bar .icon-btn.tpl-bar-nav,.tpl-bar .icon-btn.tpl-bar-nav svg{color:var(--tpl-bar-ink)}.tpl-bar .seg>button{display:inline-flex;gap:6px}.tpl-bar .seg>button svg{width:16px;height:16px;flex:none}.tpl-bar-acts{display:flex;align-items:center;gap:8px;margin-left:auto;flex:none}.tpl-bar .btn.btn-s{white-space:nowrap}.tpl-bar .tpl-bar-hints[aria-pressed=true]{background:var(--primary-muted)}.tpl-bar-short,.tpl-menu-src{display:none}.tpl-menu-gap{flex:none;width:var(--icon-glyph-s)}.tpl-menu-tag{margin-left:auto;color:var(--text-secondary);font-size:.75rem}@media (max-width:1099px){.tpl-bar-home{display:none}.tpl-bar .tpl-bar-src{width:var(--ctl-h-s);padding:0}.tpl-bar .tpl-bar-src>:not(svg){display:none}}@media (max-width:899px){.tpl-bar .seg>button .tpl-bar-lbl{display:none}}@media (max-width:480px){.tpl-bar{gap:4px;padding:0 8px}.tpl-bar-acts{gap:4px}.tpl-bar .tpl-bar-hints,.tpl-bar .tpl-bar-switch{width:var(--ctl-h-s);padding:0}.tpl-bar .tpl-bar-switch>:not(svg:first-child){display:none}.tpl-bar .seg>button{min-width:var(--ctl-h-s);padding:0}.tpl-bar .tpl-bar-hints .tpl-bar-lbl,.tpl-bar .tpl-bar-src,.tpl-bar-long{display:none}.tpl-bar-short{display:inline}.tpl-bar .tpl-menu-src{display:flex}}.tpl-page{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"top""app""rail""ai";gap:1rem;max-width:1440px;margin:0 auto;padding:1rem;box-sizing:border-box}.tpl-hints-top{grid-area:top}.tpl-app{grid-area:app}.tpl-rail{grid-area:rail}.tpl-ai{grid-area:ai}.tpl-hints-top,.tpl-rail{display:flex;flex-direction:column;gap:.75rem;min-width:0}.tpl-rail-head{display:flex;align-items:center;gap:.4rem;margin:0;font:600 .75rem/1.3 Inter,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary)}.tpl-rail-head svg{width:14px;height:14px;color:var(--accent-blue-text)}.tpl-app{position:relative;min-width:0;border:1px solid var(--border-subtle);border-radius:var(--radius);overflow:hidden;background:var(--publication-canvas)}.tpl-app>iframe{display:block;width:100%;height:640px;border:0}@media (min-width:1000px){.tpl-page:not(.is-plain){grid-template-columns:minmax(0,1fr) 380px;grid-template-areas:"app top""app rail""app ai";grid-template-rows:auto auto 1fr;align-items:start}.tpl-page:not(.is-plain)>.tpl-app{position:sticky;top:calc(49px + 1rem)}.tpl-page:not(.is-plain)>.tpl-app>iframe{height:min(calc(100vh - 49px - 2rem - 2px),860px)}}.tpl-page.is-plain{display:block;max-width:none;padding:0}.tpl-page.is-plain>.tpl-app{border:0;border-radius:0}.tpl-page.is-plain>.tpl-app>iframe{height:min(calc(100vh - 49px),1000px)}.tpl-gear-corner{display:flex;align-items:flex-end;justify-content:flex-end;min-height:calc(var(--icon-box-s)*2);padding:.5rem;border-radius:var(--radius-sm);background:var(--surface)}.tpl-gear{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--icon-box-s);height:var(--icon-box-s);border:1px solid var(--tpl-bar-accent-edge);border-radius:var(--radius-pill);background:var(--tpl-bar-bg);color:var(--tpl-bar-accent)}.tpl-gear svg{width:var(--icon-glyph-s);height:var(--icon-glyph-s)}.tpl-ai{min-width:0}.tpl-ai .tpl-ai-body{padding:0 1.25rem 1rem;font-size:.875rem;line-height:1.55;color:var(--text-secondary)}.tpl-ai .tpl-ai-body ol,.tpl-ai .tpl-ai-body p{margin:0 0 .6rem}.tpl-ai .tpl-ai-body code{overflow-wrap:anywhere}.tpl-result{display:flex;flex-direction:column;gap:.75rem;min-width:0}.tpl-result>*,.tpl-section-head h2,.tpl-way p{margin:0}.tpl-video-btn:not(.is-ready),.tpl-video-len.is-blank{visibility:hidden}.tpl-video-len{font-variant-numeric:tabular-nums}.tpl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:var(--gallery-gap);margin:1rem 0 0}.tpl-grid>.gallery-card{display:flex}.tpl-grid>.gallery-card>.thumb,.tpl-lead>.gallery-card>.thumb{aspect-ratio:var(--thumb-ratio);border:0;border-bottom:1px solid var(--thumb-edge);border-radius:0}.tpl-grid .gallery-card-link,.tpl-lead .gallery-card-link{color:inherit;text-decoration:none}.tpl-lead{margin:1.25rem 0 0}.tpl-lead>.gallery-card{display:flex;border-color:var(--promo-slot-edge);background:var(--promo-slot-bg)}[data-theme=light] .tpl-lead .badge-hop{background:color-mix(in srgb,var(--success-soft) 50%,transparent)}@media (min-width:760px){.tpl-lead>.gallery-card{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr)}.tpl-lead>.gallery-card>.thumb{border-bottom:0;border-right:1px solid var(--thumb-edge)}}.tpl-lead .gallery-card-info{gap:.75rem;padding:1.25rem}.tpl-lead .title{font-size:1.25rem}.tpl-lead .gallery-card-sub{-webkit-line-clamp:4;font-size:.9375rem}.tpl-card-more,.tpl-lead .btn-outline{color:var(--primary-text)}.tpl-card-more{position:relative;z-index:1;font-size:.8125rem}.tpl-section{scroll-margin-top:1rem}.tpl-section-head{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.tpl-way,.tpl-ways{display:flex;flex-direction:column;min-width:0}.tpl-ways{gap:.75rem;margin:.75rem 0 0}.tpl-ways .seg{align-self:flex-start;max-width:100%;overflow-x:auto}.tpl-ways .seg>button{white-space:nowrap}.tpl-way{gap:.6rem}.tpl-way[hidden]{display:none}#learn-more li a,.tpl-way p a{display:inline-block;line-height:var(--target-min)}