.template-page{z-index:1;position:relative}.template-page main,.template-next{max-width:var(--shell);padding-inline:var(--gutter);margin-inline:auto}.template-hero{grid-template-columns:minmax(0,1fr) 20rem;align-items:center;gap:clamp(2rem,5vw,4.5rem);padding-block:clamp(3.5rem,9vh,6rem) clamp(2.5rem,6vh,4rem);display:grid}.template-hero h1{max-width:16ch}.template-hero h1 em{font-variation-settings:"opsz" 96;background:linear-gradient(100deg, var(--client), var(--meet) 60%, var(--server));color:#0000;background-clip:text;font-family:Fraunces Variable,Georgia,serif;font-style:italic;font-weight:500}.template-badges{flex-wrap:wrap;gap:.5rem;margin-block-start:1.75rem;display:flex}.template-badges span{border:1px solid var(--edge);background:var(--glass);color:var(--muted);font-family:var(--mono);border-radius:999px;padding:.4375rem .75rem;font-size:.75rem}.template-hero-note{border:1px solid var(--edge);border-radius:var(--radius);background:var(--raised);padding:1.75rem;box-shadow:0 30px 80px -40px #000000b3}.template-hero-note strong{font-family:var(--display);letter-spacing:-.015em;margin-block-start:1.75rem;font-size:1.125rem;display:block}.template-hero-note p{color:var(--muted);margin-block-start:.5rem;font-size:.875rem;line-height:1.6}.template-sheet-art{border:1px solid var(--edge-strong);background:var(--inset);border-radius:10px;grid-template-columns:1fr 1fr;gap:.5rem;width:10.625rem;height:8rem;margin-inline:auto;padding:1.5rem;display:grid;position:relative;rotate:-7deg}.template-sheet-art span{background:var(--edge-strong);border-radius:4px;grid-column:1/-1;height:4px}.template-sheet-art span:first-child{background:var(--client);width:65%}.template-sheet-art i{border:1px solid var(--edge);border-radius:4px;height:1.625rem}.template-sheet-art b{border:5px solid var(--raised);background:var(--server);color:#06050d;border-radius:50%;place-items:center;width:2.75rem;height:2.75rem;font-size:1.1875rem;display:grid;position:absolute;inset-block-end:-.9375rem;inset-inline-end:-1.25rem}.template-browser{scroll-margin-top:5rem}.template-toolbar{border-block-start:1px solid var(--edge);flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1.5rem;padding-block-start:1.75rem;display:flex}.template-toolbar label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);gap:.5rem;font-size:.75rem;display:grid}.template-search{flex:1;max-width:32rem}.template-language{width:11.25rem}.template-toolbar input,.template-toolbar select{border:1px solid var(--edge-strong);background:var(--inset);width:100%;min-height:2.875rem;color:var(--text);font:inherit;letter-spacing:normal;text-transform:none;border-radius:10px;padding:.75rem .9375rem;font-size:.9375rem}.template-toolbar input::placeholder{color:var(--muted);opacity:1}.template-filters{flex-wrap:wrap;gap:.5rem;margin-block:1.5rem;display:flex}.template-filters button{border:1px solid var(--edge);min-height:2.5rem;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:.5rem .875rem;font-size:.8125rem;transition:color .16s,border-color .16s}.template-filters button:hover{border-color:var(--edge-strong);color:var(--text)}.template-filters button[aria-pressed=true]{background:linear-gradient(100deg, var(--client), #6e5cf0 45%, var(--server));color:#06050d;border-color:#0000;font-weight:600}.template-count{max-width:none;font-family:var(--mono);color:var(--muted);margin-block-end:1.25rem;font-size:.8125rem}.template-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr));gap:1.125rem;display:grid}.template-card{border:1px solid var(--edge);border-radius:var(--radius);background:var(--raised);flex-direction:column;padding:1.625rem 1.5rem 1.25rem;transition:border-color .16s,transform .16s;display:flex}.template-card:hover{border-color:var(--client);transform:translateY(-2px)}.template-card-top{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);align-items:center;gap:.625rem;font-size:.6875rem;display:flex}.template-category-mark{border:1px solid var(--edge);background:var(--inset);width:2rem;height:2rem;color:var(--client);border-radius:9px;place-items:center;font-size:.75rem;display:grid}.template-card h2{max-width:none;color:var(--text);background:0 0;-webkit-background-clip:border-box;background-clip:border-box;margin-block:1.25rem .625rem;font-size:1.25rem;line-height:1.25}.template-card>p{max-width:none;color:var(--muted);flex-grow:1;margin-block-end:1.25rem;font-size:.875rem;line-height:1.6}.template-card-meta{border-block-end:1px solid var(--edge);font-family:var(--mono);color:var(--muted);flex-wrap:wrap;gap:.75rem;padding-block-end:1.1875rem;font-size:.6875rem;display:flex}.template-card-actions{justify-content:space-between;align-items:center;gap:.625rem;margin-block-start:1.125rem;display:flex}.template-card-actions .action{min-height:2.5rem;padding-inline:1rem;font-size:.8125rem}.template-download{color:var(--muted);-webkit-text-decoration-color:var(--edge-strong);text-decoration-color:var(--edge-strong);text-underline-offset:4px;align-self:start;padding-block:.75rem .125rem;font-size:.75rem}.template-download:hover{color:var(--text);-webkit-text-decoration-color:var(--client);text-decoration-color:var(--client)}.template-empty{text-align:center;padding:3rem 1.25rem}.template-empty h2{color:var(--text);background:0 0;-webkit-background-clip:border-box;background-clip:border-box;margin-inline:auto;font-size:1.5rem}.template-empty .action{margin-block-start:1.5rem}.template-next{border-block:1px solid var(--edge);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));gap:clamp(1.5rem,4vw,3.75rem);margin-block:4rem;padding-block:2.25rem;display:grid}.template-next h2{font-size:clamp(1.75rem,1.4rem + 1.2vw,2.25rem)}.template-next>p{color:var(--muted);font-size:.9375rem;line-height:1.75}.template-next>p a{color:var(--text);-webkit-text-decoration-color:var(--client);text-decoration-color:var(--client);text-underline-offset:4px;margin-block-start:1rem;display:inline-block}.template-preview{border:1px solid var(--edge-strong);border-radius:var(--radius);background:var(--raised);width:min(49.375rem,100% - 2rem);max-height:calc(100dvh - 2.5rem);color:var(--text);padding:clamp(1.25rem,3vw,1.875rem);box-shadow:0 25px 100px #000000a6}.template-preview::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#080a12b8}.template-preview-header{justify-content:space-between;align-items:start;gap:1.25rem;display:flex}.template-preview-header .eyebrow{margin-block-end:.5rem}.template-preview-header h2{max-width:none;color:var(--text);background:0 0;-webkit-background-clip:border-box;background-clip:border-box;font-size:clamp(1.5rem,1.2rem + 1vw,1.75rem)}.template-preview-header button{border:1px solid var(--edge-strong);background:var(--inset);width:2.75rem;height:2.75rem;color:var(--text);font:inherit;cursor:pointer;border-radius:50%;flex:none;place-items:center;display:grid}.template-preview-header button:hover{border-color:var(--client)}.template-preview-note{max-width:none;color:var(--muted);margin-block-start:.75rem;font-size:.8125rem;line-height:1.6}.template-preview form{border:1px solid var(--edge);background:var(--inset);border-radius:12px;margin-block-start:1.25rem;padding:1.375rem}.template-preview-controls{flex-wrap:wrap;align-items:center;gap:1.25rem;margin-block-start:1.375rem;display:flex}.template-preview-controls a{color:var(--muted);-webkit-text-decoration-color:var(--edge-strong);text-decoration-color:var(--edge-strong);text-underline-offset:4px;font-size:.8125rem}.template-preview-controls a:hover{color:var(--text)}.template-preview [role=status]{max-width:none;color:var(--muted);font-size:.8125rem;line-height:1.6}.template-adapt{color:var(--muted);margin-block-start:1.25rem;font-size:.8125rem}.template-adapt summary{cursor:pointer;padding-block:.625rem}.template-adapt li{margin-block-end:.5rem;line-height:1.6}@media (width<=58rem){.template-hero{grid-template-columns:minmax(0,1fr)}.template-hero-note{display:none}.template-toolbar{align-items:stretch;gap:.875rem}.template-language{width:100%}}@media (prefers-reduced-motion:reduce){.template-card,.template-filters button{transition:none}.template-card:hover{transform:none}.template-sheet-art{rotate:none}}