:root{color:var(--text);background:var(--page);--accent: #3f3f46;--accent-soft: #f1f1ef;--border: #deded8;--border-strong: #c8c8c0;--focus-ring: rgb(63 63 70 / .1);--muted: #71717a;--page: #f7f7f5;--page-texture-1: rgb(24 24 27 / .025);--page-texture-2: rgb(24 24 27 / .018);--page-wash-a: rgb(255 255 255 / .44);--page-wash-b: rgb(239 239 235 / .4);--preview-bg: #eeeeea;--shadow: rgb(24 24 27 / .1);--surface: #ffffff;--text: #18181b;--text-inverse: #ffffff;font-family:Google Sans,Helvetica Neue,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}:root[data-theme=dark]{--accent: #d4d4d8;--accent-soft: #27272a;--border: #2f2f33;--border-strong: #444448;--focus-ring: rgb(212 212 216 / .14);--muted: #a1a1aa;--page: #111113;--page-texture-1: rgb(255 255 255 / .028);--page-texture-2: rgb(255 255 255 / .018);--page-wash-a: rgb(255 255 255 / .035);--page-wash-b: rgb(0 0 0 / .24);--preview-bg: #202023;--shadow: rgb(0 0 0 / .32);--surface: #18181b;--text: #f4f4f5;--text-inverse: #18181b}*{box-sizing:border-box}*{scrollbar-color:#a1a1aa transparent;scrollbar-width:thin}*::-webkit-scrollbar{height:7px;width:7px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#a1a1aa;border-radius:999px}*::-webkit-scrollbar-thumb:hover{background:#71717a}body{background:radial-gradient(circle at 18% 12%,var(--page-texture-1) 0 1px,transparent 1.4px),radial-gradient(circle at 70% 38%,var(--page-texture-2) 0 1px,transparent 1.5px),linear-gradient(135deg,var(--page-wash-a),var(--page-wash-b)),var(--page);background-attachment:fixed;background-size:18px 18px,23px 23px,auto,auto;margin:0;min-width:320px;transition:background-color .18s ease,color .18s ease}a{color:inherit}button,input,select{font:inherit}.shell{margin:0 auto;max-width:1440px;padding:32px}.masthead{align-items:end;display:flex;gap:28px;justify-content:space-between;margin-bottom:24px}.eyebrow{color:var(--accent);font-size:.74rem;font-weight:700;letter-spacing:0;margin:0 0 10px;text-transform:uppercase}.masthead-side{align-items:end;display:grid;gap:10px;justify-items:end}.theme-toggle{align-items:center;background:var(--surface);border:1px solid var(--border);color:var(--text);cursor:pointer;display:inline-flex;height:34px;justify-content:center;padding:0;transition:background-color .15s ease,border-color .15s ease,color .15s ease;width:34px}.theme-toggle:hover{border-color:var(--border-strong)}h1{font-size:clamp(2rem,4vw,3.35rem);font-weight:650;line-height:1.02;margin:0;max-width:760px}.lede{color:var(--muted);font-size:1rem;line-height:1.55;margin:18px 0 0;max-width:680px}.summary{background:var(--surface);border:1px solid var(--border);display:grid;grid-template-columns:repeat(3,minmax(88px,1fr));min-width:360px}.summary div{padding:18px}.summary div+div{border-left:1px solid var(--border)}.summary span{display:block;font-size:1.55rem;font-weight:650}.summary p{color:var(--muted);font-size:.74rem;font-weight:650;margin:4px 0 0;text-transform:uppercase}.toolbar{background:var(--surface);border:1px solid var(--border);display:grid;gap:18px;padding:18px}.search{align-items:center;border:1px solid var(--border-strong);display:flex;gap:10px;min-height:48px;padding:0 14px;transition:border-color .16s ease,box-shadow .16s ease}.search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}.search input{background:transparent;border:0;color:var(--text);min-width:0;outline:0;width:100%}.filters{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(160px,1fr))}.select-field{display:grid;gap:7px;position:relative}.select-field>span{color:var(--muted);font-size:.72rem;font-weight:650;text-transform:uppercase}.select-trigger{align-items:center;background:var(--surface);border:1px solid var(--border-strong);color:var(--text);cursor:pointer;display:flex;justify-content:space-between;min-height:44px;padding:0 12px;text-align:left;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;width:100%}.select-trigger:hover,.select-field.is-open .select-trigger{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}.select-trigger:active{transform:translateY(1px)}.select-trigger svg{transition:transform .18s ease}.select-field.is-open .select-trigger svg{transform:rotate(180deg)}.select-trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-menu{background:var(--surface);border:1px solid var(--border-strong);box-shadow:0 12px 28px var(--shadow);left:0;max-height:260px;overflow-y:auto;padding:6px;position:absolute;right:0;top:calc(100% + 8px);transform-origin:top;z-index:20}.select-option{align-items:center;background:transparent;border:0;color:var(--muted);cursor:pointer;display:flex;gap:10px;justify-content:space-between;min-height:38px;padding:0 9px;text-align:left;transition:background-color .13s ease,color .13s ease,transform .13s ease;width:100%}.select-option:hover,.select-option:focus-visible{background:var(--accent-soft);color:var(--text);outline:0}.select-option.is-selected{background:var(--text);color:var(--text-inverse)}.select-option span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resultbar{align-items:center;color:var(--muted);display:flex;flex-wrap:wrap;gap:12px}.resultbar span{align-items:center;display:inline-flex;gap:6px}.category-strip{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 22px}.chip{background:var(--surface);border:1px solid var(--border);color:var(--muted);cursor:pointer;min-height:36px;padding:0 12px;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease,box-shadow .15s ease}.chip:hover{border-color:var(--accent);color:var(--text)}.chip.is-active{background:var(--text);border-color:var(--text);color:var(--text-inverse)}.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.template-card{background:var(--surface);border:1px solid var(--border);display:flex;flex-direction:column;min-width:0;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.template-card:hover{border-color:var(--border-strong)}.preview{aspect-ratio:16 / 10;background:var(--preview-bg);border-bottom:1px solid var(--border);display:block;overflow:hidden}.preview img{display:block;height:100%;object-fit:cover;object-position:top center;width:100%}.card-body{display:grid;gap:16px;padding:18px}.card-title{align-items:start;display:flex;gap:12px;justify-content:space-between}.card-title p{color:var(--accent);font-size:.78rem;font-weight:650;margin:0 0 4px}.card-title h2{font-size:1.08rem;font-weight:650;line-height:1.25;margin:0}.card-title span{background:var(--accent-soft);color:var(--accent);flex:0 0 auto;font-size:.72rem;font-weight:650;padding:5px 8px}.metadata{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.metadata div{border-left:3px solid var(--border);padding-left:10px}.metadata dt{color:var(--muted);font-size:.72rem;font-weight:650;text-transform:uppercase}.metadata dd{font-weight:600;margin:3px 0 0}.tags{display:flex;flex-wrap:wrap;gap:6px}.tags span{background:var(--accent-soft);color:var(--muted);font-size:.74rem;font-weight:500;padding:5px 7px}.actions{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.actions a,.actions button{align-items:center;background:var(--text);border:1px solid var(--text);color:var(--text-inverse);cursor:pointer;display:inline-flex;gap:8px;justify-content:center;min-height:40px;padding:0 11px;text-decoration:none;transition:background-color .15s ease,color .15s ease,transform .15s ease,box-shadow .15s ease}.actions a:nth-child(2),.actions button{background:var(--surface);color:var(--text)}.actions a:hover,.actions button:hover{background:var(--accent);color:var(--text-inverse)}.empty{align-items:center;background:var(--surface);border:1px solid var(--border);display:grid;justify-items:center;margin-top:18px;padding:48px 20px;text-align:center}.empty h2{margin:12px 0 6px}.empty p{color:var(--muted);margin:0}@media(max-width:900px){.shell{padding:20px}.masthead{align-items:stretch;display:grid;gap:18px}.masthead-side{align-items:start;display:flex;flex-direction:column;justify-items:stretch}.summary{min-width:0;width:100%}.filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;scroll-behavior:auto!important;transition-duration:1ms!important}}@media(max-width:620px){body{background-attachment:scroll}.shell{padding:16px}.masthead{margin-bottom:18px;position:relative}.eyebrow{font-size:.7rem}h1{font-size:2.15rem;line-height:1.04}.lede{font-size:.95rem;margin-top:14px}.masthead-side{gap:12px}.theme-toggle{position:absolute;right:0;top:0;height:38px;width:38px}.summary{grid-template-columns:repeat(3,minmax(0,1fr))}.summary div{padding:13px 10px}.summary div+div{border-left:1px solid var(--border);border-top:0}.summary span{font-size:1.25rem}.summary p{font-size:.66rem}.toolbar{gap:14px;padding:14px}.search{min-height:46px}.select-trigger{min-height:42px}.select-menu{max-height:220px}.filters,.grid,.metadata,.actions{grid-template-columns:1fr}.category-strip{flex-wrap:nowrap;margin:14px -16px 18px;overflow-x:auto;padding:0 16px 5px;scroll-snap-type:x proximity}.chip{flex:0 0 auto;min-height:34px;scroll-snap-align:start;white-space:nowrap}.grid{gap:14px}.template-card{min-width:0}.preview{aspect-ratio:4 / 3}.card-body{gap:14px;padding:14px}.card-title{align-items:start}.card-title h2{font-size:1.02rem}.card-title span{white-space:nowrap}.actions a,.actions button{min-height:42px}}@media(max-width:390px){.shell{padding:12px}h1{font-size:1.9rem}.summary p{font-size:.6rem}.toolbar{padding:12px}.category-strip{margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px}}