@media screen{.template-family{margin-bottom:30px}.template-family>h2{font-size:21px;margin:18px 0}.template-family .card h3{font-size:17px;line-height:1.6}.template-family .card p{font-size:12px;line-height:1.8}.source-step-list{display:flex;overflow-x:auto;gap:7px;padding:10px 0 15px;margin-bottom:12px;scrollbar-width:thin}.source-step-list button{white-space:nowrap;flex-shrink:0;padding:10px 14px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);font:inherit;font-size:12px;cursor:pointer}.source-step-list button.active{background:#ddf7ac;border-color:#bed995;color:#29402d}.source-settings{margin:20px 0;padding:15px;border:1px solid var(--line);border-radius:9px}.source-settings summary{cursor:pointer}.source-settings .fields{margin-top:15px}.source-editor .formpanel>h2{font-size:20px;line-height:1.8}.source-editor textarea{min-height:230px}.source-editor .fields label:has(textarea){grid-column:1/-1}.source-editor .viewbar>span{font-size:11px}.source-editor .paper-editor-grid{align-items:start}}
.source-body-text{white-space:pre-wrap}.source-sketch{min-height:130px;text-align:center;border:1px solid #444;padding:18px}
@media print{.source-step-list,.source-settings{display:none!important}}
@media screen{
#template-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:18px;row-gap:25px;align-items:stretch}
#template-groups .template-family{min-width:0;margin-bottom:0;display:flex;flex-direction:column}
#template-groups .template-family>h2{margin:0 0 15px;font-size:19px;line-height:1.6}
#template-groups .template-multiple{grid-column:1/-1}
#template-groups .template-single .cardgrid{grid-template-columns:minmax(0,1fr);flex:1}
#template-groups .template-single .card{height:100%;display:flex;flex-direction:column}
#template-groups .template-single .card>.btn{align-self:flex-start;margin-top:auto}
@media(max-width:1100px){#template-groups{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){#template-groups{grid-template-columns:minmax(0,1fr);gap:20px}}
}
@media screen{
#template-groups .template-family{padding:18px;border:1px solid hsl(var(--family-hue) 32% 82%);border-top:4px solid hsl(var(--family-hue) 40% 43%);border-radius:14px;background:hsl(var(--family-hue) 43% 94%)}
#template-groups .template-family>h2{display:flex;align-items:center;gap:9px;color:hsl(var(--family-hue) 39% 25%)}
#template-groups .template-family>h2:before{content:'';width:9px;height:9px;border-radius:50%;flex-shrink:0;background:hsl(var(--family-hue) 45% 40%)}
#template-groups .template-family .card{border-color:hsl(var(--family-hue) 22% 85%);box-shadow:0 2px 7px #18302304}
#template-groups .template-family .pill{align-self:flex-start;background:hsl(var(--family-hue) 40% 90%);color:hsl(var(--family-hue) 38% 28%)}
html[data-theme=dark] #template-groups .template-family{background:hsl(var(--family-hue) 22% 15%);border-color:hsl(var(--family-hue) 27% 32%)}
html[data-theme=dark] #template-groups .template-family>h2{color:hsl(var(--family-hue) 48% 80%)}
html[data-theme=dark] #template-groups .template-family .card{background:hsl(var(--family-hue) 18% 12%);border-color:hsl(var(--family-hue) 20% 28%)}
html[data-theme=dark] #template-groups .template-family .pill{background:hsl(var(--family-hue) 30% 24%);color:hsl(var(--family-hue) 55% 84%)}
@media(max-width:700px){#template-groups .template-family{padding:14px}}
}