/* Shared OH Builds composition and purple brand palette. */
html{scroll-behavior:smooth;scroll-padding-top:110px}
body>header>div{height:84px;max-width:1280px}
.vault-header-actions{gap:24px}
.vault-header-actions>a{font-size:12px;font-weight:700;white-space:nowrap}
.vault-header-actions>a:hover{text-decoration:underline;text-underline-offset:6px}
body>header h1{font-size:18px;letter-spacing:.03em}
body>header h1+p{font-size:9px;letter-spacing:.12em}
body>div.max-w-7xl{padding-top:48px}
.vault-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center;margin-bottom:60px}
.vault-hero .vault-intro{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;margin:0;padding:18px 0;min-width:0}
.vault-eyebrow{font-size:10px;font-weight:800;letter-spacing:.17em;margin-bottom:24px}
.vault-hero .vault-intro h2{font-size:clamp(36px,4.3vw,58px);font-weight:800;letter-spacing:-.055em;line-height:1.09;margin:0 0 24px}
.vault-intro h2 em{font-style:normal}
.vault-hero .vault-intro>p{font-size:14px;line-height:1.85;max-width:450px}
.vault-hero-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:28px}
.vault-explore{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:14px 20px;min-height:48px;border-radius:13px;font-size:12px;font-weight:800}
.vault-hero-actions .vault-quick-link{font-size:12px;margin:0;min-height:44px}
.vault-hero-facts{display:flex;gap:20px;flex-wrap:wrap;font-size:11px;margin-top:30px}
.vault-total{font-size:11px}
.vault-total strong{font-size:16px;margin-right:4px}
.vault-hero #featuredBanner{min-height:410px;width:100%;border-radius:24px;margin:0}
.vault-hero #featuredBanner>div:first-of-type{width:100%}
.vault-hero #featuredBanner .vault-feature-shade{background:linear-gradient(0deg,#180f23 0%,rgba(24,15,35,.94) 12%,rgba(24,15,35,.4) 45%,rgba(24,15,35,.04) 100%)}
.vault-hero #featuredBanner>div.relative{min-height:410px;justify-content:flex-end;padding:28px;max-width:100%}
.vault-hero #featuredTitle{font-size:28px;letter-spacing:-.03em;max-width:100%;overflow-wrap:anywhere}
.vault-hero #featuredBanner img{object-position:center 25%}
.vault-hero #featuredBanner button[onclick="openFeaturedPreset()"]{font-size:12px;padding:12px 18px}
.vault-library-label{margin-bottom:24px!important;scroll-margin-top:110px}
.vault-library-label>span{font-size:10px;font-weight:800;letter-spacing:.17em}
.vault-library-label h2{font-size:28px;letter-spacing:-.035em;font-weight:800;margin-top:8px}
main>[role=tablist]{gap:8px;padding-bottom:2px;flex-wrap:wrap}
main>[role=tablist] button{font-size:12px;padding:12px 18px;min-height:44px;border-radius:12px}
.vault-toolbar{gap:14px;padding:4px 0 24px}
.vault-toolbar input,.vault-toolbar select,.vault-toolbar button{min-height:46px;border-radius:12px;font-size:12px}
#presetGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;justify-content:initial}
#presetGrid>*{min-width:0}
.preset-card{border-radius:20px;cursor:default}
.preset-card>div:nth-child(2){padding:20px}
.preset-card h3{font-size:17px;letter-spacing:-.025em}
.preset-card>div:nth-child(3){padding:14px 20px;gap:10px}
.preset-card>button:last-child{min-height:38px;font-size:11px}
.preset-card [data-vote-button]{min-height:40px;min-width:48px;justify-content:center}
#galleryHeading>div:first-child{display:none}
#galleryHeading{justify-content:flex-end}
#galleryHeading>div:last-child{width:100%;justify-content:space-between}
#detailModal>div,#publishModal>div,#editModal>div{border-radius:24px}
@media(max-width:1000px){.vault-hero{gap:28px}.vault-header-actions{gap:16px}.vault-nav-builds{display:none}.vault-hero-actions{gap:8px}.vault-hero #featuredBanner,.vault-hero #featuredBanner>div.relative{min-height:380px}}
@media(max-width:760px){.vault-hero{grid-template-columns:1fr;gap:24px;margin-bottom:40px}.vault-hero .vault-intro{padding-top:0}.vault-hero .vault-intro h2{font-size:46px}.vault-hero .vault-intro>p{max-width:530px}.vault-hero #featuredBanner,.vault-hero #featuredBanner>div.relative{min-height:340px}.vault-hero #featuredBanner img{object-position:center 30%}.vault-hero #featuredBanner>div:first-of-type{left:40%;width:60%}.vault-hero #featuredBanner .vault-feature-shade{background:linear-gradient(90deg,#180f23,rgba(24,15,35,.8) 40%,rgba(24,15,35,.04))}#presetGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.preset-card>div:nth-child(2){padding:16px}.preset-card>div:nth-child(3){padding:12px 16px}.vault-nav-library{display:none}body>div.max-w-7xl{padding-top:28px}}
@media(max-width:480px){body>header>div{min-height:76px!important;padding-top:12px!important;padding-bottom:12px!important;flex-wrap:nowrap!important}.vault-header-actions{gap:6px}body>header h1{font-size:13px!important}body>header h1+p{font-size:7px!important}body>header button[onclick="openPublishModal()"]{min-height:42px;padding:10px;font-size:10px}.vault-eyebrow{font-size:9px;margin-bottom:20px}.vault-hero .vault-intro h2{font-size:42px}.vault-hero .vault-intro>p{font-size:13px}.vault-hero-facts{gap:12px}.vault-library-label h2{font-size:24px}.vault-hero #featuredBanner,.vault-hero #featuredBanner>div.relative{min-height:290px}.vault-hero #featuredBanner>div.relative{padding:22px}.vault-hero #featuredTitle{font-size:24px;max-width:85%}#presetGrid{grid-template-columns:minmax(0,1fr)}.preset-card>div:first-child{aspect-ratio:4/5}.vault-toolbar>div:last-child{gap:8px}.vault-toolbar select{padding-left:8px;padding-right:8px}#featuredPauseBtn{font-size:11px;padding:7px 10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.vault-style-filters{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.vault-style-filters button{border:1px solid #443052;border-radius:12px;padding:10px 14px;min-height:42px;font-size:11px;font-weight:700;color:#b7a8c5}.vault-style-filters button:hover,.vault-style-filters button[aria-pressed=true]{border-color:#d4b4ff;color:#d4b4ff}
.vault-ocr{padding:14px;border:1px solid #443052;border-radius:12px}.vault-ocr button{min-height:44px;padding:10px 12px;border:1px solid #75508e;border-radius:10px;color:#e0c5ff;font-size:12px;font-weight:700}.vault-ocr p,.vault-ocr label{font-size:11px;line-height:1.7;color:#b7a8c5;margin:8px 0}.vault-ocr input{width:100%;padding:12px;margin:8px 0;background:#180f23;border:1px solid #75508e;border-radius:10px;font-size:13px}.vault-ocr [hidden]{display:none!important}

/* Keyboard navigation without changing the existing palette. */
.skip-link{position:fixed;left:16px;top:12px;z-index:1000;padding:12px 18px;border-radius:8px;font-size:14px;font-weight:700;transform:translateY(-180%)}
.skip-link:focus{transform:none}
.skip-link{background:#251932;color:#f5effb;border:2px solid #e0c5ff}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #e0c5ff;outline-offset:3px}