.template-browser{margin-top:65px;scroll-margin-top:110px}.template-kicker{font:10px var(--font-mono,monospace);letter-spacing:2px;text-transform:uppercase;color:#827469}.template-toolbar{justify-content:space-between;align-items:end;gap:24px;margin-bottom:25px;display:flex}.template-toolbar h2{letter-spacing:-1.3px;margin-top:8px;font-size:30px;font-weight:600}.template-search{color:#777;background:#fff;border:1px solid #dcdcd6;border-radius:7px;align-items:center;gap:10px;width:335px;padding:12px 15px;display:flex}.template-search input{color:#292b27;background:0 0;outline:none;width:100%;font-size:12px}.template-search:focus-within{outline-offset:3px;outline:2px solid #cc6238}.template-filters{border-bottom:1px solid #deded7;justify-content:space-between;align-items:center;gap:18px;padding-bottom:20px;display:flex}.template-popular{flex-wrap:wrap;gap:6px;display:flex}.template-popular button{color:#686b63;cursor:pointer;border-radius:5px;padding:8px 14px;font-size:12px}.template-popular button[aria-pressed=true]{color:#fff;background:#292f29}.template-select select{background:#fff;border:1px solid #dcded7;border-radius:5px;max-width:220px;padding:8px 28px 8px 12px;font-size:12px}.template-count{font:10px var(--font-mono,monospace);color:#81837b;letter-spacing:.2px;margin:20px 0}.template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 24px;display:grid}.template-card{background:#fff;border:1px solid #deded7;border-radius:9px;min-width:0;transition:border-color .2s,box-shadow .2s;overflow:hidden}.template-card:hover{border-color:#a5aba0;box-shadow:0 12px 32px #2735280b}.template-card-main{text-align:left;cursor:pointer;width:100%;display:block}.template-card-copy{padding:23px 24px 20px}.template-card-meta{font:9px var(--font-mono,monospace);letter-spacing:1.4px;text-transform:uppercase;color:#7f8277;justify-content:space-between;margin-bottom:13px;display:flex}.template-card h3{letter-spacing:-.65px;justify-content:space-between;gap:14px;font-size:19px;font-weight:600;line-height:1.3;display:flex}.template-card h3 svg{color:#6b7567;flex-shrink:0;margin-top:3px}.template-card p{color:#72756d;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:12px;font-size:12px;line-height:1.8;display:-webkit-box;overflow:hidden}.template-card-cta{color:#9e4c2d;border-top:1px solid #ecece7;justify-content:space-between;margin-top:23px;padding-top:15px;font-size:11px;font-weight:600;display:flex}.template-thumb{aspect-ratio:1/1.12;background:#edece5;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.template-tone-report,.template-tone-human-resources{background:#e1e8e2}.template-tone-certificate,.template-tone-voucher{background:#e9ebde}.template-tone-proposal{background:#e1e4dc}.template-tone-invoice{background:#f0e8df}.template-tone-resume,.template-tone-legal{background:#e5e6e4}.template-paper{background:#fff;transition:transform .3s;position:relative;box-shadow:0 14px 22px #22301b1c,0 2px 5px #22301b12;container-type:inline-size}.template-card:hover .template-paper{transform:translateY(-4px)}.template-paper iframe{transform-origin:0 0;pointer-events:none;background:#fff;border:0;position:absolute;top:0;left:0}.template-preview-label{font:7px var(--font-mono,monospace);letter-spacing:1.3px;color:#818275;position:absolute;top:16px;left:20px}.template-preview-format{font:7px var(--font-mono,monospace);letter-spacing:1px;color:#818275;justify-content:space-between;display:flex;position:absolute;bottom:14px;left:20px;right:20px}.template-selected{outline:2px solid #c35930}.template-card-link{justify-content:end;align-items:center;gap:7px;padding:0 24px 18px;font-size:12px;display:flex}.template-directory{border-top:1px solid #ddd;margin-top:45px;padding-top:24px;font-size:13px}.template-directory summary{cursor:pointer;font-weight:600}.template-directory nav{grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0;display:grid}.template-directory a{color:#656e62;align-items:center;gap:6px;font-size:12px;display:flex}.template-empty{text-align:center;border:1px dashed #ccc;padding:60px}.template-empty h3{font-size:22px}.template-empty p{margin:12px 0}.template-empty button{color:#b3512c;cursor:pointer}.template-hero{padding:20px 0 0}.template-hero-top{justify-content:space-between;align-items:end;gap:40px;margin:20px 0 35px;display:flex}.template-hero h1{letter-spacing:-3.5px;max-width:750px;font-size:clamp(42px,5vw,68px);font-weight:550;line-height:1.05}.template-hero h1 em{color:#aa5537;font-style:normal}.template-hero-intro{max-width:340px}.template-hero-intro p{color:#73776e;font-size:14px;line-height:1.9}.template-hero-intro a{color:#ab502c;align-items:center;gap:20px;margin-top:22px;font-size:12px;font-weight:600;display:inline-flex}.template-showcase{background:#dadfd5;border:1px solid #d9ddd3;border-radius:9px;grid-template-columns:1fr 1fr 1fr;gap:1px;display:grid;overflow:hidden}.template-showcase>a{display:block;position:relative}.template-showcase .template-thumb{aspect-ratio:1/1.04}.template-showcase .template-paper{max-width:62%}.template-showcase .template-preview-label{display:none}.template-showcase .template-preview-format{bottom:43px}.template-showcase-caption{background:#ffffffc9;justify-content:space-between;padding:13px 20px;font-size:11px;font-weight:600;display:flex;position:absolute;bottom:0;left:0;right:0}.template-benefits{color:#6b7366;border-bottom:1px solid #deded7;justify-content:space-between;gap:24px;padding:24px 0;font-size:11px;display:flex}.template-benefits span{align-items:center;gap:9px;display:flex}.template-guide{border-top:1px solid #ddd;grid-template-columns:1fr 1fr;gap:70px;margin-top:80px;padding:50px 0;display:grid}.template-guide h2{letter-spacing:-1px;font-size:32px;line-height:1.2}.template-guide p{color:#6e766a;margin:18px 0;font-size:14px;line-height:1.9}.template-guide ol{counter-reset:guide;list-style:none}.template-guide li{counter-increment:guide;border-bottom:1px solid #ddd;margin-bottom:23px;padding:0 0 23px}.template-guide h3{font-size:15px;font-weight:600}.template-guide h3:before{content:counter(guide, decimal-leading-zero);color:#ad5733;margin-right:20px;font:11px monospace}.template-guide li p{margin:10px 0 0 35px;font-size:12px}.template-faq{border-top:1px solid #ddd;padding:28px 0}.template-faq summary{cursor:pointer;font-size:15px;font-weight:600}.template-faq p{color:#6b7367;max-width:800px;margin-top:18px;font-size:13px;line-height:1.9}.template-detail-grid{grid-template-columns:1fr 1fr;align-items:start;gap:60px;margin-top:35px;display:grid}.template-detail-grid h1{letter-spacing:-2.5px;font-size:clamp(36px,4vw,55px);font-weight:550;line-height:1.08}.template-detail-grid p{color:#6d7568;margin-top:24px;font-size:14px;line-height:1.9}.template-detail-preview{border:1px solid #deded5;border-radius:8px;overflow:hidden}.template-specs{border-top:1px solid #ddd;border-bottom:1px solid #ddd;grid-template-columns:1fr 1fr;gap:24px;margin:28px 0;padding:20px 0;display:grid}.template-specs dt{letter-spacing:1px;text-transform:uppercase;color:#808779;font:9px monospace}.template-specs dd{margin-top:5px;font-size:12px}.template-detail-actions{flex-wrap:wrap;gap:12px;margin:25px 0;display:flex}.template-section-heading{letter-spacing:-1px;margin:50px 0 24px;font-size:28px;font-weight:550}.template-field-table{border-collapse:collapse;width:100%;font-size:12px}.template-field-table td,.template-field-table th{text-align:left;vertical-align:top;border-bottom:1px solid #e2e4dc;padding:14px 12px}.template-field-table th{color:#77816e;text-transform:uppercase;letter-spacing:1px;font:10px monospace}.template-field-table code{overflow-wrap:anywhere;font-size:11px}.template-breadcrumb{color:#7a8173;flex-wrap:wrap;gap:9px;margin-bottom:30px;font-size:11px;display:flex}.template-breadcrumb a:hover{color:#b45731}@media (max-width:1000px){.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.template-hero-top{align-items:start;gap:25px}.template-hero h1{font-size:52px}.template-hero-intro{max-width:260px}.template-benefits{flex-wrap:wrap}.template-directory nav{grid-template-columns:repeat(3,1fr)}.template-detail-grid{gap:30px}}@media (max-width:640px){.template-hero-top{display:block}.template-hero h1{letter-spacing:-2px;font-size:44px}.template-hero-intro{max-width:none;margin-top:24px}.template-showcase{grid-template-columns:1fr 1fr}.template-showcase>a:last-child{display:none}.template-showcase .template-thumb{aspect-ratio:1/1.25}.template-showcase .template-paper{max-width:70%}.template-showcase-caption{padding:10px;font-size:9px}.template-preview-label{font-size:6px}.template-showcase .template-preview-format{display:none}.template-benefits{gap:13px;font-size:9px}.template-toolbar{display:block}.template-toolbar h2{font-size:27px}.template-search{width:100%;margin-top:20px}.template-filters{flex-direction:column;align-items:start}.template-select,.template-select select{width:100%;max-width:none}.template-popular button{padding:7px 10px;font-size:11px}.template-grid{grid-template-columns:1fr;gap:25px}.template-browser{margin-top:40px}.template-directory nav{grid-template-columns:repeat(2,1fr)}.template-guide{grid-template-columns:1fr;gap:25px;margin-top:45px;padding:35px 0}.template-detail-grid{grid-template-columns:1fr}.template-detail-grid h1{font-size:40px}.template-card h3{font-size:22px}.template-detail-grid p{font-size:13px}.template-field-table td,.template-field-table th{padding:12px 6px}.template-empty{padding:30px}.template-showcase .template-paper{transform:translateY(-10px)}}@media (prefers-reduced-motion:reduce){.template-card,.template-paper{transition:none}.template-card:hover .template-paper{transform:none}}