#vault{min-height:100dvh;padding:calc(100px + var(--nav-h))0;position:relative}#vault>.sw{z-index:1;position:relative}.vault-intro{color:var(--text-muted);text-align:left;margin-top:15px;margin-bottom:15px;line-height:1.65;display:flex}.vault-filters{opacity:0;align-items:flex-end;gap:2px;animation:.55s .3s forwards slide-up;display:flex}.ui-filter.vault-filter-tags{flex:1;min-width:0}.vault-grid{opacity:0;grid-template-columns:repeat(3,1fr);gap:6px;animation:.55s .42s forwards slide-up;display:grid}.vault-card{background:var(--bg7);border:2px solid var(--b10);border-radius:2px;flex-direction:column;transition:border-color .25s,background .25s;display:flex;position:relative;overflow:hidden}.vault-card:hover{border-color:var(--brand-neon-mid)}.vault-card-banner,.vault-modal-banner{background:var(--bg5);flex-shrink:0;width:100%;position:relative;overflow:hidden}.vault-card-banner{aspect-ratio:16/7}.vault-modal-banner{aspect-ratio:16/6}.vault-card-banner img,.vault-modal-banner img{object-fit:cover;width:100%;height:100%;transition:transform .225s;display:block}.vault-card:hover .vault-card-banner img{transition:transform .4s;transform:scale(1.05)}.vault-card-banner-placeholder,.vault-modal-banner-placeholder{background:linear-gradient(135deg,var(--bg5)0%,var(--bg4)100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.vault-card-banner-placeholder svg{opacity:.12}.vault-modal-banner-placeholder svg{opacity:.1}.vault-card-banner-overlay,.vault-modal-banner-overlay{pointer-events:none;position:absolute;inset:0}.vault-card-featured-badge{letter-spacing:.05em;text-transform:uppercase;color:var(--bg);background:var(--blue);clip-path:polygon(6px 0%,100% 0%,100% calc(100% - 6px),calc(100% - 6px) 100%,0% 100%,0% 6px);padding:3px 14px;font-family:Geist,sans-serif;font-size:.65rem;font-weight:800;position:absolute;top:12px;right:12px}.vault-card-body{flex-direction:column;flex:1;padding:22px 24px 20px;display:flex}.vault-card-meta{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.vault-card-author,.vault-modal-author{letter-spacing:.08em;text-transform:uppercase;color:var(--blue);font-family:Geist,sans-serif;font-size:.62rem;font-weight:600}.vault-card-version,.vault-modal-version{letter-spacing:.6px;color:var(--text-muted);font-family:Rajdhani,sans-serif;font-size:.82rem;font-weight:800}.vault-modal-author{font-size:.7rem}.vault-modal-version{font-size:.9rem}.vault-card-name{letter-spacing:.01em;color:var(--blue);margin-bottom:6px;font-family:Rajdhani,sans-serif;font-size:1.3rem;font-weight:700;line-height:1}.vault-card-tagline{color:var(--brand-neon-core);flex:1;margin-bottom:18px;font-family:Geist,sans-serif;font-size:.78rem;font-weight:500}.vault-card-footer{border-top:1px solid var(--b10);justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;display:flex}.vault-card-tags,.vault-modal-tags{flex-wrap:wrap;gap:6px;display:flex}.vault-modal-tags{flex-shrink:0;margin-bottom:28px}.vault-modal-tag{font-size:.66rem}.vault-modal-overlay{z-index:600;background:color-mix(in srgb,var(--bg2)80%,transparent);justify-content:center;align-items:center;padding:24px;animation:.25s forwards fade-in;display:flex;position:fixed;inset:0;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important}.vault-modal-frame{background:var(--brand-neon-mid);clip-path:polygon(16px 0%,100% 0%,100% calc(100% - 16px),calc(100% - 16px) 100%,0% 100%,0% 16px);flex-direction:column;width:100%;max-width:780px;max-height:90vh;animation:.35s forwards slide-up;display:flex;position:relative;transform:translateZ(0)}.vault-modal{background:var(--bg7);clip-path:polygon(16px 0%,100% 0%,100% calc(100% - 16px),calc(100% - 16px) 100%,0% 100%,0% 16px);isolation:isolate;flex-direction:column;flex:1;min-height:0;margin:2px;display:flex;position:relative;overflow:hidden}.vault-modal-body{flex-direction:column;flex:1;min-height:0;padding:32px 36px 36px;display:flex}.vault-modal-eyebrow{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.vault-modal-name{letter-spacing:.01em;color:var(--blue);white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;margin-bottom:6px;font-family:Rajdhani,sans-serif;font-size:1.8rem;font-weight:700;line-height:1;overflow:hidden}.vault-modal-tagline{color:var(--brand-neon-core);white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;font-family:Geist,sans-serif;font-size:.82rem;font-weight:500;overflow:hidden}.vault-modal-divider{border:none;border-top:1px solid var(--b10);flex-shrink:0;margin:24px 0}.vault-modal-desc-scroll{flex:1;min-height:0;margin-bottom:20px;padding-right:10px;overflow-y:auto}.vault-modal-desc{color:var(--text-soft);white-space:pre-line;font-family:Geist,sans-serif;font-size:.84rem;line-height:1.85}.vault-modal-desc strong{color:var(--brand-neon-core);font-weight:500}.vault-modal-actions{flex-shrink:0;align-items:center;gap:16px;display:flex}.vault-modal-actions .btn-secondary{margin-left:auto}.vault-modal-dl-error{color:var(--red);flex-shrink:0;margin-top:10px;font-family:Geist,sans-serif;font-size:.74rem}.vault-modal-overlay.closing{pointer-events:none;animation:.2s forwards fade-out}.vault-modal-frame.closing{animation:.205s forwards slide-down}.vault-modal-controls{z-index:10;gap:8px;display:flex;position:absolute;top:16px;right:16px}.vault-modal-share,.vault-modal-close{background:var(--rule);width:32px;height:32px;color:var(--text-muted);border:none;border-radius:50%;justify-content:center;align-items:center;transition:color .2s,background .2s;display:flex}.vault-modal-close:hover,.vault-modal-share:hover{color:var(--blue)}.vault-modal-share.copied{color:var(--bg);background:var(--blue)}.vault-spin{vertical-align:-2px;margin-right:4px;animation:.8s linear infinite spin}.vault-loading{min-height:320px;color:var(--dark);justify-content:center;align-items:center;display:flex}.vault-loading .vault-spin{margin-right:0}@media (max-width:1100px){.vault-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:960px){#vault{padding:calc(100px + var(--nav-h)*.25)0}.vault-intro{flex-direction:column}.vault-grid{grid-template-columns:1fr}.vault-modal-frame{clip-path:none}.vault-modal{clip-path:none;margin:0}.vault-modal-body{padding:24px 20px 28px}.vault-modal-name{font-size:1.5rem}.vault-filters{flex-direction:column;align-items:stretch}.vault-filter-tags{order:1}.vault-search{order:2;width:100%;margin:12px 0 0}.vault-search input,.vault-search input:focus,.vault-search input:not(:placeholder-shown){width:100%;padding:8px 12px 8px 30px}}@media (max-width:450px){.vault-modal-actions{flex-direction:column;align-items:flex-start}.vault-modal-actions .btn-secondary{margin-left:0}}
