.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:var(--copy-secondary);margin-bottom:1.5rem}.template-image-container{margin-bottom:1.5rem;border-radius:.5rem;overflow:hidden;border:1px solid var(--line)}.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:var(--pumpkin-500);word-break:break-all;transition:color .2s}.template-github-link:hover{color:var(--pumpkin-600)}.template-use-cases{display:flex;flex-wrap:wrap;gap:.5rem}.template-use-case-badge{padding:.375rem .75rem;border-radius:.375rem;background-color:var(--surface-2);font-size:.875rem;color:var(--copy-strong);border:1px solid var(--line)}.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:var(--copy-muted)}.template-setting-value{color:var(--copy-strong);font-family:ui-monospace,monospace}.template-related-section{max-width:48rem;margin:0 auto;padding:2rem 1rem 6rem;border-top:1px solid var(--line)}@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:1px solid var(--line-strong);border-radius:1rem;padding:1rem;transition:all .3s}.template-related-card:hover{border-color:var(--pumpkin-500);box-shadow:0 25px 50px -12px rgba(30,25,21,.14)}.template-related-image{width:100%;aspect-ratio:16/9;border-radius:.5rem;overflow:hidden;background-color:var(--surface-0);border:1px solid var(--line)}.prose.prose-invert h2,.prose.prose-sm h2{margin-top:2.5rem;margin-bottom:.75rem}.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:var(--surface-0);border:1px solid var(--line)}.prose pre code{background-color:initial;padding:0;font-size:.875rem;color:inherit}.prose :not(pre)>code{background-color:var(--surface-2);padding:.125rem .375rem;border-radius:.25rem;font-size:.875rem;color:var(--copy-strong)}:where(.dark) .template-description{color:rgb(156 163 175)}:where(.dark) .template-image-container{border:1px solid rgba(255,255,255,.1)}:where(.dark) .template-github-link{color:rgb(96 165 250)}:where(.dark) .template-github-link:hover{color:rgb(147 197 253)}:where(.dark) .template-use-case-badge{background-color:rgba(37,99,235,.2);color:rgb(96 165 250);border:1px solid rgba(37,99,235,.3)}:where(.dark) .template-setting-label{color:rgb(156 163 175)}:where(.dark) .template-setting-value{color:white}:where(.dark) .template-related-section{border-top:1px solid rgba(255,255,255,.1)}:where(.dark) .template-related-card{border:2px solid rgba(255,255,255,.15)}:where(.dark) .template-related-card:hover{border-color:rgba(249,115,22,.7);box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}:where(.dark) .template-related-image{background-color:white;border:1px solid rgba(255,255,255,.1)}:where(.dark) .prose pre{background-color:#1d1f21;border:1px solid rgba(255,255,255,.1)}:where(.dark) .prose :not(pre)>code{background-color:rgba(255,255,255,.1);color:rgb(96 165 250)}