.preview-modal{z-index:200;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,.preview-copy{letter-spacing:.04em;text-transform:uppercase;border:0;align-items:center;gap:.4rem;padding:.38rem .55rem;font-family:inherit;font-size:.7rem;font-weight:500;display:inline-flex}.preview-download{color:#a3a3a3;cursor:not-allowed;background:0 0}.preview-copy{color:#0c0c0c;cursor:pointer;background:#fff;border-radius:.4rem;gap:.45rem}.preview-copy svg{flex-shrink:0;width:.85rem;height:.85rem}.preview-copy:hover{color:#0c0c0c;background:#e9e9e9}.preview-download[hidden],.preview-copy[hidden]{display:none}.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}.preview-fallback-link{color:#fff;text-underline-offset:.2em;font-size:.8rem;text-decoration:underline}@keyframes preview-spin{to{transform:rotate(360deg)}}@media (width>=1024px){.preview-modal{justify-content:stretch;align-items:stretch;padding:1rem}.preview-dialog{flex:1;width:100%;height:auto}}@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]{background:#181818;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-empty[data-astro-cid-jkuhlij7]{aspect-ratio:1920/1240}.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-meta[data-astro-cid-jkuhlij7]{justify-content:space-between;align-items:center;gap:.75rem;min-height:1.75rem;margin-top:.5rem;display:flex}.template-name[data-astro-cid-jkuhlij7]{color:#fff;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.875rem;font-weight:500;line-height:1.2;overflow:hidden}.template-buy[data-astro-cid-jkuhlij7]{color:#a3a3a3;letter-spacing:.04em;text-transform:uppercase;background:#2c2c2c;border-radius:.35rem;align-items:center;gap:.2rem;padding:.28rem .5rem;font-size:.575rem;font-weight:500;line-height:1.2;text-decoration:none;transition:background .16s,color .16s;display:inline-flex}.template-meta-actions[data-astro-cid-jkuhlij7]{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.template-live[data-astro-cid-jkuhlij7]{gap:calc(.2rem + 2px)}.template-buy[data-astro-cid-jkuhlij7]:hover{color:#fff;background:#222}.template-buy[data-astro-cid-jkuhlij7] svg[data-astro-cid-jkuhlij7],.template-buy[data-astro-cid-jkuhlij7] svg{width:.78rem;height:.78rem}@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 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}}