.design-template-dialog{width:min(1120px,94vw);max-width:none}.design-template-dialog form{display:grid;gap:18px}.design-template-dialog .dialog-head p:last-child{margin:5px 0 0;color:var(--muted);font-size:10px}.design-template-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.design-template-card{min-width:0;padding:0;overflow:hidden;border:2px solid var(--line);border-radius:15px;background:#fff;color:var(--dark);text-align:left;cursor:pointer;transition:.2s}.design-template-card:hover{transform:translateY(-3px);box-shadow:0 15px 32px rgba(20,42,58,.12)}.design-template-card.selected{border-color:#e64a32;box-shadow:0 0 0 4px rgba(230,74,50,.12)}.template-preview{position:relative;height:155px;overflow:hidden}.template-preview.mosaic{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:3px;padding:9px;background:#f4efe5}.template-preview.mosaic i{position:relative;background:#d92d20}.template-preview.mosaic i:nth-child(2){background:#ffb000}.template-preview.mosaic i:nth-child(3){background:#f36b21}.template-preview.mosaic i:nth-child(4){background:#f7aa00}.template-preview.mosaic i:nth-child(5){background:#66a83b}.template-preview.mosaic i:nth-child(6){background:#cc302d}.template-preview.mosaic i::before{content:"";position:absolute;left:19%;right:19%;bottom:14%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 38%,#ffd66c 0 19%,#a93f21 20% 35%,#f0a330 36% 51%,#6c2617 52% 60%,transparent 61%)}.template-preview.kinetic{display:grid;place-items:center;background:#bd1022;color:#fff}.template-preview.kinetic span{position:absolute;inset:-20px;color:#7c0815;font-size:55px;font-weight:950;line-height:.8;word-break:break-all}.template-preview.kinetic i{position:relative;width:45%;aspect-ratio:1.2;border-radius:48% 48% 42% 42%;background:radial-gradient(circle at 50% 30%,#f2c06b 0 19%,#7d2618 20% 34%,#f6b23b 35% 46%,#6c2014 47% 56%,transparent 57%);filter:drop-shadow(0 10px 8px rgba(0,0,0,.3));animation:templateFloat 2.5s ease-in-out infinite alternate}.template-preview.kinetic b{position:absolute;left:13px;bottom:10px;font-size:11px;line-height:.95}.template-preview.columns{display:grid;grid-template-columns:repeat(3,1fr);background:#f2aa00}.template-preview.columns i:nth-child(2){background:#187943}.template-preview.columns i:nth-child(3){background:#b7df72}.template-preview.columns i::before{content:"";position:absolute;width:24%;aspect-ratio:1;top:48%;transform:translate(-50%,-50%);border-radius:50%;background:#f2b348;box-shadow:0 0 0 9px rgba(80,22,12,.45);animation:templateFloat 2s ease-in-out infinite alternate}.template-preview.columns i:nth-child(1)::before{left:17%}.template-preview.columns i:nth-child(2)::before{left:50%;animation-delay:.18s}.template-preview.columns i:nth-child(3)::before{left:83%;animation-delay:.36s}.template-preview.columns b{position:absolute;left:12px;bottom:9px;color:#fff;font-size:10px}.template-card-copy{display:grid;gap:4px;padding:13px}.template-card-copy small{color:#e64a32;font-size:7px;font-weight:900;letter-spacing:.14em}.template-card-copy b{font-size:14px}.template-card-copy em{min-height:34px;color:var(--muted);font-size:9px;font-style:normal;line-height:1.4}.template-card-copy strong{font-size:8px}.template-product-step{display:grid;gap:11px;padding:15px;border:1px solid var(--line);border-radius:14px;background:#f8fafb}.template-step-head{display:flex;justify-content:space-between;gap:18px}.template-step-head>div{display:grid;gap:3px}.template-step-head span{color:#e64a32;font-size:7px;font-weight:900;letter-spacing:.15em}.template-step-head b{font-size:13px}.template-step-head small{color:var(--muted);font-size:9px}.template-product-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-height:235px;overflow:auto}.template-product-option{min-width:0}.template-product-option input{position:absolute;opacity:0;pointer-events:none}.template-product-option>span{display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto;column-gap:9px;align-items:center;padding:8px;border:2px solid transparent;border-radius:10px;background:#fff;cursor:pointer}.template-product-option input:checked+span{border-color:#e64a32;background:#fff5f2}.template-product-option img,.template-product-option i{grid-row:1/3;width:42px;height:42px;object-fit:contain;border-radius:7px;background:#edf1f3}.template-product-option i{display:grid;place-items:center;font-style:normal}.template-product-option b{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.template-product-option small{overflow:hidden;color:var(--muted);font-size:7px;text-overflow:ellipsis;white-space:nowrap}.template-warning{margin:0;padding:10px 12px;border-radius:9px;background:#fff6de;color:#86620b;font-size:9px}.design-template-dialog .toast.in-dialog{position:sticky;bottom:10px;justify-self:end}.design-template-dialog::backdrop{background:rgba(7,24,37,.64);backdrop-filter:blur(5px)}@keyframes templateFloat{to{transform:translateY(-7px) scale(1.03)}}@media(max-width:820px){.design-template-gallery{grid-template-columns:1fr}.template-product-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.template-preview{height:120px}}@media(max-width:480px){.template-product-picker{grid-template-columns:1fr}}