.template-showcase{color-scheme:light;scroll-behavior:smooth;background:var(--paper);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-align:left;margin:0;scroll-padding-top:24px;line-height:normal}.template-showcase *{box-sizing:border-box}.template-showcase button,.template-showcase input,.template-showcase select{font:inherit}.template-showcase a{color:inherit;text-decoration:none}.template-showcase button,.template-showcase a,.template-showcase input,.template-showcase select{-webkit-tap-highlight-color:transparent}.template-showcase button{cursor:pointer}.template-showcase a:focus-visible,.template-showcase button:focus-visible,.template-showcase input:focus-visible,.template-showcase select:focus-visible{outline:3px solid var(--action);outline-offset:5px}.template-showcase img{max-width:100%;height:auto;display:block}.template-showcase p,.template-showcase h1,.template-showcase h2,.template-showcase h3,.template-showcase figure{margin:0}.template-showcase .sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.template-showcase .skip-link{z-index:50;background:var(--ink);color:var(--paper);padding:12px 20px;position:absolute;top:-100px;left:24px}.template-showcase .skip-link:focus{top:12px}.template-showcase .site-header,.template-showcase .hero,.template-showcase .hero-foot,.template-showcase .collection,.template-showcase .closing,.template-showcase .site-footer{max-width:1600px;margin-inline:auto;padding-inline:48px}.template-showcase .site-header{justify-content:space-between;align-items:center;height:112px;display:flex}.template-showcase .logo{flex:none;align-items:center;gap:12px;line-height:normal;display:inline-flex}.template-showcase .logo-icon{border-radius:6px;width:40px;height:40px}.template-showcase .logo-wordmark{width:169px;height:28px;display:block;position:relative;overflow:hidden}.template-showcase .logo-wordmark img{width:211px;max-width:none;height:28px;position:absolute;top:0;left:-42px}.template-showcase .site-header nav a{align-items:center;gap:16px;min-height:44px;font-size:.94rem;display:flex}.template-showcase .site-header nav a:hover{color:var(--link-hover)}.template-showcase .hero{text-align:left;background:var(--paper);grid-template-columns:32% 68%;align-items:center;min-height:650px;padding-top:12px;padding-bottom:48px;display:grid;position:relative;overflow:hidden}.template-showcase .hero-copy{z-index:1;padding-bottom:24px}.template-showcase .hero h1{letter-spacing:-.075em;margin-left:-.045em;font-size:clamp(4.25rem,6.5vw,7.4rem);font-weight:800;line-height:.88}.template-showcase .hero h1 span,.template-showcase .closing h2 span{color:var(--orange)}.template-showcase .hero-copy p{letter-spacing:-.035em;max-width:none;margin:32px 0;font-size:clamp(1.25rem,1.8vw,1.85rem);line-height:1.3}.template-showcase .button{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:32px;min-height:56px;padding:16px 24px;font-size:1rem;font-weight:500;transition:background .2s,transform .2s,color .2s;display:inline-flex}.template-showcase .button-primary{background:var(--action);color:var(--paper)}.template-showcase .button-primary:hover{background:var(--action-hover);transform:translateY(-2px)}.template-showcase .button-primary span{font-size:1.4rem;line-height:1}.template-showcase .button-secondary{border-color:var(--border-strong);background:0 0}.template-showcase .button-secondary:hover{background:var(--surface)}.template-showcase .hero-copy small{color:var(--muted);margin-top:16px;font-size:.94rem;display:block}.template-showcase .hero-art{width:124%;max-width:none;margin-left:-2%;position:relative}.template-showcase .hero-art>img{mix-blend-mode:multiply;width:100%;max-width:none}.template-showcase .hero-art figcaption{color:var(--caption);grid-template-columns:1.1fr .94fr 1fr;margin-top:-3%;padding:0 4% 0 5%;font-size:.9rem;display:grid}.template-showcase .hero-art figcaption span{text-align:center}.template-showcase .hero-foot{color:var(--muted);justify-content:space-between;align-items:center;gap:24px;padding-top:20px;padding-bottom:40px;font-size:.85rem;display:flex}.template-showcase .hero-foot strong{color:var(--ink);font-weight:600}.template-showcase .hero-foot p:last-child{font-size:.75rem}.template-showcase .collection{border-top:1px solid var(--line);padding-top:80px;padding-bottom:104px;scroll-margin-top:16px}.template-showcase .collection-heading{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:40px;display:flex}.template-showcase .eyebrow{letter-spacing:.14em;font-size:.65rem;font-weight:700}.template-showcase .collection h2{letter-spacing:-.055em;margin-top:16px;font-size:clamp(2rem,3.3vw,3.5rem);font-weight:500;line-height:1.1}.template-showcase .collection-heading>p{color:var(--muted);padding-bottom:4px;font-size:.94rem;line-height:1.5}.template-showcase .mobile-break{display:none}.template-showcase .collection-tabs{border-bottom:1px solid var(--line);gap:32px;margin-bottom:24px;display:flex}.template-showcase .collection-tabs button{min-height:56px;color:var(--muted);background:0 0;border:0;align-items:center;gap:8px;padding:0 0 16px;font-size:.94rem;display:flex;position:relative}.template-showcase .collection-tabs button span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.7rem}.template-showcase .collection-tabs button[aria-pressed=true]{color:var(--ink)}.template-showcase .collection-tabs button[aria-pressed=true]:after{content:"";background:var(--orange);height:2px;position:absolute;bottom:-1px;left:0;right:0}.template-showcase .filters{gap:12px;display:flex}.template-showcase .search{border:1px solid var(--line);background:var(--paper);cursor:text;border-radius:6px;flex:1;align-items:center;gap:12px;min-width:200px;height:52px;padding:0 16px;display:flex}.template-showcase .search:focus-within{outline:3px solid var(--action);outline-offset:5px}.template-showcase .search input{width:100%;min-width:0;height:100%;color:var(--ink);background:0 0;border:0;outline:none;padding:0;font-size:.9rem}.template-showcase .search input::placeholder{color:var(--muted)}.template-showcase .search svg{color:var(--muted);pointer-events:none;flex:none}.template-showcase .select{min-width:180px;display:flex;position:relative}.template-showcase .select select{appearance:none;border:1px solid var(--line);background:var(--paper);width:100%;height:52px;color:var(--ink);cursor:pointer;border-radius:6px;padding:0 44px 0 16px;font-size:.88rem}.template-showcase .select:after{content:"⌄";pointer-events:none;position:absolute;top:13px;right:16px}.template-showcase .collection-status{min-height:68px;color:var(--muted);align-items:center;gap:24px;font-size:.75rem;display:flex}.template-showcase .collection-status button{color:var(--ink);text-underline-offset:4px;background:0 0;border:0;padding:12px 0;font-size:.75rem;text-decoration:underline}.template-showcase .preview-note{margin-left:auto}.template-showcase .template-grid{flex-direction:column;display:flex}.template-showcase .template-batch{column-count:3;column-gap:32px;display:block}.template-showcase .template{break-inside:avoid;width:100%;min-width:0;margin-bottom:48px;display:inline-block}.template-showcase .template-image{aspect-ratio:auto;background:var(--surface);border:1px solid var(--line);text-align:left;width:100%;box-shadow:0 8px 28px color-mix(in srgb,var(--ink) 8%,transparent);border-radius:3px;padding:0;display:block;position:relative;overflow:visible}.template-showcase .template-image>img{object-fit:contain;width:100%;height:auto;box-shadow:none}.template-showcase .template-meta{justify-content:space-between;align-items:flex-start;gap:8px;margin-top:0;display:flex}.template-showcase .template-brand{margin-bottom:7px;font-size:.75rem;font-weight:600}.template-showcase .template h3{letter-spacing:-.03em;font-size:1.05rem;font-weight:500;line-height:1.25}.template-showcase .template-type{text-align:right;max-width:45%;color:var(--muted);padding-top:1px;font-size:.65rem;line-height:1.4}.template-showcase .template-action{border-top:0;justify-content:space-between;align-items:center;gap:12px;margin-top:4px;margin-bottom:14px;font-size:.7rem;display:flex}.template-showcase .template-action>span{color:var(--muted)}.template-showcase .template-action a{white-space:nowrap;align-items:center;gap:10px;min-height:44px;font-weight:600;display:inline-flex}.template-showcase .template-action a:hover{color:var(--link-hover)}.template-showcase .load-more{text-align:center;margin-top:56px}.template-showcase .load-more p{color:var(--muted);margin-bottom:16px;font-size:.75rem}.template-showcase .load-more .button{min-width:220px}.template-showcase .empty{text-align:center;background:var(--surface);padding:88px 24px}.template-showcase .empty h3{letter-spacing:-.04em;font-size:1.7rem}.template-showcase .empty p{color:var(--muted);margin:12px 0 24px}.template-showcase .closing{background:var(--surface);padding-block:88px 104px}.template-showcase .closing h2{letter-spacing:-.065em;margin:32px 0;font-size:clamp(3rem,6vw,6.25rem);font-weight:500;line-height:.98}.template-showcase .closing>div{justify-content:space-between;align-items:flex-end;gap:32px;display:flex}.template-showcase .closing>div>p{color:var(--muted);letter-spacing:-.015em;font-size:1.1rem;line-height:1.5}.template-showcase .site-footer{justify-content:space-between;align-items:center;gap:40px;padding-block:56px;display:flex}.template-showcase .site-footer .logo-icon{width:32px;height:32px}.template-showcase .site-footer .logo-wordmark{transform-origin:0;margin-right:-24px;transform:scale(.85)}.template-showcase .site-footer>p{color:var(--muted);font-size:.7rem;line-height:1.6}.template-showcase .site-footer>a{font-size:.8rem}.template-showcase .preview-dialog{background:var(--paper);width:min(1040px,100% - 48px);height:min(92vh,1100px);max-height:92dvh;color:var(--ink);box-shadow:0 32px 96px color-mix(in srgb,var(--ink) 30%,transparent);border:0;border-radius:12px;padding:0;overflow:hidden}.template-showcase .preview-dialog::backdrop{background:color-mix(in srgb,var(--ink) 60%,transparent);backdrop-filter:blur(5px)}.template-showcase .preview-shell{flex-direction:column;height:100%;display:flex}.template-showcase .preview-shell>header{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;gap:24px;padding:24px 32px;display:flex}.template-showcase .preview-shell h2{letter-spacing:-.04em;margin:8px 0 0;font-size:1.5rem;font-weight:500}.template-showcase .close{border:1px solid var(--line);background:var(--paper);border-radius:50%;flex:none;place-items:center;width:44px;height:44px;font-size:1.5rem;display:grid}.template-showcase .close:hover{background:var(--surface)}.template-showcase .preview-body{background:var(--surface);overscroll-behavior:contain;flex:1;padding:32px;overflow:auto}.template-showcase .preview-body>img{width:min(640px,100%);height:auto;box-shadow:0 4px 24px color-mix(in srgb,var(--ink) 8%,transparent);margin:auto}.template-showcase .preview-shell>footer{border-top:1px solid var(--line);background:var(--paper);flex:none;justify-content:space-between;align-items:center;gap:24px;padding:20px 32px;display:flex}.template-showcase .preview-shell>footer strong{font-size:.9rem;font-weight:500}.template-showcase .preview-shell>footer p{color:var(--muted);margin-top:6px;font-size:.75rem;line-height:1.5}.template-showcase .preview-shell>footer .button{white-space:nowrap;gap:24px;min-height:48px;padding:12px 20px;font-size:.9rem}@media (width>=1600px){.template-showcase .hero{min-height:max(750px,100svh - 188px)}.template-showcase .hero h1{font-size:7.4rem}.template-showcase .hero-art{width:118%}}@media (width<=1100px){.template-showcase .site-header,.template-showcase .hero,.template-showcase .hero-foot,.template-showcase .collection,.template-showcase .closing,.template-showcase .site-footer{padding-inline:32px}.template-showcase .hero{grid-template-columns:35% 65%;min-height:560px}.template-showcase .hero h1{font-size:6.8vw}.template-showcase .hero-copy p{margin:24px 0;font-size:1.35rem}.template-showcase .hero-art{width:135%}.template-showcase .hero .button{gap:24px;padding:14px 18px}.template-showcase .collection-heading{align-items:flex-start}.template-showcase .collection-heading>p{max-width:290px;font-size:.85rem}.template-showcase .template-batch{column-count:2;column-gap:28px}.template-showcase .collection-tabs{gap:24px}.template-showcase .preview-note{display:none}.template-showcase .filters{flex-wrap:wrap}.template-showcase .search{flex-basis:45%}.template-showcase .select{flex:1;min-width:160px}.template-showcase .site-footer{flex-wrap:wrap;gap:24px}.template-showcase .site-footer>p,.template-showcase .site-footer>a{margin-left:auto}.template-showcase .closing h2{font-size:5rem}}@media (width<=700px){.template-showcase .site-header,.template-showcase .hero,.template-showcase .hero-foot,.template-showcase .collection,.template-showcase .closing,.template-showcase .site-footer{padding-inline:24px}.template-showcase .site-header{height:88px}.template-showcase .logo{gap:8px}.template-showcase .logo-icon{border-radius:5px;width:32px;height:32px}.template-showcase .logo-wordmark{width:145px;height:24px}.template-showcase .logo-wordmark img{width:181px;height:24px;left:-36px}.template-showcase .site-header nav a{gap:6px;font-size:.75rem}.template-showcase .hero{flex-direction:column;align-items:stretch;min-height:0;padding-top:32px;padding-bottom:8px;display:flex;overflow:hidden}.template-showcase .hero-copy{padding-bottom:0}.template-showcase .hero h1{letter-spacing:-.07em;font-size:clamp(4rem,13.8vw,6rem);line-height:.9}.template-showcase .hero h1 br:first-of-type{display:block}.template-showcase .hero-copy p{margin:24px 0;font-size:1.25rem;line-height:1.4}.template-showcase .hero-copy p br{display:none}.template-showcase .hero .button{gap:40px;min-height:52px;padding:14px 22px}.template-showcase .hero-copy small{margin-top:12px;font-size:.8rem}.template-showcase .hero-art{width:135%;margin-top:8px;margin-bottom:20px;margin-left:-8%}.template-showcase .hero-art figcaption{padding-right:8%;font-size:.65rem}.template-showcase .hero-foot{padding-top:8px;padding-bottom:32px;font-size:.8rem;display:block}.template-showcase .hero-foot p:last-child{margin-top:8px;font-size:.65rem}.template-showcase .collection{padding-top:40px;padding-bottom:64px}.template-showcase .collection-heading{margin-bottom:24px;display:block}.template-showcase .collection h2{margin-top:12px;font-size:2.5rem}.template-showcase .collection-heading>p{max-width:none;margin-top:16px;font-size:.85rem;line-height:1.55}.template-showcase .mobile-break{display:block}.template-showcase .collection-tabs{white-space:nowrap;gap:24px;margin-bottom:16px;overflow:auto}.template-showcase .collection-tabs button{gap:6px;min-height:52px;padding-bottom:12px;font-size:.8rem}.template-showcase .collection-tabs button span{font-size:.6rem}.template-showcase .filters{gap:8px}.template-showcase .search{flex-basis:100%;height:48px;padding-inline:12px}.template-showcase .search input{font-size:.85rem}.template-showcase .select{flex:1;min-width:0}.template-showcase .select select{height:48px;padding-left:12px;font-size:.8rem}.template-showcase .collection-status{gap:16px;min-height:56px;font-size:.7rem}.template-showcase .template-batch{column-count:1}.template-showcase .template-image{border-radius:3px}.template-showcase .template-meta{gap:16px;margin-top:0;display:flex}.template-showcase .template-brand{margin-bottom:4px;font-size:.85rem;line-height:1.4}.template-showcase .template h3{font-size:1.2rem;line-height:1.25}.template-showcase .template-type{font-size:.75rem;display:block}.template-showcase .template-action{margin-top:4px;padding-top:0;font-size:.85rem;display:flex}.template-showcase .template-action>span{font-size:.75rem;display:block}.template-showcase .template-action a{gap:12px;min-height:48px}.template-showcase .load-more{margin-top:40px}.template-showcase .closing{padding-block:56px 64px}.template-showcase .closing h2{margin-block:24px;font-size:3.4rem;line-height:1.02}.template-showcase .closing>div{display:block}.template-showcase .closing>div>p{margin-bottom:24px;font-size:.98rem}.template-showcase .closing>div>p br{display:none}.template-showcase .site-footer{flex-direction:column;align-items:flex-start;gap:24px;padding-block:36px}.template-showcase .site-footer>p,.template-showcase .site-footer>a{margin-left:0}.template-showcase .site-footer>p{font-size:.65rem}.template-showcase .preview-dialog{border-radius:8px;width:calc(100% - 16px);height:94dvh;max-height:94dvh}.template-showcase .preview-shell>header{gap:16px;padding:16px 20px}.template-showcase .preview-shell h2{font-size:1.2rem}.template-showcase .preview-body{padding:16px 8px}.template-showcase .preview-shell>footer{padding:16px;display:block}.template-showcase .preview-shell>footer>div{margin-bottom:12px}.template-showcase .preview-shell>footer p{font-size:.72rem}.template-showcase .preview-shell>footer .button{width:100%;min-height:48px}.template-showcase .close{width:40px;height:40px}.template-showcase .template{margin-bottom:40px}}@media (prefers-reduced-motion:reduce){.template-showcase{scroll-behavior:auto}.template-showcase *,.template-showcase :before,.template-showcase :after{transition:none!important;animation:none!important}}.templates-page .template-showcase{--font-sans:"Inter", system-ui, sans-serif;--paper:var(--white);--line:var(--border);--action:color-mix(in srgb, var(--orange) 80%, var(--ink));--action-hover:color-mix(in srgb, var(--orange) 70%, var(--ink));--link-hover:var(--action-hover);--border-strong:color-mix(in srgb, var(--border) 85%, var(--ink));--caption:var(--muted)}
