.yz-explore-page{overflow:hidden}.yz-explore-main{width:min(1540px,100% - 112px);margin:0 auto;padding:68px 0 112px}.yz-explore-intro{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:64px;padding-bottom:48px;display:grid}.yz-explore-index{color:var(--yz-cyan);letter-spacing:.04em;text-transform:uppercase;margin-bottom:18px;font:600 12px/18px Sora,Arial,sans-serif}.yz-explore-intro h1{letter-spacing:-.055em;max-width:1060px;font-size:clamp(48px,5.5vw,82px);line-height:1}.yz-explore-intro .yz-muted{max-width:760px;margin-top:26px;font-size:16px;line-height:27px}.yz-explore-workflow{border-top:1px solid var(--yz-line);border-bottom:1px solid var(--yz-line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.yz-explore-workflow>div{border-right:1px solid var(--yz-line);grid-template-columns:36px 1fr;align-content:center;column-gap:12px;min-height:106px;padding:20px 26px;display:grid}.yz-explore-workflow>div:last-child{border-right:0}.yz-explore-workflow span{color:var(--yz-cyan);grid-row:1/span 2;font:600 11px/22px Sora,Arial,sans-serif}.yz-explore-workflow strong{font:600 13px/22px Sora,Arial,sans-serif}.yz-explore-workflow p{color:var(--yz-muted);font-size:12px;line-height:19px}.yz-explore-gallery{padding-top:34px}.yz-template-detail{border-top:1px solid var(--yz-line);grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:32px;padding:32px 0;scroll-margin-top:100px;display:grid}.yz-template-detail-art{aspect-ratio:1;border-radius:14px;align-self:start;min-width:0;overflow:hidden}.yz-template-detail-art .yz-template-artwork{width:100%;height:100%}.yz-template-detail-video{aspect-ratio:16/9;background:#000}.yz-template-detail-video video{object-fit:contain;width:100%;height:100%;display:block}.yz-template-detail-copy{min-width:0}.yz-template-detail-copy h2{margin:8px 0 16px;font-size:28px;line-height:1.2}.yz-template-detail-copy p{color:var(--yz-muted);overflow-wrap:anywhere;margin-bottom:14px;line-height:1.6}.yz-template-detail-copy .yz-template-detail-status{color:var(--yz-cyan)}.yz-template-detail textarea{box-sizing:border-box;resize:vertical;width:100%;color:var(--yz-text);background:var(--yz-panel);border:1px solid var(--yz-line);font:inherit;border-radius:10px;padding:12px;line-height:1.6}.yz-template-detail-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;display:flex}.yz-template-detail .ui-copy-control{display:contents}.yz-template-detail .ops-copy-button{border:1px solid var(--yz-line);min-height:44px;color:var(--yz-text);background:var(--yz-panel);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;display:inline-flex}.yz-template-detail .ops-copy-feedback:empty{display:none}.yz-template-detail .ops-copy-feedback{color:var(--yz-muted);overflow-wrap:anywhere;font-size:13px}@media (max-width:800px){.yz-template-detail{grid-template-columns:minmax(0,1fr);gap:24px}}.yz-explore-toolbar{justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;display:flex}.yz-explore-toolbar>p{color:var(--yz-muted);font-variant-numeric:tabular-nums;text-transform:uppercase;letter-spacing:.05em;flex:none;font:500 11px/18px Sora,Arial,sans-serif}.yz-explore-filters{border:1px solid var(--yz-line);background:color-mix(in srgb, var(--yz-panel) 80%, transparent);scrollbar-width:none;border-radius:13px;gap:4px;padding:4px;display:flex;overflow-x:auto}.yz-explore-filters::-webkit-scrollbar{display:none}.yz-explore-filters button{min-height:44px;color:var(--yz-muted);white-space:nowrap;background:0 0;border:0;border-radius:9px;flex:none;padding:0 14px;font:600 11px/18px Sora,Arial,sans-serif;transition:color .18s,background-color .22s,transform .16s,box-shadow .22s}.yz-explore-filters button:hover{color:var(--yz-text)}.yz-explore-filters button[aria-pressed=true]{background:var(--yz-raised);color:var(--yz-text);box-shadow:inset 0 1px #ffffff12,0 8px 22px #0003}.yz-filter-short{display:none}.yz-explore-grid-v4{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:42px 18px;display:grid}.yz-explore-grid-v4:not([data-filter=all]){grid-template-columns:repeat(3,minmax(0,1fr))}.yz-explore-template{min-width:0;color:var(--yz-text);animation:.4s cubic-bezier(.22,1,.36,1) both yz-gallery-swap;animation-delay:calc(min(var(--card-order), 7) * 34ms);grid-template-rows:auto 1fr;display:grid}.yz-explore-template figure{aspect-ratio:1;background:var(--yz-panel);isolation:isolate;border-radius:14px;margin:0;position:relative;overflow:hidden}.yz-explore-template figure:after{content:"";z-index:3;pointer-events:none;border:1px solid var(--theme-line,#ffffff21);border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 -56px 72px #00000014}.yz-template-artwork{background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;transition:transform .62s cubic-bezier(.2,.8,.2,1),filter .32s;position:relative;overflow:hidden}.yz-template-artwork video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .24s;position:absolute;inset:0}.yz-template-artwork.is-playing video{opacity:1}.yz-template-video-cue{z-index:2;color:#fff;letter-spacing:.03em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080c14b8;border:1px solid #fff3;border-radius:7px;align-items:center;gap:6px;min-height:30px;padding:0 9px;font:600 9px/1 Sora,Arial,sans-serif;transition:opacity .18s,transform .22s;display:inline-flex;position:absolute;bottom:12px;right:12px}.yz-template-artwork.is-playing .yz-template-video-cue{opacity:0;transform:translateY(4px)}.yz-explore-template-badges{z-index:4;pointer-events:none;justify-content:space-between;display:flex;position:absolute;top:12px;left:12px;right:12px}.yz-explore-template-badges span{color:#fff;letter-spacing:.06em;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080c14b8;border:1px solid #ffffff2b;border-radius:7px;align-items:center;gap:6px;min-height:28px;padding:0 8px;font:600 9px/1 Sora,Arial,sans-serif;display:inline-flex}.yz-explore-template-copy{grid-template-rows:auto auto 1fr auto auto;padding:15px 2px 0;display:grid}.yz-explore-use-case{color:var(--yz-lavender);letter-spacing:.04em;text-transform:uppercase;font:600 10px/17px Sora,Arial,sans-serif}.yz-explore-template h2{letter-spacing:-.015em;margin-top:2px;font:600 16px/24px Sora,Arial,sans-serif}.yz-explore-description{max-width:32ch;color:var(--yz-muted);margin-top:8px;font-size:12px;line-height:19px}.yz-explore-template dl{border-top:1px solid var(--yz-line);grid-template-columns:1fr 1fr;gap:8px;margin-top:15px;padding-top:12px;display:grid}.yz-explore-template dt{color:var(--yz-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px;font-size:9px;line-height:14px}.yz-explore-template dd{font-size:11px;line-height:17px}.yz-explore-open{color:var(--yz-cyan);justify-content:space-between;align-items:center;gap:8px;margin-top:13px;font:600 11px/18px Sora,Arial,sans-serif;display:inline-flex}.yz-explore-open svg{transition:transform .22s cubic-bezier(.22,1,.36,1)}:is(.yz-explore-template:hover .yz-template-artwork,.yz-explore-template:focus-visible .yz-template-artwork){filter:saturate(1.05);transform:scale(1.025)}:is(.yz-explore-template:hover .yz-explore-open svg,.yz-explore-template:focus-visible .yz-explore-open svg){transform:translate(3px,-3px)}.yz-explore-template:active figure{transform:scale(.994)}@keyframes yz-gallery-swap{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1250px){.yz-explore-main{width:calc(100% - 64px);padding-top:52px}.yz-explore-grid-v4{grid-template-columns:repeat(3,minmax(0,1fr))}.yz-explore-toolbar{flex-direction:column;align-items:stretch;gap:11px}.yz-explore-filters{width:100%}}@media (max-width:860px){.yz-explore-intro{grid-template-columns:1fr;align-items:start;gap:26px}.yz-explore-intro .yz-button{justify-self:start}.yz-explore-workflow{grid-template-columns:1fr}.yz-explore-workflow>div{border-right:0;border-bottom:1px solid var(--yz-line);min-height:78px}.yz-explore-workflow>div:last-child{border-bottom:0}.yz-explore-grid-v4,.yz-explore-grid-v4:not([data-filter=all]){grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.yz-explore-main{width:calc(100% - 36px);padding:34px 0 70px}.yz-explore-intro{padding-bottom:34px}.yz-explore-intro h1{font-size:42px;line-height:1.02}.yz-explore-intro .yz-muted{margin-top:20px;font-size:14px;line-height:23px}.yz-explore-intro .yz-button{width:100%}.yz-explore-workflow>div{padding:17px 12px}.yz-explore-gallery{padding-top:24px}.yz-explore-filters{grid-template-columns:repeat(4,minmax(0,1fr));width:100%;display:grid;overflow:visible}html .yz-app .yz-explore-filters button{white-space:normal;overflow-wrap:anywhere;min-width:0;padding-inline:6px}.yz-filter-long{display:none}.yz-filter-short{display:inline}.yz-explore-grid-v4{grid-template-columns:1fr;gap:36px}.yz-explore-grid-v4:not([data-filter=all]){grid-template-columns:1fr}.yz-explore-template figure{border-radius:13px}.yz-explore-template h2{font-size:17px}}@media (max-width:360px){.yz-explore-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.yz-explore-template{animation:none}.yz-template-artwork,.yz-template-artwork video,.yz-template-video-cue,.yz-explore-open svg,.yz-explore-template figure{transition:none}}
