:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page-bg:#141617;--panel-bg:#202223;--panel-border:#34383b;--text:#f3f1ee;--muted:#a9afb4;--accent:#4b22f4;--accent-hover:#5b34ff;background:var(--page-bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}a{color:inherit}.template-browser{min-height:100vh;padding:28px 32px 48px}.template-browser-header,.catalog-summary,.template-list{width:min(1780px,100%);margin-inline:auto}.template-browser-header,.catalog-summary{justify-content:space-between;gap:24px;display:flex}.template-browser-header{align-items:center;margin-bottom:28px}.brand{grid-template-columns:56px minmax(0,1fr);align-items:center;gap:16px;display:grid}.brand-mark{color:#111;background:#f4f1ee;border-radius:8px;place-items:center;width:56px;height:56px;font-weight:900;display:grid}.brand h1,.template-list-meta h2{letter-spacing:0;margin:0}.brand h1{font-size:24px}.brand p,.template-actions p{color:var(--muted);margin:5px 0 0;line-height:1.5}.studio-link{background:var(--accent);color:#fff;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:0 24px;font-size:16px;font-weight:800;text-decoration:none;transition:background-color .15s;display:inline-flex}.studio-link:hover{background:var(--accent-hover)}.studio-link:focus-visible{outline-offset:3px;outline:2px solid #8dccff}.catalog-summary{color:var(--muted);align-items:baseline;margin-bottom:18px}.catalog-summary strong{color:var(--text);font-size:18px}.template-list{gap:28px;display:grid}.template-list-item{border:1px solid var(--panel-border);background:var(--panel-bg);border-radius:8px;overflow:hidden}.template-list-meta{grid-template-columns:minmax(0,1fr) minmax(280px,500px);align-items:start;gap:24px;padding:24px 26px 12px;display:grid}.template-list-meta h2{align-items:center;gap:12px;font-size:27px;line-height:1.15;display:flex}.template-index{color:#b6bbbf;font-variant-numeric:tabular-nums;border:1px solid #4a4f53;border-radius:6px;place-items:center;min-width:42px;height:32px;font-size:14px;display:inline-grid}.template-tags{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.template-tags span{border:1px solid #686d71;border-radius:999px;align-items:center;min-height:30px;padding:0 12px;font-size:14px;font-weight:700;display:inline-flex}.template-tags .hot{background:tomato;border-color:#0000}.template-actions{gap:8px;display:grid}.template-actions p{text-align:right;font-size:14px}.template-preview-strip{scrollbar-color:#5a5d60 transparent;gap:8px;padding:18px 26px 28px;display:flex;overflow-x:auto}.template-preview-card{background:#121415;border:1px solid #ffffff1a;border-radius:8px;flex:0 0 270px;height:586px;margin:0;overflow:hidden}.template-preview-card img{object-fit:fill;width:100%;height:100%;display:block}@media (width<=900px){.template-browser-header,.catalog-summary{flex-direction:column;align-items:flex-start}.studio-link-primary{width:100%}.template-list-meta{grid-template-columns:1fr}.template-actions p{text-align:left}}@media (width<=560px){.template-browser{padding:20px 14px 36px}.brand{grid-template-columns:48px minmax(0,1fr);gap:12px}.brand-mark{width:48px;height:48px}.brand h1{font-size:20px}.template-list{gap:18px}.template-list-meta{padding:20px 18px 10px}.template-list-meta h2{align-items:flex-start;font-size:21px}.template-preview-strip{padding:14px 18px 22px}.template-preview-card{flex-basis:210px;height:455px}}