.tpl-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:20px}.tpl-title{font-size:15px;font-weight:800;color:var(--ink, #0A1121);margin:0 0 3px}.tpl-sub{font-size:12.5px;color:var(--ink-soft, #46506A);margin:0}.tpl-plan{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--gold-pale, #EAF1FB);border:1px solid var(--gold-border, rgba(46,123,255,.18));font-size:11.5px;font-weight:700;color:var(--blue-ink, #1D4ED8);white-space:nowrap}.tpl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.tpl-card{all:unset;cursor:pointer;display:flex;flex-direction:column;border-radius:14px;overflow:hidden;background:#fff;border:1.5px solid rgba(10,17,33,.1);box-shadow:0 1px 3px #0a11210d;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;position:relative}.tpl-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px #0a112121}.tpl-card:focus-visible{outline:2px solid var(--gold, #2E7BFF);outline-offset:2px}.tpl-card.is-selected{border-color:var(--accent, #2E7BFF);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent, #2E7BFF) 22%,transparent),0 14px 32px #0a112121}.tpl-page{position:relative;aspect-ratio:794 / 1123;overflow:hidden;background:#fff;border-bottom:1px solid rgba(10,17,33,.08)}.tpl-page>*{width:100%}.tpl-skeleton{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,#f4f7fb 30%,#eaf0f8,#f4f7fb 70%) 0 0 / 220% 100%;animation:tpl-shimmer 1.3s linear infinite}@keyframes tpl-shimmer{to{background-position:-120% 0}}@media (prefers-reduced-motion: reduce){.tpl-skeleton{animation:none}.tpl-card:hover{transform:none}}.tpl-use{position:absolute;inset:auto 0 0 0;padding:26px 12px 12px;background:linear-gradient(to top,rgba(10,17,33,.88),transparent);color:#fff;font-size:12.5px;font-weight:700;text-align:center;opacity:0;transition:opacity .18s ease}.tpl-card:hover .tpl-use,.tpl-card:focus-visible .tpl-use{opacity:1}.tpl-card.is-selected .tpl-use{opacity:0}.tpl-lock{position:absolute;top:10px;right:10px;width:26px;height:26px;border-radius:50%;background:#0a1121d1;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0a11214d}.tpl-page.is-locked>*:not(.tpl-lock){filter:saturate(.55) opacity(.75)}.tpl-meta{padding:12px 14px 14px}.tpl-name{font-size:14px;font-weight:750;color:var(--ink, #0A1121);margin:0 0 2px;line-height:1.25}.tpl-for{font-size:11.5px;color:var(--ink-soft, #46506A);margin:0;line-height:1.35;min-height:2.7em}.tpl-tags{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:8px}.tpl-tag{font-size:10px;font-weight:800;letter-spacing:.3px;border-radius:999px;padding:3px 8px;background:#dcfce7;color:#15803d}.tpl-tag.is-pro{background:var(--gold-pale, #EAF1FB);color:var(--gold, #2E7BFF)}.tpl-tag.is-elite{background:#e0e7ff;color:#4338ca}.tpl-tag.is-active{background:var(--accent, #2E7BFF);color:#fff}@media (max-width: 900px){.tpl-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}@media (max-width: 560px){.tpl-grid{grid-template-columns:minmax(0,1fr);gap:16px}.tpl-head{margin-bottom:16px}}.sam{background:#eaf1fb;min-height:100vh}.sam-hero{background:radial-gradient(130% 100% at 80% 10%,#152238,#0a1121 60%);color:#eaf1fb;padding:52px 32px 44px}.sam-hero-in{max-width:1400px;margin:0 auto;display:flex;align-items:flex-end;justify-content:space-between;gap:28px;flex-wrap:wrap}.sam-eyebrow{display:inline-block;font-size:11px;font-weight:700;letter-spacing:2px;color:#4c8dff;margin-bottom:10px}.sam-h1{font-family:var(--f-display, "Fraunces", Georgia, serif);font-size:clamp(28px,3.4vw,42px);font-weight:400;line-height:1.05;letter-spacing:-.6px;color:#fff;margin:0 0 10px}.sam-lede{font-size:14.5px;line-height:1.6;color:#eaf1fbb8;margin:0;max-width:52ch}.sam-cta{display:inline-flex;align-items:center;gap:8px;flex:none;padding:12px 22px;border:none;border-radius:10px;background:linear-gradient(135deg,#38bdf8,#2e7bff);color:#0a1121;font:inherit;font-size:14px;font-weight:800;cursor:pointer;box-shadow:0 8px 24px #2e7bff47;transition:transform .15s ease}.sam-cta:hover{transform:translateY(-1px)}.sam-container{max-width:1400px;margin:0 auto;padding:32px;display:grid;grid-template-columns:280px 1fr;gap:32px}.sam-sidebar{position:sticky;top:100px}.sam-sidebar-section{margin-bottom:32px}.sam-sidebar-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.sam-sidebar-title{font-size:15px;font-weight:800;color:#0a1121;margin:0}.sam-clear-link{color:#4c8dff;font:inherit;font-size:12px;background:none;border:none;padding:0;cursor:pointer;font-weight:600}.sam-clear-link:hover{text-decoration:underline}.sam-filter-title{font-size:13px;font-weight:700;color:#5a657d;margin:0 0 12px;display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.4px}.sam-filter-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.sam-filter-list li button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;border-radius:8px;border:none;background:none;text-align:start;color:#5a657d;font:inherit;font-size:13px;cursor:pointer;transition:all .15s ease}.sam-filter-list li button:hover:not(:disabled){background:#0a11210d;color:#0a1121}.sam-filter-list li button.active{background:#4c8dff1a;color:#4c8dff;font-weight:600}.sam-filter-list li button:disabled{opacity:.45;cursor:not-allowed}.sam-count{font-size:11px;color:#9ca3af;font-weight:600}.sam-show-more{width:100%;padding:10px 12px;margin-top:8px;border:1px solid rgba(10,17,33,.1);border-radius:8px;background:transparent;color:#4c8dff;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}.sam-show-more:hover{background:#4c8dff0d;border-color:#4c8dff33}.sam-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.sam-stat-item{background:#fff;padding:24px;border-radius:12px;border:1.5px solid rgba(10,17,33,.08);text-align:center}.sam-stat-number{font-size:32px;font-weight:800;color:#0a1121;margin-bottom:8px;display:flex;align-items:center;justify-content:center}.sam-stat-number.sam-badge{background:linear-gradient(135deg,#4c8dff,#2e7bff);color:#fff;border-radius:8px;padding:8px 12px;font-size:12px;width:fit-content;margin:0 auto 8px}.sam-stat-label{font-size:12px;color:#5a657d;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.sam-gallery-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.sam-gallery-title{font-size:14px;font-weight:800;color:#0a1121;margin:0;text-transform:uppercase;letter-spacing:.4px}.sam-gallery{background:#fff;padding:24px;border-radius:12px;border:1.5px solid rgba(10,17,33,.08);margin-bottom:32px;overflow-x:auto}.sam-gallery>*{min-width:0}.sam-preview-section{margin-top:32px;scroll-margin-block-start:90px}.sam-sheet-wrap{background:#fff;border:1.5px solid rgba(10,17,33,.08);border-radius:16px;box-shadow:var(--shadow-sm, 0 1px 3px rgba(10,17,33,.06));overflow:hidden}.sam-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;border-bottom:1px solid rgba(10,17,33,.07)}.sam-sheet-name{font-size:15px;font-weight:800;color:#0a1121;margin:0}.sam-sheet-for{font-size:12.5px;color:#5a657d;margin:2px 0 0}.sam-tag{flex:none;font-size:11px;font-weight:800;letter-spacing:.4px;padding:5px 11px;border-radius:999px;background:#e7f6ee;color:#1f7a54}.sam-tag.is-premium{background:#fef3c7;color:#92400e}.sam-sheet{padding:24px;background:#f5f8fc;border-radius:0 0 16px 16px}.sam-sheet>*{max-width:794px;margin:0 auto;box-shadow:0 12px 40px #0a112124}@media (max-width: 1024px){.sam-container{grid-template-columns:240px 1fr;gap:24px;padding:24px}.sam-stats{grid-template-columns:repeat(2,1fr)}.sam-hero-in{padding:0 16px}.sam-h1{font-size:clamp(24px,3vw,36px)}}@media (max-width: 768px){.sam-container{grid-template-columns:1fr;gap:24px;padding:20px 16px}.sam-sidebar{position:relative;top:0;order:2}.sam-main{order:1}.sam-stats{grid-template-columns:1fr;gap:16px}.sam-category-badges{gap:8px}.sam-category-badge{padding:6px 12px;font-size:12px}.sam-hero{padding:36px 18px 32px}.sam-gallery{padding:16px}.sam-sheet{padding:12px}}@media (max-width: 480px){.sam-hero-in{flex-direction:column;gap:16px}.sam-h1{font-size:clamp(20px,2.5vw,28px)}.sam-lede{font-size:13px}.sam-filter-title{font-size:12px}.sam-filter-list li a{font-size:12px;padding:8px 10px}}
