.template-container{width:100%;min-height:100vh}.template-back-section{max-width:48rem;margin:0 auto;padding:8rem 1rem 1.5rem}@media (min-width:640px){.template-back-section{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.template-back-section{padding-left:0;padding-right:0}}.template-content-wrapper{max-width:48rem;margin:0 auto;padding:0 1rem 6rem}@media (min-width:640px){.template-content-wrapper{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.template-content-wrapper{padding-left:0;padding-right:0}}.template-article{flex:1;min-width:0}.template-title{font-size:1.875rem;font-weight:700;margin-bottom:.5rem}@media (min-width:768px){.template-title{font-size:2.25rem}}.template-description{font-size:1rem;color:rgb(156 163 175);margin-bottom:1.5rem}.template-image-container{margin-bottom:1.5rem;border-radius:.5rem;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.template-image{width:100%;height:auto}.template-sidebar{flex-shrink:0;display:flex;flex-direction:column;gap:1.5rem}@media (min-width:1024px){.template-sidebar{width:16rem}}.template-sidebar-section{margin-bottom:1.5rem}.template-sidebar-title{font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.template-github-link{display:inline-flex;align-items:center;gap:.5rem;color:rgb(96 165 250);word-break:break-all;transition:color .2s}.template-github-link:hover{color:rgb(147 197 253)}.template-use-cases{display:flex;flex-wrap:wrap;gap:.5rem}.template-use-case-badge{padding:.375rem .75rem;border-radius:.375rem;background-color:rgba(37,99,235,.2);font-size:.875rem;color:rgb(96 165 250);border:1px solid rgba(37,99,235,.3)}.template-settings{display:flex;flex-direction:column;gap:.5rem;font-size:.875rem}.template-setting-row{display:flex;justify-content:space-between;gap:1rem}.template-setting-label{color:rgb(156 163 175)}.template-setting-value{color:white;font-family:ui-monospace,monospace}.template-related-section{max-width:48rem;margin:0 auto;padding:2rem 1rem 6rem;border-top:1px solid rgba(255,255,255,.1)}@media (min-width:640px){.template-related-section{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.template-related-section{padding-left:0;padding-right:0}}.template-related-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem}.template-related-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width:768px){.template-related-grid{grid-template-columns:repeat(3,1fr)}}.template-related-card{display:block;border:2px solid rgba(255,255,255,.15);border-radius:1rem;padding:1rem;transition:all .3s}.template-related-card:hover{border-color:rgba(249,115,22,.7);box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.template-related-image{width:100%;aspect-ratio:16/9;border-radius:.5rem;overflow:hidden;background-color:white;border:1px solid rgba(255,255,255,.1)}.prose.prose-invert h2,.prose.prose-sm h2{margin-top:2.5rem;margin-bottom:.5rem}.prose.prose-invert h3,.prose.prose-sm h3{margin-top:2rem;margin-bottom:.5rem}.prose.prose-invert h2:first-child,.prose.prose-invert h3:first-child,.prose.prose-sm h2:first-child,.prose.prose-sm h3:first-child{margin-top:0}.prose code{font-size:.875rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.prose pre{font-size:.875rem;padding:1rem;border-radius:.5rem;overflow-x:auto;background-color:#1d1f21;border:1px solid rgba(255,255,255,.1)}.prose pre code{background-color:transparent;padding:0;font-size:.875rem;color:inherit}.prose :not(pre)>code{background-color:rgba(255,255,255,.1);padding:.125rem .375rem;border-radius:.25rem;font-size:.875rem;color:rgb(96 165 250)}