@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600;700&display=swap";
*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;height:100vh;overflow:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}a{color:inherit;text-decoration:none}body:not(.template-page){overflow:auto}.page{background:var(--bg-primary);flex-direction:column;height:100vh;padding-top:74px;display:flex;overflow:hidden}.container{max-width:1200px;margin:0 auto;padding:5rem 2rem}.submit-template-btn{background:var(--brand-primary);color:#0b0f12;border:1px solid var(--brand-primary);cursor:pointer;border-radius:8px;padding:.5rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s}.submit-template-btn:hover{background:var(--brand-hover);border-color:var(--brand-hover);transform:translateY(-1px)}.template-header{border-bottom:1px solid var(--border-primary);flex-shrink:0;padding:2rem}.back-link{color:var(--brand-primary);align-items:center;font-weight:500;transition:color .2s;display:inline-flex}.back-link:hover{color:var(--brand-hover)}.template-layout{border-top:1px solid var(--border-primary);flex:1;display:flex;overflow:hidden}.template-code-section{background:var(--bg-secondary);border-right:1px solid var(--border-primary);flex-direction:column;flex:1;display:flex;overflow:hidden}.code-sections{flex:1;padding:1.5rem;overflow:auto}.code-section{margin-bottom:2rem}.code-section:last-child{margin-bottom:0}.section-title{color:var(--text-primary);border-bottom:2px solid var(--brand-primary);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.25rem;font-weight:600;display:inline-block}.template-info-section{background:var(--bg-primary);border-left:1px solid var(--border-primary);flex-shrink:0;width:500px;padding:2rem;overflow-y:auto}.template-info{max-width:100%}.template-info h1{color:var(--text-primary);margin-bottom:1.5rem;font-size:2rem;font-weight:700}.template-author{border-bottom:1px solid var(--border-primary);margin-bottom:2rem;padding-bottom:1.5rem}.author-label{color:var(--text-muted);margin-bottom:.5rem;font-size:.875rem;display:block}.author-name{color:var(--brand-primary);font-size:1.1rem;font-weight:600}.template-description{margin-bottom:2rem}.template-description p{color:var(--text-secondary);margin-bottom:1rem;line-height:1.6}.template-meta{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;padding:1.5rem}.meta-item{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.meta-item:last-child{margin-bottom:0}.meta-label{color:var(--text-muted);font-size:.875rem}.meta-value{color:var(--text-primary);font-weight:500}.code-block{background:var(--code-bg);border:1px solid var(--code-border);border-radius:8px;padding:1.5rem;position:relative;overflow-x:auto}.code-block:before{content:"";background:var(--gradient-primary);border-radius:8px 8px 0 0;height:2px;position:absolute;top:0;left:0;right:0}.code-block pre{color:var(--code-text);letter-spacing:.025em;margin:0;font-family:JetBrains Mono,Fira Code,Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;font-weight:400;line-height:1.6}.code-block code{color:inherit;background:0 0;border-radius:0;padding:0;font-weight:400}.documentation{background:var(--bg-accent);border:1px solid var(--card-border);border-radius:8px;margin-top:1rem;padding:1.5rem}.documentation h1,.documentation h2,.documentation h3{color:var(--text-primary);margin:1.5rem 0 .5rem}.documentation h1:first-child,.documentation h2:first-child,.documentation h3:first-child{margin-top:0}.documentation p{color:var(--text-secondary);margin:.5rem 0;line-height:1.6}.documentation code{background:var(--code-bg);color:var(--brand-primary);border:1px solid var(--code-border);letter-spacing:.025em;border-radius:4px;padding:.125rem .25rem;font-family:JetBrains Mono,Fira Code,Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;font-weight:400}.documentation ul{margin:.5rem 0;padding-left:1.5rem}.documentation li{color:var(--text-secondary);margin:.25rem 0;line-height:1.6}.toggle-btn{color:var(--brand-primary);cursor:pointer;background:0 0;border:none;margin-left:.25rem;font-size:.875rem;font-weight:500;text-decoration:underline;transition:color .2s}.toggle-btn:hover{color:var(--brand-hover)}.hide-on-mobile{display:initial}@media (max-width:768px){.hide-on-mobile{display:none!important}.container{padding:.5rem 1rem}.submit-template-btn{align-self:flex-end}.template-layout{flex-direction:column}.template-code-section{border-right:none;border-bottom:1px solid var(--border-primary);min-height:400px;margin-right:0}.template-info-section{border-left:none;border-top:1px solid var(--border-primary);width:100%;padding:1.5rem}.template-info h1{font-size:1.5rem}.code-block{padding:1rem}.code-block pre{font-size:.75rem}}