.tmpl-gallery{background:var(--ink);color:var(--bg);max-width:var(--container);border-radius:16px;margin:0 auto;padding:clamp(40px,6vw,72px) clamp(18px,4vw,40px);position:relative;overflow:hidden}.tmpl-gallery:before{content:"";background:radial-gradient(circle, color-mix(in oklab, var(--accent) 30%, transparent), transparent 70%);pointer-events:none;border-radius:50%;width:400px;height:400px;position:absolute;top:-100px;right:-100px}.tmpl-gallery:after{content:"";background:radial-gradient(circle, color-mix(in oklab, var(--teal) 22%, transparent), transparent 70%);pointer-events:none;border-radius:50%;width:380px;height:380px;position:absolute;bottom:-140px;left:-120px}.tmpl-gallery>*{position:relative}.tmpl-gallery .sec-title{color:var(--bg)}.tmpl-gallery .sec-sub{color:color-mix(in oklab, var(--bg) 62%, var(--ink))}.tmpl-gallery .sec-eye{color:var(--teal)}.tmpl-tabs-wrap{text-align:center}.tmpl-tabs{background:#ffffff0d;border:1px solid #ffffff14;border-radius:100px;flex-wrap:wrap;justify-content:center;gap:4px;margin-bottom:clamp(28px,4vw,40px);padding:4px;display:inline-flex}.tmpl-tab{color:color-mix(in oklab, var(--bg) 60%, var(--ink));white-space:nowrap;border-radius:100px;padding:8px 16px;font-size:13.5px;transition:background .2s,color .2s}.tmpl-tab.active{background:var(--bg);color:var(--ink)}.tmpl-tab:hover:not(.active){color:var(--bg)}.templates{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.tmpl{background:var(--ink-deep);text-align:left;color:var(--bg);cursor:pointer;border:1px solid #ffffff0f;border-radius:14px;flex-direction:column;gap:12px;padding:12px;transition:transform .22s,border-color .22s,box-shadow .22s;display:flex}.tmpl:hover{border-color:#ffffff2e;transform:translateY(-4px);box-shadow:0 18px 40px -22px #000c}.tmpl:focus-visible{border-color:var(--teal);box-shadow:0 0 0 2px color-mix(in oklab, var(--teal) 70%, transparent);outline:none}.tmpl.is-hidden{display:none}.tmpl-shot{aspect-ratio:16/10;background:var(--bg);border:1px solid #ffffff14;border-radius:9px;display:block;position:relative;overflow:hidden}.tmpl-shot img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .3s;display:block}.tmpl:hover .tmpl-shot img{transform:scale(1.045)}.tmpl-badge{letter-spacing:.04em;color:var(--bg);-webkit-backdrop-filter:blur(6px);background:#12122bb8;border:1px solid #ffffff1f;border-radius:6px;padding:4px 8px;font-family:JetBrains Mono,monospace;font-size:10px;position:absolute;top:9px;left:9px}.tmpl-meta{justify-content:space-between;align-items:baseline;gap:10px;padding:0 4px 4px;display:flex}.tmpl-meta .name{letter-spacing:-.01em;font-size:14px;font-weight:500;line-height:1.25}.tmpl-meta .cat{color:var(--teal);white-space:nowrap;flex-shrink:0;font-family:JetBrains Mono,monospace;font-size:10.5px}.tmpl-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:clamp(28px,4vw,36px);display:flex}.tmpl-foot .note{color:color-mix(in oklab, var(--bg) 60%, var(--ink));font-family:JetBrains Mono,monospace;font-size:12px}.tmpl-foot .note strong{color:var(--bg);font-family:Inter Tight,sans-serif;font-size:16px;font-weight:500}.tmpl-modal{background:var(--card);width:min(940px,100vw - 32px);max-height:min(88vh,720px);color:var(--ink);border:none;border-radius:16px;padding:0;overflow:hidden;box-shadow:0 40px 100px -20px #0000008c}.tmpl-modal::backdrop{backdrop-filter:blur(3px);background:#12122b9e}.tmpl-modal-close{z-index:2;color:#fff;backdrop-filter:blur(6px);background:#12122b8c;border-radius:50%;place-items:center;width:34px;height:34px;font-size:15px;line-height:1;transition:background .15s;display:grid;position:absolute;top:12px;right:12px}.tmpl-modal-close:hover{background:var(--accent)}.tmpl-modal-grid{grid-template-columns:1.25fr 1fr;max-height:min(88vh,720px);display:grid}.tmpl-modal-shot{background:var(--bg);min-height:0;position:relative}.tmpl-modal-shot img{object-fit:cover;object-position:center;width:100%;height:100%;max-height:min(88vh,720px);transition:opacity .15s;display:block}.tmpl-modal-live{justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.tmpl-modal-live[hidden]{display:none}.tmpl-modal-body{flex-direction:column;gap:14px;padding:clamp(22px,3vw,34px);display:flex;overflow-y:auto}.tmpl-modal-chips{flex-wrap:wrap;gap:8px;display:flex}.tmpl-chip{background:var(--card-warm);color:var(--ink-2);border:1px solid var(--line);white-space:nowrap;border-radius:100px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:11px}.tmpl-chip.accent{background:color-mix(in oklab, var(--accent) 12%, transparent);color:var(--accent);border-color:color-mix(in oklab, var(--accent) 28%, transparent)}.tmpl-modal-body h3{letter-spacing:-.02em;color:var(--ink);margin:0;font-family:Fraunces,Georgia,Times New Roman,serif;font-size:clamp(22px,2.4vw,28px);font-weight:500;line-height:1.1}.tmpl-modal-desc{color:var(--ink-2);text-wrap:pretty;margin:0;font-size:15px;line-height:1.62}.tmpl-modal-tags{flex-wrap:wrap;gap:6px;display:flex}.tmpl-modal-tags .tag{letter-spacing:.02em;background:var(--card-warm);color:var(--muted);border:1px solid var(--line);border-radius:5px;padding:3px 8px;font-family:JetBrains Mono,monospace;font-size:10.5px}.tmpl-modal-cta{flex-wrap:wrap;align-items:center;gap:14px;margin-top:auto;padding-top:6px;display:flex}.tmpl-modal-cta .btn-clear{color:var(--ink-2);border-color:var(--line)}.tmpl-modal-cta .btn-clear:hover{color:var(--ink);border-color:var(--ink-2);background:var(--card-warm)}html.tmpl-modal-open{overflow:hidden}@media (width<=960px){.templates{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.tmpl-modal-grid{grid-template-rows:auto 1fr;grid-template-columns:1fr;max-height:88vh}.tmpl-modal-shot,.tmpl-modal-shot img{max-height:40vh}}@media (width<=560px){.templates{grid-template-columns:1fr}}