.template-visual{--preview-accent: #91b3ff;min-width:0;margin-bottom:22px}.template-visual-marketplace{--preview-accent: #69ddcc}.template-visual-portfolio{--preview-accent: #d8b9ef}.template-visual-saas{--preview-accent: #b9a1ff}.template-visual-operations{--preview-accent: #6adeaa}.template-visual-mobile{--preview-accent: #ffb79b}.template-image-button{display:block;width:100%;padding:0;overflow:hidden;border:1px solid rgba(165,186,219,.18);border-radius:11px;background:#070e1a;color:#d9e5f7;text-align:left;cursor:zoom-in;transition:border-color .25s,box-shadow .25s}.template-image-button>img{display:block;width:100%;height:auto;aspect-ratio:3 / 2;object-fit:cover;transition:transform .5s cubic-bezier(.2,.65,.3,1)}.template-image-caption{position:relative;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;padding:12px;background:#101a2c;font-size:10px;line-height:1.5}.template-image-caption>span{display:inline-flex;align-items:center;gap:8px}.template-image-caption b{color:var(--preview-accent);font-size:10px}.template-image-caption>span:last-child{color:var(--preview-accent);font-weight:700}.template-image-button:focus-visible,.template-dialog-heading button:focus-visible{outline:3px solid var(--preview-accent);outline-offset:4px}@media(hover:hover){.template-image-button:hover{border-color:var(--preview-accent);box-shadow:0 10px 28px #0000003d}.template-image-button:hover>img{transform:scale(1.035)}}.template-image-dialog{width:min(1100px,94vw);max-width:94vw;max-height:92vh;max-height:92dvh;margin:auto;padding:0;overflow:auto;overscroll-behavior:contain;border:1px solid #405371;border-radius:18px;background:#0e1728;color:#f1f6ff;box-shadow:0 24px 90px #0009}.template-image-dialog::backdrop{background:#02060ee0;backdrop-filter:blur(9px)}.template-image-dialog[open]{animation:templateDialogIn .22s ease-out}.template-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px}.template-dialog-heading span{color:var(--preview-accent);font-size:10px;letter-spacing:.12em}.template-dialog-heading h2{margin:6px 0 0;color:#f1f6ff;font-size:clamp(20px,3vw,28px);line-height:1.25}.template-dialog-heading button{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:1px solid #405371;border-radius:50%;background:#18243a;color:#fff;cursor:pointer}.template-dialog-content>img{display:block;width:100%;height:auto;max-height:65vh;max-height:65dvh;object-fit:contain;background:#070c16}.template-dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:20px 24px}.template-grid .template-dialog-footer p{min-height:0;max-width:610px;margin:0;color:#c1cfe3;font-size:12px;line-height:1.7}.template-dialog-footer .button{flex:none}@keyframes templateDialogIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:720px){.template-dialog-heading,.template-dialog-footer{padding:18px}.template-dialog-footer{align-items:flex-start;flex-direction:column;gap:14px}}@media(prefers-reduced-motion:reduce){.template-image-button,.template-image-button>img{transition:none}.template-image-button:hover>img{transform:none}.template-image-dialog[open]{animation:none}}