.template-card{display:flex;flex-direction:column;min-width:0}.template-card-media{width:100%;height:230px;background:#f1f3ed;display:flex;align-items:center;justify-content:center;flex-shrink:0}.template-card-media>img,.template-card-media>svg{display:block;width:100%;height:100%;object-fit:contain}.template-card-body{padding:18px;text-align:left;width:100%;flex:1;display:flex;flex-direction:column;align-items:flex-start}.template-card-body small{margin-top:auto;overflow-wrap:anywhere}.template-badge.template-badge-style{background:#edf1e9;color:#596c60}.template-card-body h3{margin:12px 0 8px}.template-badge{display:inline-block;padding:3px 9px;background:#355c47;color:white;border-radius:20px;font-size:11px;margin-right:6px}.template-ai{display:block;font-size:12px;color:#596c60;margin-top:7px;overflow-wrap:anywhere}.template-detail-dialog{width:min(900px,96vw)}.template-representatives{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:18px 0}.template-representatives img{width:min(100%,560px);max-height:560px;object-fit:contain;scroll-snap-align:start;flex-shrink:0;background:#f2f4ef;border-radius:10px}.template-month-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.template-month{background:white;border:1px solid #dde4d9;border-radius:8px;padding:8px}.template-month img{display:block;width:100%;height:160px;object-fit:contain}.template-month-large{width:100%;max-height:65vh;object-fit:contain}.template-prompt{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;background:#f1f3ee;padding:18px;border-radius:8px}.template-create{display:flex;gap:16px;align-items:end}.template-create label{flex:1;display:grid;gap:8px}.template-create input{width:100%}.template-admin-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.template-admin-item{text-align:left;display:flex;flex-direction:column;gap:8px;overflow-wrap:anywhere}.template-admin-item>span{font-size:12px}.template-rep-editor{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.template-rep-editor img{width:100%;height:140px;object-fit:contain;background:#f1f3ee}.template-rep-editor .button-row{gap:5px;flex-wrap:wrap}.template-rep-editor button{font-size:11px;padding:6px}.template-edit-months details{border:1px solid #dde4d9;border-radius:10px;margin:10px 0;overflow:hidden}.template-edit-months summary{padding:16px;cursor:pointer;font-weight:bold;background:#f0f4ed}.template-edit-months summary span{float:right;font-size:11px;font-weight:normal}.template-month-fields{padding:18px;display:grid;gap:12px}.template-month-fields>img{max-width:100%;max-height:300px;object-fit:contain;justify-self:center}.template-month-fields label{display:grid;gap:8px}.template-save-bar{position:sticky;bottom:0;display:flex;align-items:center;gap:16px;background:#fafbf8;padding:16px 0;border-top:1px solid #dbe2d5;z-index:2}.template-save-bar small{color:#65745f}#templateSaveState{font-size:12px;color:#65745f}#templateForm h3 small{font-size:12px;font-weight:normal}#templateEditor{scroll-margin-top:80px}#templateForm .checkbox{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px}#templateForm .checkbox input{width:auto}
@media(max-width:650px){.template-card-media{height:150px}.template-card-body{padding:12px}.template-card-body h3{font-size:15px}.template-month-grid,.template-admin-list,.template-rep-editor{grid-template-columns:repeat(2,minmax(0,1fr))}.template-month img{height:130px}.template-create,.template-save-bar{flex-direction:column;align-items:stretch}.template-create label{width:100%}.template-edit-months summary{padding:12px}.template-month-fields{padding:12px}.template-detail-dialog h2{font-size:20px}.template-save-bar{gap:8px}}
@media(max-width:650px){[data-panel="gallery"] .section-head{flex-direction:column;gap:10px}[data-panel="gallery"] .section-head h2{word-break:keep-all}[data-panel="gallery"] .section-head>div{width:100%}}