.tpl-page{background:#f8f9fb;color:var(--ink);min-height:0}.tpl-page [hidden]{display:none!important}.tpl-shell{padding-bottom:150px}.tpl-shell>.top-flow{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;background:#f8f9fb;border:1px solid var(--line-soft);border-radius:14px;padding:12px 16px;margin-bottom:16px}.tpl-shell .breadcrumb{display:block}.tpl-card{min-height:0;grid-column:auto;grid-row:auto;order:0;padding:24px 28px;margin-bottom:16px;border:1px solid var(--line-soft);border-radius:18px;background:#fff}.tpl-card .composer-head{display:flex;gap:16px;justify-content:space-between;align-items:start;padding:0 0 22px}.tpl-card .composer-title{font-size:26px;font-weight:900;line-height:1.4;white-space:normal}.tpl-page h2{font-size:18px;line-height:1.4;margin:0}.tpl-page h3{font-size:15px;margin:0}.tpl-muted{font-size:13px;color:#626c7a;line-height:1.65}.tpl-page p{line-height:1.7}.tpl-page button{cursor:pointer}.tpl-page button:disabled{opacity:.45;cursor:not-allowed}.tpl-page input,.tpl-page select,.tpl-page textarea{font:inherit;font-size:14px;color:var(--ink);padding:9px 12px;border:1px solid #dfe2e8;border-radius:7px;background:white;min-width:0;max-width:100%}.tpl-page textarea{min-height:140px;resize:vertical;line-height:1.75}.tpl-page :focus-visible{outline:2px solid #12804a;outline-offset:3px}.tpl-guide{display:flex;align-items:center;gap:14px;padding:20px;background:#f1f8f4;border:1px solid #dcece2;border-radius:12px;margin-bottom:24px;flex-wrap:wrap}.tpl-guide>div{flex:1;min-width:220px}.tpl-guide strong{font-size:16px;color:#175b3a}.tpl-guide p{font-size:14px;color:#536f5e;margin:5px 0 0}.tpl-spark{font-size:30px;color:#0d7d44}.tpl-library-toolbar,.tpl-library-sub{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:16px}.tpl-library-sub{justify-content:start;font-size:14px}.tpl-library-sub label{display:flex;align-items:center;gap:8px}.tpl-library-sub #search-reason{color:#137142;font-size:13px}.tpl-tabs{display:flex;gap:5px;flex-wrap:wrap}.tpl-tabs button{font-size:14px;background:transparent;border:0;padding:9px 12px;color:#626c7a;border-radius:7px}.tpl-tabs button[aria-pressed=true]{background:#e5f2e9;color:#0b7040;font-weight:750}.tpl-search{display:flex;align-items:center;border:1px solid #dfe2e8;border-radius:8px;padding-left:12px;gap:6px}.tpl-search input{border:0;width:225px}.tpl-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.tpl-item{border:1px solid #e5e8ec;border-radius:12px;overflow:hidden;background:white;position:relative;transition:border-color .2s,box-shadow .2s}.tpl-item:hover,.tpl-item.recommended{border-color:#88bc9d;box-shadow:0 5px 16px #163c2410}.tpl-item>button.tpl-open{display:block;text-align:left;width:100%;padding:0;border:0;background:transparent;color:inherit}.tpl-thumb{height:165px;background:#f1f4f8;overflow:hidden;padding:16px 28px;position:relative;pointer-events:none}.tpl-thumb.brand,.tpl-thumb.alimtalk{background:#edf0e5}.tpl-thumb.push{background:linear-gradient(140deg,#e5edf4,#f1e9df)}.tpl-thumb-sheet{border:1px solid #e0e5e8;border-radius:7px;background:white;min-height:170px;padding:10px;font-size:9px;overflow:hidden}.tpl-thumb-sheet img{width:100%;height:68px;object-fit:cover;border-radius:4px;margin:6px 0}.tpl-thumb-sheet strong{display:block;color:#1c6c44;font-size:10px}.tpl-thumb-sheet p{font-size:9px;margin:6px 0}.tpl-thumb-sheet i{display:block;width:75%;height:14px;background:#107340;border-radius:3px;margin:9px auto}.tpl-thumb.push .tpl-thumb-sheet{min-height:80px;margin-top:20px;border-radius:12px;background:#ffffffdc}.tpl-item-info{padding:16px}.tpl-item-info h3{font-size:16px;line-height:1.5;margin:10px 0 6px}.tpl-item-info p{font-size:13px;color:#626c7a;margin:0}.tpl-badge{display:inline-flex;align-items:center;font-size:12px;font-weight:750;color:#13683e;background:#eaf5ee;padding:4px 8px;border:1px solid #d3e8dc;border-radius:6px;white-space:nowrap}.tpl-badge.alimtalk,.tpl-badge.brand{color:#655522;background:#fff8df;border-color:#eee1b7}.tpl-badge.push{color:#436499;background:#edf3ff;border-color:#dbe5f6}.tpl-favorite{position:absolute;right:10px;top:10px;border:1px solid #e1e5e9;background:#ffffffeb;border-radius:7px;padding:5px 9px;font-size:18px;color:#657465}.tpl-favorite[aria-pressed=true]{color:#b07812}.tpl-builder-actions{display:flex;align-items:end;gap:8px;flex-wrap:wrap}.tpl-builder-actions label{flex:1;min-width:200px;display:flex;flex-direction:column;gap:7px;font-size:13px;color:#626c7a}.tpl-builder-grid{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:16px}.tpl-builder-grid>.tpl-card{min-width:0}.tpl-editor{padding:22px}.tpl-preview{padding:22px}.tpl-section-title{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.tpl-field{display:flex;flex-direction:column;gap:8px;margin:15px 0;font-size:14px;font-weight:650}.tpl-section-title select{max-width:125px;font-size:13px}.tpl-block-row{display:flex;gap:6px;align-items:center;margin-bottom:6px}.tpl-block-row>button:first-child{flex:1;display:flex;justify-content:space-between;gap:8px;padding:10px;border:1px solid #e3e7ec;border-radius:7px;background:#f9fafc;font-size:14px;text-align:left}.tpl-block-row.selected>button:first-child{background:#edf7f1;border-color:#14804b;color:#09623a}.tpl-block-row>button:not(:first-child){padding:5px;border:0;background:none;font-size:14px;color:#64736b}.tpl-block-row.is-changed{box-shadow:0 0 0 2px #3fbd81;border-radius:8px}.tpl-details{padding:16px 0;border-top:1px solid #e7eaf0;font-size:14px;margin-top:16px}.tpl-details summary{cursor:pointer;font-weight:700}.tpl-variable{padding:10px 0;border-bottom:1px solid #eef0f3;font-size:12px;line-height:1.6}.tpl-variable code{font-size:13px;color:#176b41;display:block}.tpl-version{display:flex;justify-content:space-between;gap:10px;padding:10px 0;font-size:13px}.tpl-preview-customer{display:flex;align-items:center;gap:12px;font-size:14px}.tpl-preview-customer select{flex:1}.tpl-preview-notes{margin:12px 0;color:#626c7a;font-size:13px}.tpl-render{background:#f2f4f7;border:1px solid #e3e7ed;border-radius:12px;padding:16px;overflow:hidden;min-height:260px}.tpl-render.mobile{max-width:350px;margin:auto}.tpl-email{background:#fff;box-shadow:0 2px 6px #162d1d0a;border-radius:6px;overflow:hidden}.tpl-email-header{padding:18px;border-bottom:1px solid #e8ebef;font-size:13px;color:#626c7a}.tpl-email-header strong{display:block;font-size:18px;color:#202824;margin-bottom:5px}.tpl-preview-block{position:relative;padding:14px 20px;border:2px solid transparent;cursor:pointer;transition:border-color .2s;background:#fff}.tpl-preview-block.selected{border-color:#2b9c61;border-radius:6px}.tpl-preview-block.changed{animation:tpl-focus 1.3s ease 2}.tpl-preview-block p{white-space:pre-wrap;font-size:14px;margin:0}.tpl-preview-block img{display:block;width:100%;height:300px;object-fit:contain;background:#eef3ef;border-radius:6px}.tpl-preview-block.image{padding:0;border-radius:0}.tpl-preview-block.footer{font-size:12px;color:#718078;border-top:1px solid #edf0f0}.tpl-cta{display:block;background:#117b43;color:white;text-align:center;border-radius:7px;padding:12px;font-size:14px;font-weight:700}.tpl-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tpl-product-tile{background:#f5f8f5;border:1px solid #e4ebe6;padding:14px 8px;border-radius:8px;font-size:12px}.tpl-product-tile svg{display:block;width:58px;height:44px;margin:auto auto 8px;color:#698b77}.tpl-product-tile strong{display:block;font-size:12px;margin-bottom:4px}.tpl-product-tile small{color:#567464;font-size:11px}.tpl-kakao{background:#dfe7e9;border-radius:12px;max-width:370px;margin:auto;padding:20px 14px}.tpl-kakao>strong{display:block;font-size:14px;margin-bottom:12px}.tpl-kakao-bubble{border-radius:0 12px 12px 12px;overflow:hidden;background:white}.tpl-kakao-label{background:#fae575;padding:12px;font-size:13px;font-weight:750}.tpl-kakao .tpl-preview-block{padding:12px}.tpl-kakao .tpl-preview-block.image{padding:0}.tpl-kakao .tpl-cta{background:#f4f5f5;color:#26332b;border:1px solid #e0e4e1}.tpl-phone{max-width:340px;margin:auto;border-radius:24px;background:linear-gradient(155deg,#688576,#dae1d9);padding:24px 14px 40px;min-height:380px}.tpl-clock{font-size:38px;text-align:center;color:#fff;margin:12px 0 30px}.tpl-push-card{background:#ffffffec;border-radius:14px;padding:14px;overflow:hidden}.tpl-push-card>small{display:block;color:#67736b;font-size:12px;margin-bottom:10px}.tpl-push-card>strong{font-size:16px;display:block;margin-bottom:8px}.tpl-push-card .tpl-preview-block{padding:4px;background:transparent}.tpl-push-card .tpl-preview-block.button{margin-top:8px}.tpl-validation-heading{border-top:1px solid #eceef3;padding-top:20px;margin-top:18px}.tpl-checks{padding:0;list-style:none;font-size:13px}.tpl-checks li{display:flex;gap:8px;padding:8px 0;color:#216d43}.tpl-checks li.warn{color:#946327}.tpl-variants #variant-list{display:flex;gap:10px;flex-wrap:wrap}.tpl-variant{padding:14px;border:1px solid #dce7df;background:#f6faf7;border-radius:8px;text-align:left;font-size:14px;color:#275d3e}.tpl-variant small{display:block;font-size:12px;margin-top:5px}.tpl-tools{padding:20px;color:#626c7a}.tpl-tools pre{font-size:12px;background:#eef2f5;padding:12px;white-space:pre-wrap;overflow-wrap:anywhere}.tpl-progress{display:flex;align-items:center;gap:10px;padding:14px;background:#edf7f1;border:1px solid #c8e3d3;border-radius:8px;margin-top:18px;font-size:14px;color:#126e3d}.tpl-progress button{margin-left:auto}.tpl-spinner{width:16px;height:16px;border:2px solid #bdddc9;border-top-color:#0e8647;border-radius:50%;animation:tpl-spin .8s linear infinite}.tpl-feedback{margin:14px 0 0;background:#f0f6fd;color:#436487;border-radius:8px;padding:10px 14px;font-size:14px}.tpl-dialog{position:absolute;inset:auto 0 auto;margin:0 auto;width:min(720px,calc(100% - 24px));border:1px solid #e1e7e4;border-radius:16px;padding:24px;max-height:80vh;overflow:auto;color:var(--ink);box-shadow:0 16px 64px #142e2229}.tpl-dialog::backdrop{background:#18251f55}.tpl-close{float:right;border:0;border-radius:7px;background:#f3f5f6;width:30px;height:30px;color:#56645b;font-size:22px}.tpl-new-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.tpl-new-options button{padding:20px;text-align:left;background:#f8fbf9;border:1px solid #dce7e1;border-radius:10px}.tpl-new-options strong{display:block;font-size:16px;color:#12653a;margin-bottom:8px}.tpl-new-options small{font-size:13px;color:#626c7a;line-height:1.7}.tpl-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.tpl-compare-grid section{min-width:0;border:1px solid #e1e6eb;border-radius:8px;padding:14px;background:#f8faf9}.tpl-compare-grid pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.7}.tpl-toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#155a38;color:white;border-radius:8px;padding:12px 20px;font-size:14px;display:none;z-index:30}.tpl-toast.visible{display:block}.tpl-recipient-list{display:flex;flex-wrap:wrap;gap:12px;margin:15px 0}.tpl-recipient-list label{display:flex;gap:8px;padding:10px 12px;border:1px solid #dfe8e2;background:#f7fbf8;border-radius:8px;font-size:14px}.tpl-recipient-list input{accent-color:#108047}.tpl-recipient-list small{color:#697a70}
@keyframes tpl-spin{to{transform:rotate(360deg)}}@keyframes tpl-focus{50%{border-color:#2cad6c;background:#effbf4}}@media(min-width:1400px){.tpl-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1150px){.tpl-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tpl-builder-grid{grid-template-columns:minmax(240px,300px) minmax(0,1fr)}}@media(max-width:850px){.tpl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tpl-builder-grid{grid-template-columns:1fr}.tpl-card{padding:20px 16px}.tpl-editor{order:2}.tpl-preview{order:1}.tpl-preview .tpl-render{max-width:580px;margin:auto}.tpl-library-toolbar{align-items:stretch}.tpl-search{width:100%}.tpl-search input{width:100%}.tpl-compare-grid{grid-template-columns:1fr}.tpl-builder-actions>button{flex:1}.tpl-product-grid{gap:5px}}@media(prefers-reduced-motion:reduce){.tpl-preview-block.changed,.tpl-spinner{animation:none}}
/* Channel builder additions: scoped to messaging only. */
.tpl-pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:28px;flex-wrap:wrap}.tpl-pagination>span{margin-right:auto;font-size:13px;color:#65716b}.tpl-pagination [aria-current=page]{background:#107340;color:white;border-color:#107340}.tpl-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tpl-field input[type=color]{width:100%;height:40px;padding:5px;cursor:pointer}.tpl-fixed-copy{padding:12px;background:#fffbe5;font-size:12px;border-radius:8px}.tpl-preview-options{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px}.tpl-preview-options #expand-preview{margin-left:auto}.tpl-mail-inbox{display:flex;flex-direction:column;gap:5px;background:white;padding:18px;border:1px solid #e1e6e3;border-radius:10px 10px 0 0}.tpl-mail-inbox strong{font-size:17px}.tpl-mail-inbox span,.tpl-mail-inbox small{font-size:12px;color:#65706b}.tpl-email-stage{padding:12px;background:#e9eeeb;border-radius:0 0 10px 10px;overflow:auto}.tpl-email-frame{display:block;width:100%;max-width:600px;margin:auto;border:0;background:#fff;min-height:400px}.tpl-email-stage.is-mobile .tpl-email-frame{max-width:375px}.tpl-page #preview-canvas{position:relative;min-height:300px}.tpl-page #preview-canvas.is-generating:after{content:'AI가 콘텐츠를 구성하고 있습니다';position:absolute;inset:52px 0 0;display:flex;align-items:flex-start;justify-content:center;padding:80px 20px;background:linear-gradient(100deg,#f4f7f6 25%,#e5eeea 45%,#f4f7f6 65%);background-size:250% 100%;animation:tpl-shimmer 1.6s ease-in-out infinite;color:#397352;font-size:15px;font-weight:700;border-radius:10px}.tpl-agent-focus{box-shadow:inset 0 0 0 2px #28a36a,0 0 0 3px #28a36a12;border-radius:10px;animation:tpl-stage-glow 1.4s ease-in-out infinite}.tpl-block-row[draggable=true]{cursor:grab}.tpl-block-row[draggable=true]:active{cursor:grabbing}.tpl-progress{flex-wrap:wrap}.tpl-progress strong{flex:1 1 220px}.tpl-progress button{margin-left:0;font-size:12px;padding:7px 9px}.tpl-chat-notification{max-width:370px;margin:0 auto 16px;padding:14px 18px;background:white;border:1px solid #e1e6e3;border-radius:12px;display:grid;gap:4px}.tpl-chat-notification small{font-size:11px;color:#77837c}.tpl-chat-notification span{font-size:13px;color:#65706b;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tpl-kakao.modern{max-width:370px;padding:24px 20px;background:#c5d5df;border-radius:20px;margin:auto;min-height:430px}.tpl-chat-name{font-weight:700;font-size:13px;margin:0 0 10px 4px}.tpl-kakao.modern .tpl-kakao-bubble{padding:0;border-radius:5px 14px 14px 14px;overflow:hidden;box-shadow:0 2px 4px #22374315}.tpl-kakao.modern .tpl-kakao-label{background:#fff1a8;padding:10px 16px;font-size:11px;color:#5e552e}.tpl-chat-body{white-space:normal;padding:16px;margin:0;font-size:14px;color:#272d29}.tpl-chat-title{padding:16px 16px 0}.tpl-chat-button{padding:11px;text-align:center;background:#f5f6f7;border:1px solid #e3e7e9;margin:0 12px 8px;font-size:13px;border-radius:5px}.tpl-chat-footer{padding:7px 16px 14px;color:#8a918d;font-size:11px!important;margin:0}.tpl-ali-emphasis{padding:20px 16px 5px}.tpl-ali-emphasis small{display:block;font-size:11px;color:#75827b;margin-bottom:6px}.tpl-ali-emphasis h3{font-size:22px}.tpl-ali-image{height:120px;display:flex;align-items:center;justify-content:center;background:#eff7f1}.tpl-ali-image img{width:140px!important;height:auto!important;object-fit:contain}.tpl-item-list{margin:14px 16px 0;border-top:1px solid #e4e9e6;border-bottom:1px solid #e4e9e6;padding:8px 0;font-size:12px}.tpl-item-list>div{display:flex;justify-content:space-between;gap:16px;padding:6px 0}.tpl-item-list dt{color:#718077}.tpl-item-list dd{margin:0;text-align:right;overflow-wrap:anywhere}.tpl-extra-info{font-size:12px!important;color:#7d8681;padding:0 16px 14px;margin:0}.tpl-channel-add{padding:14px;background:#ffeb00;text-align:center}.tpl-channel-add strong{font-size:13px}.tpl-channel-add small{display:block;font-size:10px;line-height:1.5;margin-top:7px}.tpl-brand-hero{display:block;width:100%;height:210px;object-fit:cover}.tpl-brand-hero.wide{height:160px}.tpl-carousel>img{width:100%;height:190px;object-fit:cover}.tpl-carousel-copy{padding:12px 16px}.tpl-carousel-copy p{font-size:12px;color:#6c7770;margin:4px 0}.tpl-carousel-nav{display:flex;align-items:center;justify-content:center;gap:20px;padding:8px;background:#f5f7f6;font-size:12px}.tpl-carousel-nav button{border:1px solid #dde4de;background:white;border-radius:6px;width:32px;height:28px;font-size:18px}.tpl-wide-list>div{display:flex;gap:12px;padding:12px;border-bottom:1px solid #edf0ed}.tpl-wide-list img{width:80px;height:70px;object-fit:cover;border-radius:5px}.tpl-wide-list span{display:flex;flex-direction:column;gap:6px;justify-content:center;font-size:13px}.tpl-wide-list small{color:#788078;font-size:11px}.tpl-commerce-price{padding:12px 16px;display:flex;gap:12px;align-items:center}.tpl-commerce-price del{color:#8b928d;font-size:12px}.tpl-commerce-price strong{font-size:24px;color:#26392b}.tpl-video-empty{padding:55px 20px;text-align:center;background:#edf1ee;font-size:14px;color:#6b7970}.tpl-kakao video{width:100%}.tpl-push-device{max-width:375px;margin:auto;min-height:440px;background:linear-gradient(150deg,#c3d5e5,#eee6dc 60%,#c9d9ca);border:6px solid #222c26;border-radius:34px;padding:25px 14px}.tpl-push-device.android{background:linear-gradient(150deg,#d2e0c2,#c5d8db);border-radius:25px}.tpl-push-device.web{max-width:480px;border:1px solid #dde4df;border-radius:12px;min-height:260px;background:#f1f4f7;padding:15px}.tpl-push-wallpaper{text-align:center;padding:15px 0 28px;display:flex;flex-direction:column;gap:5px;color:#344c40}.tpl-push-wallpaper span{font-size:13px}.tpl-push-wallpaper>strong{font-size:58px;letter-spacing:-2px;font-weight:500}.tpl-rich-push{background:#ffffffeb;border-radius:16px;padding:14px;box-shadow:0 8px 28px #344c4012}.android .tpl-rich-push{border-radius:12px}.web .tpl-rich-push{border-radius:8px}.tpl-push-app{display:flex;gap:7px;align-items:center;margin-bottom:9px;font-size:11px;color:#5d6c62}.tpl-push-app img{width:33px;height:22px;object-fit:contain}.tpl-push-app small{margin-left:auto}.tpl-rich-push>strong{display:block;font-size:14px}.tpl-rich-push>p{font-size:13px;margin:4px 0 0;line-height:1.5}.tpl-rich-push.collapsed>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tpl-rich-push.collapsed>p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tpl-push-big-image{display:block;width:100%;aspect-ratio:2/1;object-fit:cover;border-radius:8px;margin-top:12px}.tpl-push-action{margin:12px -14px -14px;padding:12px;border-top:1px solid #dde4df;text-align:center;color:#107340;font-size:13px}.tpl-push-hint{text-align:center;font-size:11px!important;color:#53675a;margin-top:22px}.tpl-length-meter{font-size:12px;display:flex;gap:10px;flex-wrap:wrap;margin:16px 0;color:#4b6254}.tpl-length-meter span{color:#89918c}.tpl-full-preview{width:min(850px,calc(100% - 24px));padding:24px}.tpl-full-preview h2{margin-bottom:20px}.tpl-full-preview #full-preview-content{margin:auto}.tpl-builder-grid{align-items:start}.tpl-editor{min-width:0}.tpl-preview{min-width:0}.tpl-thumb{height:185px}.tpl-thumb-sheet{border-color:#dce5df}.tpl-thumb.email{background:#edf3ef}.tpl-thumb.alimtalk{background:#e6edf2}.tpl-thumb.brand{background:#f4f0e7}.tpl-item-info p{min-height:20px}.tpl-item-info h3{line-height:1.5}.tpl-badge{white-space:normal}
@keyframes tpl-shimmer{to{background-position:-250% 0}}@keyframes tpl-stage-glow{50%{box-shadow:inset 0 0 0 2px #28a36a,0 0 0 4px #28a36a20}}@media(max-width:850px){.tpl-editor{order:1}.tpl-preview{order:2}.tpl-card .composer-title{font-size:24px}.tpl-email-stage{padding:6px}.tpl-builder-actions{gap:8px}}@media(prefers-reduced-motion:reduce){.tpl-agent-focus,.tpl-page #preview-canvas.is-generating:after{animation:none}}
.tpl-catalog-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px}.tpl-catalog-grid>div{min-width:0}.tpl-catalog-grid.odd>div:first-child{grid-column:1/-1}.tpl-catalog-grid img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px}.tpl-catalog-grid.odd>div:first-child img{aspect-ratio:2/1}.tpl-catalog-grid strong,.tpl-catalog-grid small,.tpl-catalog-grid b{display:block;font-size:12px;line-height:1.5;margin-top:4px}.tpl-catalog-grid small{font-size:10px;color:#768278}.tpl-catalog-grid b{font-size:13px}.tpl-ai-image-label{display:block;color:#89938c;font-size:10px;margin:8px 16px}
#channel-config{padding:10px;margin:0 -10px}.tpl-preview-block:focus-visible{outline-offset:-2px}.tpl-preview.is-generating{overflow:hidden}
.tpl-thumb-products{display:flex;gap:3px}.tpl-thumb-products img{width:calc(33% - 2px);height:44px}.tpl-thumb-multi{display:flex;gap:6px;margin-top:7px}.tpl-thumb-multi>div{min-width:0;flex:1}.tpl-thumb-multi img{height:80px;object-fit:cover}.tpl-thumb-multi b{display:block;font-size:8px}.tpl-thumb-multi small{display:block;font-size:8px}.tpl-thumb-multi.catalog{display:grid;grid-template-columns:1fr 1fr;gap:4px}.tpl-thumb-multi.catalog>div:first-child{grid-column:1/-1}.tpl-thumb-multi.catalog img{height:44px}.tpl-thumb-multi.list{display:block}.tpl-thumb-multi.list>div{display:flex;align-items:center;gap:5px}.tpl-thumb-multi.list img{width:38px;height:38px}.tpl-thumb-sheet dl{margin:8px 0;font-size:8px}.tpl-thumb-sheet dl>div{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid #e9eeeb}.tpl-thumb-sheet dd{margin:0}.tpl-thumb-kakao-button{padding:7px;background:#f3f5f6;text-align:center;margin-top:8px;font-size:8px}.tpl-thumb-sheet .tpl-thumb-logo{height:32px;object-fit:contain}.tpl-thumb-coupon{padding:8px;color:#107340;border:1px dashed #a3cbb3;text-align:center;margin:5px 0}.tpl-push-big-image{object-fit:contain;background:#eee}
/* 문자·팩스: 기존 카드/폰트 토큰 안에서 채널의 실제 매체를 구분합니다. */
#template-grid{overflow-anchor:none;align-content:start}
.tpl-badge.text{color:#16623e;background:#eaf5ee}.tpl-badge.fax{color:#526078;background:#edf1f6}
.tpl-thumb.text{background:#eef2f6}.tpl-thumb.text .tpl-thumb-sheet{border-radius:15px;background:#fff}.tpl-thumb.fax{background:#e7e9ed}.tpl-thumb.fax .tpl-thumb-sheet{border-radius:0;background:#fff;border:1px solid #d1d5db}.tpl-fax-thumb b{display:block;margin:8px 0}.tpl-fax-thumb hr{border:0;border-top:1px solid #b8bec5}
.tpl-sms-summary{display:flex;justify-content:space-between;align-items:center;margin:6px auto 16px;max-width:360px;font-size:13px;color:#677080}.tpl-sms-summary strong{background:#e7f3ec;color:#13683e;padding:5px 10px;border-radius:8px}.tpl-sms-summary .is-over{color:#bd403c;font-weight:700}
.tpl-sms-phone{max-width:360px;margin:0 auto;border:7px solid #202322;border-radius:38px;overflow:hidden;min-height:550px;background:#fff}.tpl-sms-status{display:flex;justify-content:space-between;padding:15px 22px 10px;font-size:12px;font-weight:750}.tpl-sms-header{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:#f4f5f7;color:#687280}.tpl-sms-header span{text-align:center;font-size:15px;font-weight:700;color:#272e30}.tpl-sms-header small{display:block;margin-top:3px;font-size:11px;font-weight:400}.tpl-sms-thread{padding:18px 15px 32px}.tpl-sms-thread>small{display:block;text-align:center;color:#7c8490;margin-bottom:15px;font-size:11px}.tpl-sms-bubble{background:#edf0f4;border-radius:17px;padding:15px;font-size:14px;line-height:1.75;overflow-wrap:anywhere}.tpl-sms-bubble img{display:block;max-width:100%;max-height:260px;object-fit:contain;border-radius:10px;margin-bottom:12px}.tpl-sms-bubble p{margin:6px 0 0;white-space:normal}
.tpl-fax-pager{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;color:#667080;margin-bottom:14px}.tpl-fax-pager>div{display:flex;gap:5px}.tpl-fax-sheet{position:relative;box-sizing:border-box;width:100%;max-width:600px;aspect-ratio:210/297;min-height:740px;margin:0 auto;background:white;border:1px solid #cdd2d6;box-shadow:0 6px 20px #2334440b;padding:32px 30px 65px;color:#202020;font-size:12px;line-height:1.8;overflow-wrap:anywhere}.tpl-fax-sheet header{display:flex;justify-content:space-between;border-bottom:3px solid #252525;padding-bottom:12px}.tpl-fax-sheet header b{font-size:17px}.tpl-fax-sheet h2{text-align:center;font-size:22px!important;margin:24px 0!important;color:#222!important}.tpl-fax-sheet dl{border-top:1px solid #b7bec5;margin:20px 0}.tpl-fax-sheet dl>div{display:grid;grid-template-columns:74px 1fr;border-bottom:1px solid #d5d8dc}.tpl-fax-sheet dt{font-weight:650;background:#f4f4f4;padding:6px 8px}.tpl-fax-sheet dd{margin:0;padding:6px 10px}.tpl-fax-cover-note{margin:45px 0;line-height:2}.tpl-fax-body{margin:20px 0;line-height:1.95}.tpl-fax-sheet table{width:100%;border-collapse:collapse;margin-top:20px;font-size:12px}.tpl-fax-sheet th,.tpl-fax-sheet td{border:1px solid #b5bbc1;padding:8px;text-align:left}.tpl-fax-sheet th{background:#f1f1f1}.tpl-fax-sheet footer{position:absolute;left:30px;right:30px;bottom:23px;border-top:1px solid #b8bfc5;padding-top:10px;display:flex;justify-content:space-between;font-size:10px;color:#59606a}
@media(max-width:650px){.tpl-fax-sheet{padding:22px 16px 60px;min-height:650px}.tpl-fax-sheet footer{left:16px;right:16px}.tpl-sms-summary{font-size:11px}}
/* Consistent semantic channel icons; labels remain visible to disambiguate Kakao types. */
.tpl-channel-label{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;vertical-align:middle}
.tpl-channel-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;flex:0 0 auto;border-radius:9px;background:#eef1f5}
.tpl-channel-icon img{display:block;width:18px;height:18px;object-fit:contain;opacity:.85}
.tpl-channel-icon.text{background:#e1f3e9}.tpl-channel-icon.alimtalk,.tpl-channel-icon.brand{background:#fee77c}.tpl-channel-icon.email{background:#e2edff}.tpl-channel-icon.fax{background:#e8ecf2}.tpl-channel-icon.push{background:#ede5fa}
.tpl-badge.tpl-channel-badge{border:0;padding:0;background:none;color:#394653;font-size:12px;font-weight:700}
#channel-filters button{padding:7px 9px}#channel-filters button[aria-pressed=true]{box-shadow:inset 0 0 0 1px #c6e0ce}
#channel-filters .tpl-channel-icon{width:27px;height:27px;border-radius:8px}#channel-filters .tpl-channel-icon img{width:17px;height:17px}
.tpl-new-options .tpl-channel-icon{width:40px;height:40px;border-radius:11px}.tpl-new-options .tpl-channel-icon img{width:23px;height:23px}.tpl-new-options .tpl-channel-label{gap:12px}
/* Scenario 5: a guided workspace, using the existing messaging type and color tokens. */
.tpl-start{gap:12px}.tpl-start h2{font-size:22px}.tpl-eyebrow{display:block;font-size:12px;color:#107340;font-weight:700;margin-bottom:8px}.tpl-start form{width:100%;display:grid;grid-template-columns:1fr auto;gap:8px 12px;align-items:end}.tpl-start form label{grid-column:1/-1;font-size:12px;color:#52665c}.tpl-start textarea{min-height:74px;resize:vertical;background:#fff;font-size:15px}.tpl-start form button{min-height:44px;margin-bottom:1px}.tpl-start-examples{display:flex;gap:8px;flex-wrap:wrap;width:100%}.tpl-start-examples button{background:#fff;border:1px solid #d6e3db;border-radius:7px;padding:8px 12px;font-size:12px;color:#486252}.tpl-start .tpl-journey{font-size:12px;color:#60766a;margin-top:5px}.tpl-journey span{padding:0 12px;color:#99ada1}.tpl-section-title{flex-wrap:wrap}
.tpl-builder-grid{grid-template-columns:minmax(0, .9fr) minmax(0,1.1fr);gap:16px}.tpl-builder-header .composer-head{padding-bottom:14px}.tpl-builder-actions{flex-wrap:wrap;gap:8px}.tpl-builder-actions>label{flex:1 1 240px;max-width:600px}.tpl-workflow{display:flex;align-items:center;gap:8px;border-bottom:1px solid #dfe5e9;margin:0 0 16px;flex-wrap:wrap}.tpl-workflow button{border:0;border-bottom:3px solid transparent;border-radius:0;background:none;padding:13px 16px;font-size:14px;color:#677481;font-weight:700}.tpl-workflow button[aria-pressed=true]{border-bottom-color:#107340;color:#107340}.tpl-workflow>span{margin-left:auto;color:#718078;font-size:12px;padding:8px}.tpl-edit-prompts{display:flex;gap:7px;margin:16px 0;flex-wrap:wrap}.tpl-edit-prompts button{font-size:12px}.tpl-editor #channel-help{margin:6px 0 16px}.tpl-editor .tpl-field{margin-bottom:12px}.tpl-check-details{margin-top:18px}.tpl-check-details .tpl-validation-heading{border:0;margin:0;padding-top:14px}.tpl-checks{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.tpl-variant-choices{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.tpl-variant-choices label{display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid #dce4df;border-radius:9px;cursor:pointer}.tpl-variant-choices label:has(:checked){border-color:#168149;background:#eef7f1}.tpl-variant-choices input{accent-color:#107340}.tpl-variants #variant-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tpl-variant-card{border:1px solid #dce5df;border-radius:12px;overflow:hidden}.tpl-variant-card .tpl-open{width:100%;text-align:left;background:#fff;border:0;padding:0;color:inherit}.tpl-variant-card .tpl-open>div:last-child{padding:16px}.tpl-variant-card h3{margin:12px 0 6px}.tpl-variant-card p{font-size:13px;color:#6b7770}.tpl-variant-card strong{font-size:13px;color:#107340}.tpl-variant-card .tpl-thumb{height:240px}.tpl-variant-card .tpl-thumb-sheet{max-width:300px;margin:auto;min-height:220px}.tpl-chat-mode .tpl-builder-header .composer-head,.tpl-chat-mode .top-flow{display:none}.tpl-chat-mode .tpl-builder-header{padding:16px}.tpl-chat-mode .tpl-workflow>span{display:none}.tpl-chat-mode .tpl-builder-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.tpl-chat-mode .tpl-card{padding:20px}.tpl-chat-mode .tpl-builder-actions #use-template{display:none}.tpl-page button,.tpl-page input,.tpl-page textarea,.tpl-page select{font-family:inherit}
@media(max-width:1100px){.tpl-builder-grid,.tpl-chat-mode .tpl-builder-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.tpl-builder-actions>label{max-width:none;flex-basis:100%}.tpl-workflow>span{display:none}.tpl-card{padding:20px}.tpl-checks{grid-template-columns:1fr}.tpl-variants #variant-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:740px){.tpl-builder-grid,.tpl-chat-mode .tpl-builder-grid{grid-template-columns:1fr}.tpl-start form{grid-template-columns:1fr}.tpl-variants #variant-list{grid-template-columns:1fr}.tpl-workflow button{padding:12px 8px}.tpl-start .tpl-journey{line-height:2}.tpl-journey span{padding:0 4px}}
.tpl-preview .tpl-email-stage{max-height:600px;overflow-y:auto;scrollbar-gutter:stable;overscroll-behavior:contain}.tpl-preview #preview-canvas{scroll-margin-top:16px}.tpl-page .tpl-chat-mode{min-width:0}.tpl-chat-mode .tpl-preview .tpl-email-stage{max-height:520px}.tpl-chat-mode .tpl-preview-notes{overflow-wrap:anywhere}.tpl-preview .tpl-email-stage:focus-visible{outline:2px solid #107340}
.tpl-variants #variant-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}.tpl-variant-card .tpl-open>div:first-child{height:200px;overflow:hidden}.tpl-variant-card .tpl-open>div:last-child{min-height:154px}.tpl-variant-card .tpl-open>div:first-child .tpl-thumb-sheet{min-height:160px}