.preview-modal{z-index:80;justify-content:center;align-items:center;padding:1.25rem;display:flex;position:fixed;inset:0}.preview-modal[hidden]{display:none}.preview-backdrop{background:#000000b8;position:absolute;inset:0}.preview-dialog{z-index:1;background:#181818;border:1px solid #2c2c2c;border-radius:.75rem;flex-direction:column;width:min(92rem,100%);height:min(54rem,100vh - 2.5rem);display:flex;position:relative;overflow:hidden;box-shadow:0 24px 80px #00000073}.preview-toolbar{color:#fff;background:#181818;border-bottom:1px solid #2c2c2c;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.75rem;min-height:3.25rem;padding:.55rem .85rem;display:grid}.preview-title{color:#fff;letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.95rem;font-weight:500;overflow:hidden}.preview-viewports{align-items:center;gap:.2rem;display:flex}.preview-viewport{color:#a3a3a3;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-radius:.4rem;align-items:center;gap:.4rem;padding:.38rem .65rem;font-family:inherit;font-size:.7rem;font-weight:500;display:inline-flex}.preview-viewport svg{width:.95rem;height:.95rem}.preview-viewport[aria-pressed=true]{color:#fff;background:#2c2c2c}.preview-actions{justify-content:flex-end;align-items:center;gap:.35rem;display:flex}.preview-download{color:#a3a3a3;letter-spacing:.04em;text-transform:uppercase;cursor:not-allowed;background:0 0;border:0;align-items:center;gap:.4rem;padding:.38rem .55rem;font-family:inherit;font-size:.7rem;font-weight:500;display:inline-flex}.preview-download svg{width:.85rem;height:.85rem}.preview-close{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:.35rem;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;display:inline-flex}.preview-close svg{width:1.05rem;height:1.05rem}.preview-stage{overscroll-behavior:none;background:#0c0c0c;flex:1;justify-content:center;align-items:flex-start;min-height:0;padding:0;display:flex;position:relative;overflow:hidden}.preview-scaler{background:#0c0c0c;margin:0;position:relative;overflow:hidden}.preview-frame{transform-origin:0 0;background:#0c0c0c;position:absolute;top:0;left:0;overflow:hidden}.preview-frame iframe{vertical-align:top;color-scheme:dark;background:#0c0c0c;border:0;margin:0;display:block}.preview-skeleton{z-index:2;color:#a3a3a3;background:#0c0c0c;flex-direction:column;justify-content:center;align-items:center;gap:.85rem;font-size:.875rem;display:flex;position:absolute;inset:0}.preview-skeleton[hidden]{display:none}.preview-spinner{border:2px solid #2c2c2c;border-top-color:#fff;border-radius:50%;width:1.5rem;height:1.5rem;animation:.7s linear infinite preview-spin}.preview-skeleton-label{letter-spacing:-.01em}@keyframes preview-spin{to{transform:rotate(360deg)}}@media (width<=767px){.preview-modal{padding:0}.preview-dialog{border-radius:0;width:100%;height:100%}.preview-toolbar{grid-template-columns:minmax(0,1fr) auto;gap:.45rem}.preview-viewports{order:3;grid-column:1/-1;justify-content:center}.preview-viewports[hidden]{display:none}.preview-stage{justify-content:stretch;align-items:stretch}.preview-scaler,.preview-frame{width:100%;height:100%;inset:0;overflow:hidden;transform:none}.preview-frame iframe{width:100%;min-width:0;max-width:100%;height:100%;position:absolute;inset:0}}.templates-grid[data-astro-cid-jkuhlij7]{grid-template-columns:1fr;gap:1rem;margin:2.5rem 0 0;padding:0;list-style:none;display:grid}.template-card[data-astro-cid-jkuhlij7]{border:1px solid #2c2c2c;border-radius:.75rem;flex-direction:column;min-width:0;padding:.5rem;display:flex}.template-media[data-astro-cid-jkuhlij7]{background:#181818;border-radius:.5rem;overflow:hidden}.template-media[data-astro-cid-jkuhlij7] img[data-astro-cid-jkuhlij7]{aspect-ratio:1920/1240;object-fit:cover;width:100%;height:auto;display:block}.template-actions[data-astro-cid-jkuhlij7]{grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.5rem;display:grid}.template-actions[data-astro-cid-jkuhlij7] .btn{box-sizing:border-box;width:100%;padding:.5rem 1rem}@media (width>=768px){.templates-grid[data-astro-cid-jkuhlij7]{grid-template-columns:1fr 1fr}}@media (width>=1024px){.templates-grid[data-astro-cid-jkuhlij7]{grid-template-columns:1fr 1fr 1fr}}.template-media{cursor:pointer;position:relative}.template-preview-btn{display:none}@media (width>=1024px){.template-media img{transition:opacity .16s}.template-preview-btn{z-index:1;color:#0c0c0c;letter-spacing:-.01em;white-space:nowrap;opacity:0;pointer-events:none;cursor:pointer;background:#fff;border:0;border-radius:.5rem;justify-content:center;align-items:center;padding:.7rem 1.15rem;font-family:inherit;font-size:.875rem;font-weight:500;transition:opacity .16s;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.template-media:hover img{opacity:.45}.template-media:hover .template-preview-btn{opacity:1;pointer-events:auto}}