.tpl-grid{grid-template-columns:repeat(auto-fill,minmax(264px,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.tpl-card{--tpl-accent:var(--g-fg-accent);border-radius:var(--g-r-card);background:var(--g-bg-surface);min-inline-size:0;box-shadow:var(--g-shadow-1);transition:box-shadow var(--g-dur-quick) var(--g-ease-default);flex-direction:column;gap:12px;padding:8px 8px 14px;display:flex}.tpl-card:hover,.tpl-card:focus-within{box-shadow:var(--g-shadow-2), 0 0 0 var(--g-border-width) var(--g-border-hover)}.tpl-card__art{aspect-ratio:4/3;border-radius:var(--g-r-md);cursor:zoom-in;inline-size:100%;font:inherit;color:inherit;isolation:isolate;background:radial-gradient(80% 70% at 30% 0%, color-mix(in oklch, var(--tpl-accent) 30%, transparent), transparent 70%), linear-gradient(160deg, color-mix(in oklch, var(--tpl-accent) 16%, var(--g-bg-canvas)), color-mix(in oklch, var(--tpl-accent) 6%, var(--g-bg-canvas)));box-shadow:inset 0 0 0 var(--g-border-width) var(--g-border-hairline);border:0;padding:0;display:block;position:relative;overflow:hidden}.tpl-card__art:focus-visible{outline:2px solid var(--g-focus);outline-offset:3px}.tpl-card__phone{aspect-ratio:390/844;inline-size:46%;box-shadow:0 10px 28px -8px color-mix(in oklch, var(--tpl-accent) 45%, transparent), var(--g-shadow-2);transition:transform var(--g-dur-base) var(--g-ease-standard);background:#121212;background:lab(5.26802% 0 0);border-radius:20px;padding:3px;position:absolute;inset-block-start:12%}.tpl-card__phone img{object-fit:cover;object-position:top;background:var(--g-bg-surface);border-radius:17px;block-size:100%;inline-size:100%;display:block}.tpl-card__phone--front{z-index:1;inset-inline-start:14%}.tpl-card__phone--back{opacity:.92;transform-origin:top;inset-block-start:20%;inset-inline-start:44%;transform:scale(.92)}.tpl-card__art:hover .tpl-card__phone--front,.tpl-card__art:focus-visible .tpl-card__phone--front{transform:translateY(-6px)}.tpl-card__art:hover .tpl-card__phone--back,.tpl-card__art:focus-visible .tpl-card__phone--back{transform:scale(.92)translateY(-3px)}.tpl-card__peek{z-index:2;border-radius:var(--g-r-pill);background:var(--g-bg-surface);box-shadow:var(--g-shadow-1);font-size:12px;line-height:16px;font-weight:var(--g-w-medium);color:var(--g-fg-1);opacity:0;transition:opacity var(--g-dur-quick) var(--g-ease-default), transform var(--g-dur-quick) var(--g-ease-default);align-items:center;gap:4px;padding:4px 10px;display:inline-flex;position:absolute;inset-block-start:10px;inset-inline-end:10px;transform:translateY(-4px)}.tpl-card__art:hover .tpl-card__peek,.tpl-card__art:focus-visible .tpl-card__peek{opacity:1;transform:none}.tpl-card__body{flex-direction:column;gap:4px;padding-inline:8px;display:flex}.tpl-card__head{justify-content:space-between;align-items:center;gap:8px;display:flex}.tpl-card__name{min-inline-size:0;font-size:15px;line-height:22px;font-weight:var(--g-w-semibold);color:var(--g-fg-1);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.tpl-card__cat{flex:none;align-items:center;gap:4px;display:inline-flex}.tpl-card__desc{color:var(--g-fg-3);margin:0;font-size:14px;line-height:20px}.tpl-card__actions{align-items:center;gap:8px;margin-block-start:auto;padding-inline:8px;display:flex}@media (prefers-reduced-motion:reduce){.tpl-card__phone,.tpl-card__peek{transition:none}}@media (hover:none){.tpl-card__peek{display:none}}@media (max-width:599px){.tpl-grid{grid-template-columns:minmax(0,1fr);gap:16px}}.tpl-preview{max-inline-size:720px}.tpl-preview__body{--tpl-accent:var(--g-fg-accent);align-items:flex-start;gap:28px;display:flex}.tpl-preview__stage{border-radius:var(--g-r-lg);background:radial-gradient(90% 60% at 50% 0%, color-mix(in oklch, var(--tpl-accent) 26%, transparent), transparent 75%), color-mix(in oklch, var(--tpl-accent) 8%, var(--g-bg-canvas));flex-direction:column;flex:none;align-items:center;gap:12px;padding:16px 20px 12px;display:flex}.tpl-preview__device{place-items:center;block-size:483.84px;inline-size:229.6px;display:grid}.tpl-preview__shot{object-fit:cover;object-position:top;background:var(--g-bg-surface);block-size:844px;inline-size:390px;display:block}.tpl-preview__nav{align-items:center;gap:6px;display:flex}.tpl-preview__strip{gap:8px;margin:0;padding:0;list-style:none;display:flex}.tpl-preview__thumb{aspect-ratio:390/844;cursor:pointer;opacity:.6;inline-size:34px;box-shadow:0 0 0 var(--g-border-width) var(--g-border-hairline);transition:opacity var(--g-dur-quick) var(--g-ease-default), box-shadow var(--g-dur-quick) var(--g-ease-default);border:0;border-radius:6px;padding:0;display:block;overflow:hidden}.tpl-preview__thumb img{object-fit:cover;object-position:top;block-size:100%;inline-size:100%;display:block}.tpl-preview__thumb:hover{opacity:.9}.tpl-preview__thumb[aria-current=true]{opacity:1;box-shadow:0 0 0 2px var(--tpl-accent)}.tpl-preview__thumb:focus-visible{outline:2px solid var(--g-focus);outline-offset:2px}.tpl-preview__side{flex-direction:column;flex:1;align-items:flex-start;gap:16px;min-inline-size:0;padding-block-start:8px;display:flex}.tpl-preview__badges{flex-wrap:wrap;gap:6px;display:flex}.tpl-preview__badges .g-badge{align-items:center;gap:4px;display:inline-flex}.tpl-preview__tagline{color:var(--g-fg-1);margin:0;font-size:17px;line-height:26px}.tpl-preview__points{color:var(--g-fg-2);flex-direction:column;gap:10px;margin:0;padding:0;font-size:14px;line-height:20px;list-style:none;display:flex}.tpl-preview__points li{align-items:flex-start;gap:10px;display:flex}.tpl-preview__tick{border-radius:var(--g-r-pill);background:var(--g-active-bg);block-size:20px;inline-size:20px;color:var(--g-fg-accent);flex:none;place-items:center;display:grid}.tpl-preview__cta{flex-direction:column;align-items:flex-start;gap:8px;margin-block-start:8px;display:flex}@media (max-width:767px){.tpl-preview__body{flex-direction:column;align-items:stretch;gap:16px}.tpl-preview__cta,.tpl-preview__cta .g-btn{align-self:stretch}}@media (prefers-reduced-motion:reduce){.tpl-preview__thumb{transition:none}}.examples{flex-direction:column;gap:16px;inline-size:min(1240px,100%);padding:8px 16px 96px;display:flex}.examples__toolbar{flex-direction:column;align-items:center;gap:12px;display:flex}.examples__search{inline-size:min(420px,100%)}.examples__cats{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.examples__count{text-align:center}.examples__grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px 20px;display:grid}.example-tile{flex-direction:column;gap:10px;min-inline-size:0;display:flex}.example-tile__phone{aspect-ratio:390/844;box-shadow:var(--g-shadow-2);transition:transform var(--g-dur-base) var(--g-ease-standard), box-shadow var(--g-dur-base) var(--g-ease-standard);background:#121212;background:lab(5.26802% 0 0);border-radius:28px;padding:6px;position:relative}.example-tile:hover .example-tile__phone,.example-tile:focus-within .example-tile__phone{box-shadow:var(--g-shadow-float);transform:translateY(-3px)}.example-tile__phone img,.example-tile__art{object-fit:cover;background:var(--g-bg-surface);border-radius:22px;block-size:100%;inline-size:100%}.example-tile__art{text-align:center;color:var(--g-fg-accent);background:radial-gradient(120% 60% at 50% 0%, color-mix(in oklch, var(--g-sun-300) 45%, transparent), transparent 70%), var(--g-bg-surface);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:16px;display:flex}.example-tile__artname{font-size:15px;font-weight:var(--g-w-semibold);color:var(--g-fg-1)}.example-tile__meta{flex-direction:column;gap:4px;padding-inline:4px;display:flex}.example-tile__name{font-weight:var(--g-w-semibold);justify-content:space-between;align-items:center;gap:8px;display:flex}.example-tile__prompt{color:var(--g-fg-3);quotes:"“" "”";font-size:14px;line-height:20px}:lang(he) .example-tile__prompt{quotes:"״" "״"}.example-tile__actions{gap:8px;margin-block-start:auto;padding-inline:4px;display:flex}.examples__own{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-block-start:24px;padding:24px;display:flex}.example-preview__body{flex-direction:column;align-items:center;gap:16px;display:flex}.example-preview__phone{inline-size:min(240px,70vw)}@media (max-width:599px){.examples__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.example-tile__actions,.example-tile__name{flex-wrap:wrap}.examples__cats{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;inline-size:100%;padding-block-end:2px;overflow-x:auto}.examples__cats::-webkit-scrollbar{display:none}.examples__cats li{flex:none}}.examples__section{flex-direction:column;gap:16px;margin-block-start:8px;display:flex}.examples__section-head{flex-direction:column;gap:4px;display:flex}.examples__section-head>*{margin:0}