.templates-page{color:#efede5;background:radial-gradient(circle at 88% 4%,#2447e830,#0000 30rem),#11120f;min-height:100vh;padding-bottom:100px}.templates-header{border-bottom:1px solid #2a2b26;justify-content:space-between;align-items:center;height:76px;padding:0 clamp(20px,5vw,72px);display:flex}.templates-brand{align-items:center;gap:11px;font-size:14px;display:flex}.templates-brand .brand-icon{border-radius:9px;width:36px;height:36px}.templates-header nav{color:#999b93;gap:26px;font-size:14px;display:flex}.templates-header nav a:hover{color:var(--lime)}.templates-header-actions{align-items:center;gap:24px;display:flex}.templates-hero,.template-breadcrumbs,.template-library,.template-category-guide{width:min(1380px,100% - clamp(40px,10vw,144px));margin-inline:auto}.template-breadcrumbs{color:#8e9088;font:620 12px var(--font-mono);padding-top:30px}.template-breadcrumbs ol,.template-breadcrumbs li{align-items:center;gap:9px;margin:0;padding:0;list-style:none;display:flex}.template-breadcrumbs a:hover{color:var(--lime)}.template-breadcrumbs b{color:#d7d7d0;font-weight:620}.templates-hero{grid-template-columns:minmax(0,1fr) minmax(280px,.34fr);align-items:end;gap:80px;min-height:480px;padding:86px 0 64px;display:grid}.templates-hero>div:first-child>span{color:var(--lime);font:700 12px var(--font-mono);letter-spacing:.14em}.templates-hero h1{letter-spacing:-.083em;max-width:980px;margin:22px 0 0;font-size:clamp(60px,8.4vw,126px);line-height:.84}.templates-hero>div:first-child>p{color:#a2a49b;max-width:720px;margin:24px 0 0;font-size:17px;line-height:1.65}.templates-hero-note{background:#191a16b3;border:1px solid #32342e;border-radius:12px;gap:32px;padding:24px;display:grid}.templates-hero-note svg{color:var(--lime)}.templates-hero-note p{color:#a2a49b;margin:0;font-size:15px;line-height:1.6}.template-library{grid-template-columns:200px minmax(0,1fr);align-items:start;gap:24px;display:grid}.template-filters{border-top:1px solid #30312c;display:grid;position:sticky;top:24px}.template-filters>a{color:#85877e;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #30312c;grid-template-columns:18px 1fr auto;align-items:center;gap:7px;min-height:52px;padding:0 6px;display:grid}.template-filters>a span{grid-column:2;font-size:14px}.template-filters>a svg{color:var(--lime)}.template-filters>a b{color:#5f6159;font:600 10px var(--font-mono)}.template-filters>a:hover,.template-filters>a.active{color:#f4f1e8}.template-filters>a.active b{color:var(--lime)}.templates-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.templates-grid article{background:#171814;border:1px solid #2d2e29;border-radius:12px;min-width:0;padding:10px;transition:border-color .18s,transform .18s}.templates-grid article:hover{border-color:#4a4c43;transform:translateY(-3px)}.template-preview{background:var(--preview-bg);width:100%;height:355px;color:var(--preview-fg);border-radius:7px;flex-direction:column;justify-content:flex-start;padding:9%;display:flex;position:relative;overflow:hidden}.template-preview strong{z-index:2;letter-spacing:-.07em;flex-direction:column;font-size:clamp(26px,3.2vw,49px);line-height:.84;display:flex;position:relative}.template-preview small{z-index:2;font:700 10px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;position:absolute;bottom:7%;left:9%}.template-preview-accent{background:var(--preview-accent);display:block;position:absolute}.variant-orbit .template-preview-accent{aspect-ratio:1;border-radius:50%;width:72%;bottom:-18%;right:-24%}.variant-block .template-preview-accent{border-radius:7%;width:58%;height:44%;top:32%;right:-7%;transform:rotate(-4deg)}.variant-stripe .template-preview-accent{width:125%;height:27%;bottom:19%;left:-12%;transform:rotate(-12deg)}.variant-frame .template-preview-accent{border:clamp(5px, 1vw, 12px) solid var(--preview-accent);background:0 0;inset:8%}.variant-split .template-preview-accent{width:39%;height:100%;top:0;right:0}.variant-type .template-preview-accent{width:46%;height:2px;bottom:22%;left:9%}.template-info{justify-content:space-between;align-items:flex-end;gap:10px;min-height:104px;padding:16px 3px 4px;display:flex}.template-info>div{min-width:0}.template-info small{color:var(--lime);font:700 9px var(--font-mono);letter-spacing:.09em;text-transform:uppercase}.template-info h2{text-overflow:ellipsis;white-space:nowrap;margin:6px 0 5px;font-size:16px;overflow:hidden}.template-info p{color:#71736b;font:12px var(--font-mono);margin:0}.template-info button{color:#babbb3;cursor:pointer;background:#23241f;border:1px solid #373832;border-radius:7px;flex:none;align-items:center;gap:8px;min-height:40px;padding:0 12px;font-size:12px;display:inline-flex}.template-info button:hover{color:var(--lime);border-color:#d7ff4573}.template-info button:disabled{cursor:wait;opacity:.55}.template-category-guide{border-top:1px solid #30312c;gap:72px;margin-top:104px;padding-top:84px;display:grid}.template-category-guide-intro{grid-template-columns:minmax(0,.42fr) minmax(0,1fr);gap:18px 72px;display:grid}.template-category-guide-intro>span{color:var(--lime);font:700 11px var(--font-mono);letter-spacing:.13em}.template-category-guide-intro h2{letter-spacing:-.065em;max-width:900px;margin:-12px 0 0;font-size:clamp(42px,6vw,82px);line-height:.94}.template-category-guide-intro p{color:#aeb0a7;grid-column:2;max-width:830px;margin:0;font-size:17px;line-height:1.72}.template-category-guide h3{letter-spacing:-.04em;margin:0 0 24px;font-size:clamp(26px,3vw,38px)}.template-category-sizes>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.template-category-sizes article{background:#171814;border:1px solid #30312c;border-radius:12px;flex-direction:column;min-height:220px;padding:26px;display:flex}.template-category-sizes small{color:var(--lime);font:680 11px var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.template-category-sizes strong{letter-spacing:-.045em;margin-top:28px;font-size:clamp(29px,3vw,43px)}.template-category-sizes p{color:#979990;margin:auto 0 0;padding-top:20px;font-size:14px;line-height:1.58}.template-category-advice{grid-template-columns:repeat(2,minmax(0,1fr));gap:72px;display:grid}.template-category-advice ul,.template-category-advice ol{border-top:1px solid #30312c;margin:0;padding:0;list-style:none}.template-category-advice li{color:#b9bbb2;border-bottom:1px solid #30312c;grid-template-columns:28px minmax(0,1fr);align-items:start;gap:14px;min-height:76px;padding:18px 0;font-size:15px;line-height:1.6;display:grid}.template-category-advice li svg{color:var(--lime);margin-top:4px}.template-category-advice li b{color:var(--lime);font:680 11px/1.6 var(--font-mono)}.template-category-faq{grid-template-columns:minmax(220px,.42fr) minmax(0,1fr);gap:72px;padding-bottom:30px;display:grid}.template-category-faq>div{border-top:1px solid #30312c}.template-category-faq details{border-bottom:1px solid #30312c}.template-category-faq summary{color:#e6e5dd;cursor:pointer;padding:22px 40px 22px 0;font-size:17px;line-height:1.45;list-style:none;position:relative}.template-category-faq summary::-webkit-details-marker{display:none}.template-category-faq summary:after{content:"+";color:var(--lime);font:500 20px/1 var(--font-mono);position:absolute;top:21px;right:5px}.template-category-faq details[open] summary:after{content:"−"}.template-category-faq p{color:#a6a89f;max-width:780px;margin:0;padding:0 40px 22px 0;font-size:15px;line-height:1.68}@media (width<=1180px){.templates-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=800px){.templates-hero{grid-template-columns:1fr;gap:34px;min-height:auto;padding-block:72px 48px}.templates-hero h1{font-size:clamp(56px,15vw,88px)}.template-library{grid-template-columns:1fr}.template-category-guide-intro,.template-category-faq{grid-template-columns:1fr;gap:24px}.template-category-guide-intro p{grid-column:auto}.template-category-sizes>div{grid-template-columns:1fr}.template-category-advice{grid-template-columns:1fr;gap:56px}.template-filters{scrollbar-width:none;border:0;padding-bottom:4px;display:flex;position:static;overflow-x:auto}.template-filters::-webkit-scrollbar{display:none}.template-filters>a{border:1px solid #30312c;border-radius:99px;min-width:max-content;padding-inline:12px}}@media (width<=600px){.templates-header nav{display:none}.templates-header-actions{margin-left:auto}.templates-hero,.template-breadcrumbs,.template-library,.template-category-guide{width:calc(100% - 32px)}.templates-grid{grid-template-columns:1fr}.template-preview{height:420px}}