.template-pills{gap:6px;min-width:0;display:flex}.template-pills-row{flex-wrap:wrap;align-items:center}.template-pills-stack{z-index:2;pointer-events:none;flex-direction:column;align-items:flex-start;position:absolute;top:10px;left:10px;right:10px}.template-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.3px;color:#fff;white-space:nowrap;background:#0c0b0fc7;border-radius:999px;align-items:center;gap:5px;max-width:100%;min-height:24px;padding:3px 10px;font-size:11px;font-weight:700;line-height:1.2;display:inline-flex}.template-pill>svg{flex:none}.template-pill-length{-webkit-backdrop-filter:none;backdrop-filter:none;letter-spacing:.6px;color:#1b1608;background:#f5c451}.template-pill-popular,.template-pill-featured{color:#f5c451}.template-pill-hot{color:var(--pink-hover)}.template-pills-stack>.template-pill-featured{border-radius:9px;justify-content:center;width:30px;height:30px;min-height:0;padding:0;position:absolute;top:0;right:0}.template-card-examples{z-index:2;font-variant-numeric:tabular-nums;color:#e6e1ea;pointer-events:none;position:absolute;top:10px;right:10px}.template-card-examples-low{top:46px}.template-pills-row>.template-pill:not(.template-pill-length){-webkit-backdrop-filter:none;backdrop-filter:none;background:#ffffff08;box-shadow:inset 0 0 0 1px #ffffff21}.template-card{width:100%;aspect-ratio:var(--ratio,.5625);isolation:isolate;background:radial-gradient(at 50% 42%,#3a1f3a59,#0000 70%),#141218;border:1px solid #ffffff12;border-radius:12px;transition:border-color .2s,box-shadow .2s,transform .2s;display:block;position:relative;overflow:hidden;container-type:size}.template-card:hover,.template-card:focus-visible{border-color:#e91e8c99;box-shadow:0 14px 38px #00000080}.template-card:focus-visible{outline-offset:3px}.template-card-media{display:block;position:absolute;inset:0}.template-card-media>img,.template-card-media>video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.template-card-media>img{transition:transform .45s}.template-card:hover .template-card-media>img{transform:scale(1.035)}.template-card-media>video{opacity:0;pointer-events:none;transition:opacity .25s}.template-card-media>video.template-card-video-ready{opacity:1}.template-card-media:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#08070980,#0000);height:min(96px,40%);position:absolute;inset:0 0 auto}.template-card-placeholder{color:#b9b1c0;background-image:linear-gradient(#bd8acc09 1px,#0000 1px),linear-gradient(90deg,#bd8acc09 1px,#0000 1px);background-size:28px 28px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.template-card-placeholder>svg{box-sizing:content-box;background:#18171bd9;border:1px solid #ffffff1a;border-radius:50%;padding:12px}.template-card-caption{z-index:2;pointer-events:none;background:linear-gradient(#0000,#080709b3 46%,#080709eb);gap:4px;padding:48px 12px 12px;display:grid;position:absolute;bottom:0;left:0;right:0}.template-card-name{letter-spacing:-.2px;color:#fff;text-shadow:0 1px 2px #00000080;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.template-card-meta{color:#d5cfdb;text-overflow:ellipsis;white-space:nowrap;font-family:Arial,sans-serif;font-size:12px;line-height:1.4;overflow:hidden}.template-card-skeleton{width:100%;aspect-ratio:var(--ratio,.5625);border-radius:12px}@container (width>=260px) and (height>=240px){.template-card-caption{gap:5px;padding:56px 14px 15px}.template-card-name{letter-spacing:-.3px;font-size:16px;line-height:1.25}}@container (width<=170px) or (height<=190px){.template-pills-stack{gap:5px;top:8px;left:8px;right:8px}.template-pills-stack>.template-pill,.template-card-examples{min-height:22px;padding:2px 8px;font-size:10px}.template-pills-stack>.template-pill-featured{border-radius:8px;width:26px;height:26px;padding:0}.template-card-examples{top:8px;right:8px}.template-card-examples-low{top:39px}.template-card-caption{gap:3px;padding:36px 10px 10px}.template-card-name{font-size:13px}.template-card-meta{font-size:11px}}@container (width<=120px){.template-pill-word,.template-pills-stack>.template-pill:not(.template-pill-length,.template-pill-featured),.template-card-examples,.template-card-meta{display:none}}.templates-toolbar{flex-wrap:wrap;align-items:center;gap:10px 20px;margin-bottom:22px;display:flex}.templates-kind,.templates-sort{min-width:0;max-width:100%;display:flex}.templates-sound{color:#cfc9d5;cursor:pointer;align-items:center;gap:10px;min-height:40px;font-size:13px;font-weight:600;display:inline-flex;position:relative}.templates-sound:hover{color:#fff}.templates-sound>input{opacity:0;width:1px;height:1px;position:absolute}.templates-sound-track{background:#38303e;border-radius:20px;flex:none;width:36px;height:20px;transition:background-color .2s;position:relative}.templates-sound-track:after{content:"";background:#b4aabc;border-radius:50%;width:14px;height:14px;transition:transform .2s,background-color .2s;position:absolute;top:3px;left:3px}.templates-sound>input:checked+.templates-sound-track{background:var(--pink)}.templates-sound>input:checked+.templates-sound-track:after{background:#fff;transform:translate(16px)}.templates-sound>input:focus-visible+.templates-sound-track{outline-offset:3px;outline:2px solid #ff54b1}.templates-count{color:#96909c;margin-left:auto;font-family:Arial,sans-serif;font-size:13px;line-height:1.5}.templates-count strong{color:#f5f3f5;font-weight:600}.templates-empty{padding:64px 24px 68px}.template-back{color:#cfc9d5;align-items:center;gap:9px;min-height:40px;margin:-8px 0 16px;font-size:13px;font-weight:600;display:inline-flex}.template-back:hover{color:#fff}.template-back>svg{transform:rotate(180deg)}.template-preview-notice{margin-bottom:24px}.template-detail{--stage-height:min(76vh, 720px);grid-template-columns:minmax(0, min(44%, calc(var(--stage-height) * var(--ratio-max,.5625)))) minmax(0, 1fr);grid-template-rows:auto 1fr;grid-template-areas:"stage heading""stage body";align-items:start;column-gap:52px;min-width:0;display:grid}.template-detail-wide{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.template-detail-examples{--stage-height:clamp(300px, calc(78vh - 128px), 720px)}.template-detail-examples-tall{--stage-height:clamp(300px, calc(78vh - 216px), 720px)}.template-heading{grid-area:heading;min-width:0}.template-heading h1{letter-spacing:-1.5px;overflow-wrap:anywhere;margin-top:16px;font-size:34px;font-weight:500;line-height:1.1}.template-heading h1>span{color:var(--pink)}.template-viewer{grid-area:stage;min-width:0;position:sticky;top:24px;container-type:inline-size}.template-frame{--frame-width:min(100cqw, calc(var(--stage-height) * var(--ratio-max,.5625)));--frame-height:min(var(--stage-height), calc(var(--frame-width) / var(--ratio-min,.5625)));width:var(--frame-width);height:var(--frame-height);background:radial-gradient(at 50% 45%,#3a1f3a4d,#0000 70%),#0b0a0d;border-radius:12px;justify-content:center;align-items:center;margin-inline:auto;display:flex;position:relative;overflow:hidden}.template-frame:after{content:"";border-radius:inherit;pointer-events:none;border:1px solid #ffffff12;position:absolute;inset:0}.template-stage{width:min(100%, calc(var(--frame-height) * var(--example-ratio,.5625)));aspect-ratio:var(--example-ratio,.5625);flex:none;position:relative;overflow:hidden}.template-stage>video,.template-stage>img,.template-stage>a,.template-stage>a>img{width:100%;height:100%;position:absolute;inset:0}.template-stage>a{cursor:zoom-in}.template-stage>a>img,.template-stage>video{object-fit:contain;background:#070609}.template-stage>img{object-fit:cover}.template-stage-status{text-align:center;background-image:linear-gradient(#bd8acc09 1px,#0000 1px),linear-gradient(90deg,#bd8acc09 1px,#0000 1px);background-size:28px 28px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:22px 18px;display:flex;position:absolute;inset:0}.template-stage-status>svg{box-sizing:content-box;color:#b9b1c0;background:#18171bd9;border:1px solid #ffffff1a;border-radius:50%;padding:14px}.template-stage-status>strong{letter-spacing:-.2px;font-size:16px;font-weight:600}.template-stage-status>p{color:#a8a2ae;max-width:32ch;font-family:Arial,sans-serif;font-size:13px;line-height:1.6}.template-stage-note{color:#e6e1ea;background:linear-gradient(#0000,#080709d9);padding:44px 16px 14px;font-family:Arial,sans-serif;font-size:13px;line-height:1.5;position:absolute;bottom:0;left:0;right:0}.template-examples{min-width:0;margin-top:14px}.template-examples-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;display:flex}.template-examples-head>h2{color:#f5f3f5;font-size:13px;font-weight:600}.template-examples-head>span{font-variant-numeric:tabular-nums;color:#96909c;font-family:Arial,sans-serif;font-size:12px}.template-examples-list{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.template-examples-list>li{flex:none;width:clamp(44px,20% - 6.4px,64px)}.template-example{aspect-ratio:3/4;opacity:.72;background:#18171b;border-radius:8px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.template-example:hover,.template-example:focus-visible,.template-example[aria-pressed=true]{opacity:1}.template-example:focus-visible{outline-offset:2px}.template-example:after{content:"";border-radius:inherit;pointer-events:none;border:1px solid #ffffff2e;position:absolute;inset:0}.template-example[aria-pressed=true]:after{border:2px solid var(--pink)}.template-example>img{object-fit:cover;width:100%;height:100%}.template-example-blank{color:#6f6877;justify-content:flex-start;align-items:flex-end;padding:6px;display:flex;position:absolute;inset:0}.template-example-index,.template-example-length{color:#fff;background:#0c0b0fd1;border-radius:5px;justify-content:center;align-items:center;height:16px;font-size:10px;font-weight:700;line-height:1;display:inline-flex;position:absolute}.template-example-index{min-width:16px;padding:0 4px;top:4px;left:4px}.template-example-length{padding:0 4px;font-weight:600;bottom:4px;right:4px}.template-example-play{color:#fff;background:#0c0b0fb8;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.template-example-play>svg{fill:currentColor;margin-left:1px}.template-example[aria-pressed=true]>.template-example-play{background:var(--pink)}.template-body{grid-area:body;grid-template-columns:minmax(0,1fr);gap:32px;min-width:0;padding-top:14px;display:grid}.template-description{color:#b3adb9;overflow-wrap:anywhere;white-space:pre-line;max-width:64ch;font-family:Arial,sans-serif;font-size:15px;line-height:1.65}.template-actions{flex-wrap:wrap;align-items:center;gap:12px 18px;display:flex}.template-body>.template-actions:first-child{margin-top:12px}.template-actions .button{min-height:50px;padding-inline:24px;font-size:14px}.template-actions p{color:#96909c;max-width:44ch;font-family:Arial,sans-serif;font-size:13px;line-height:1.5}.template-section>h2{letter-spacing:-.3px;font-size:16px;font-weight:600}.template-section>h2+p{color:#96909c;max-width:64ch;margin-top:6px;font-family:Arial,sans-serif;font-size:13px;line-height:1.6}.template-needs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0 0;display:grid}.template-needs>div{background:#18171b;border:1px solid #ffffff12;border-radius:9px;grid-template-columns:auto minmax(0,1fr);align-content:start;column-gap:13px;min-width:0;padding:14px 15px;display:grid}.template-needs>div>svg{box-sizing:content-box;color:#f58cc4;background:#111014;border:1px solid #ffffff14;border-radius:8px;grid-row:1/span 2;padding:9px}.template-needs dt{color:#96909c;align-self:end;font-size:12px;font-weight:500;line-height:1.4}.template-needs dd{overflow-wrap:anywhere;min-width:0;margin:0}.template-needs dd>strong{letter-spacing:-.2px;color:#f5f3f5;margin-top:1px;font-size:15px;font-weight:600;line-height:1.35;display:block}.template-needs dd>span{color:#96909c;margin-top:5px;font-family:Arial,sans-serif;font-size:12px;line-height:1.5;display:block}.template-images{grid-template-columns:repeat(auto-fill,minmax(116px,1fr));gap:14px 12px;margin:16px 0 0;padding:0;list-style:none;display:grid}.template-images figure{min-width:0;margin:0}.template-images img{aspect-ratio:4/5;object-fit:cover;background:#18171b;border:1px solid #ffffff12;border-radius:9px;width:100%}.template-images figcaption{padding:9px 2px 0}.template-images figcaption>strong{color:#f5f3f5;font-size:13px;font-weight:600;line-height:1.4;display:block}.template-images figcaption>span{color:#96909c;overflow-wrap:anywhere;margin-top:2px;font-family:Arial,sans-serif;font-size:12px;line-height:1.5;display:block}.template-chips{flex-wrap:wrap;gap:6px;margin:12px 0 0;padding:0;list-style:none;display:flex}.template-chips>li{color:#cfc9d5;background:#ffffff06;border:1px solid #ffffff17;border-radius:6px;align-items:center;gap:6px;min-height:30px;padding:3px 11px;font-size:12px;font-weight:500;display:inline-flex}.template-chips>li>svg{color:#96909c}.template-missing{padding:64px 24px 68px}.template-missing h1{letter-spacing:-.6px;font-size:22px;font-weight:600;line-height:1.2}.template-detail-loading .template-frame{background:0 0}.template-detail-loading .template-frame:after{content:none}.template-detail-loading .template-frame>.skeleton{border-radius:12px;position:absolute;inset:0}.template-detail-loading .template-heading,.template-detail-loading .template-body{gap:12px;display:grid}.template-detail-loading .template-body{padding-top:26px}@media (width<=1150px){.template-detail{column-gap:36px}}@media (width<=900px){.template-detail,.template-detail-wide{grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-template-areas:"heading""stage""body"}.template-detail,.template-detail-examples,.template-detail-examples-tall{--stage-height:min(60vh, 540px)}.template-viewer{margin-top:22px;position:relative;top:auto}.template-examples{width:fit-content;max-width:100%;margin-inline:auto}.template-examples-list{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;flex-wrap:nowrap;margin:-4px;padding:4px;overflow-x:auto}.template-examples-list::-webkit-scrollbar{display:none}.template-examples-list>li{scroll-snap-align:start;width:60px}.template-body{padding-top:24px}}@media (width<=760px){.template-heading h1{letter-spacing:-1.4px;font-size:30px}.templates-count{flex-basis:100%;margin-left:0}}@media (width<=600px){.template-card,.template-card-skeleton{border-radius:10px}.templates-kind,.templates-kind>.segmented,.templates-sort,.templates-sort>.segmented{width:100%}.templates-kind>.segmented,.templates-sort>.segmented{flex-wrap:nowrap}.templates-kind .segmented-option,.templates-sort .segmented-option{flex:auto;padding:0 8px;font-size:12px}.templates-toolbar{justify-content:space-between}.templates-count{flex-basis:auto;margin-left:auto}.template-needs{grid-template-columns:minmax(0,1fr)}.template-actions .button{width:100%}.template-actions p{max-width:none}.template-images{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 10px}}@media (prefers-reduced-motion:reduce){.template-card,.template-card-media>img,.template-card-media>video,.template-example,.templates-sound-track,.templates-sound-track:after{transition:none}.template-card:hover .template-card-media>img{transform:none}}