.vault-hero{background:radial-gradient(ellipse at 85% 40%,#76203e 0,transparent 60%),#190d13;color:#f9eee8;padding:70px 0 56px;border-bottom:1px solid #ad7d59}.vault-hero h1{color:#fff2eb;font-size:clamp(43px,7vw,86px);max-width:12ch;line-height:1.02}.vault-hero h1 em{color:#ff8db9}.vault-hero .eyebrow{color:#edc895}.vault-hero p{max-width:52ch;color:#e7cdd6}.vault-hero a{display:inline-flex;min-height:48px;align-items:center;padding:10px 18px;border:1px solid #db94b0;margin-right:8px;margin-top:8px;color:#fff}.vault-hero a:first-child{background:#9c2852}.vault-workbench{background:#fff0c9;border-bottom:1px solid #bd934d;padding:12px 20px;font-size:14px;text-align:center}.vault-browser{padding:42px 0 64px}.vault-toolbar{display:flex;align-items:end;gap:20px;flex-wrap:wrap;margin-bottom:28px}.vault-toolbar label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;flex:1;min-width:230px}.vault-toolbar select,.vault-toolbar input{font:inherit;font-size:16px;color:var(--ink);background:var(--paper);border:1px solid var(--line-strong);min-height:48px;padding:10px 14px;width:100%}.vault-count{font-size:14px;color:var(--charcoal)}.vault-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.vault-card{min-width:0;border:1px solid var(--line);background:var(--paper)}.vault-art{display:flex;align-items:center;justify-content:center;aspect-ratio:1;background:radial-gradient(circle,#4c2435,#190e16);padding:12px;border:0;width:100%;cursor:pointer}.vault-art img{width:100%;height:100%;object-fit:contain;filter:none}.vault-caption{padding:17px}.vault-caption h3{font-size:22px;overflow-wrap:anywhere}.vault-caption p{font-size:11px;letter-spacing:.07em;color:var(--charcoal);text-transform:uppercase;margin:0 0 10px}.vault-caption a{font-size:14px;font-weight:600;display:inline-flex;align-items:center;min-height:44px;border-bottom:1px solid var(--wine)}.vault-empty{padding:45px 24px;border:1px solid var(--line);text-align:center;grid-column:1/-1}.vault-how{padding:45px 0;background:var(--paper);border-top:1px solid var(--line)}.vault-how .wrap{max-width:850px}.vault-how h2{font-size:38px}.vault-how li{padding:0 0 14px 6px}.vault-how a{text-decoration:underline}.vault-dialog{border:1px solid #bc879d;padding:0;width:min(680px,calc(100% - 24px));max-height:92dvh;background:var(--paper);color:var(--ink)}.vault-dialog::backdrop{background:#140b13df}.vault-dialog-inner{padding:22px}.vault-dialog-head{display:flex;justify-content:space-between;align-items:start;gap:16px}.vault-dialog-head h2{font-size:27px}.vault-close{min-width:44px;min-height:44px;font-size:24px;background:transparent;border:1px solid var(--line-strong);cursor:pointer}.vault-preview{background:repeating-conic-gradient(#e6ded5 0% 25%,#fff8ee 0% 50%) 50% / 20px 20px;display:flex;justify-content:center;margin:15px 0}.vault-preview img{height:min(48dvh,430px);width:100%;object-fit:contain;padding:14px}.vault-save-actions{display:flex;gap:10px;flex-wrap:wrap}.vault-save-actions a{padding:12px 18px;border:1px solid var(--wine);font-weight:600;font-size:14px;min-height:48px}.vault-save-actions a:first-child{background:var(--wine);color:#fff}.vault-help{font-size:13px;color:var(--charcoal);margin:16px 0 0}.vault-browser :focus-visible,.vault-dialog :focus-visible,.vault-hero :focus-visible{outline:3px solid #df327d;outline-offset:4px}.vault-home-link{padding:24px;border:1px solid var(--line);margin:25px auto;background:var(--paper)}.vault-home-link a{font-family:var(--font-display);font-size:28px;color:var(--wine)}
@media(max-width:1000px){.vault-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.vault-hero{padding:45px 0}.vault-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.vault-caption{padding:12px}.vault-caption h3{font-size:19px}.vault-toolbar{gap:12px}.vault-toolbar label{min-width:100%}.vault-dialog-inner{padding:16px}.vault-hero a{font-size:14px}.vault-art{padding:5px}}@media(max-width:340px){.vault-grid{grid-template-columns:1fr}}
.vault-browser.wrap{padding:42px 28px 64px;scroll-margin-top:90px}.vault-toolbar label{min-width:0}.vault-toolbar select{min-width:0}.vault-how{scroll-margin-top:90px}.vault-preview img{height:auto;max-height:55dvh}.vault-hero-grid{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:35px}.vault-hero-art{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:0;max-width:520px}.vault-hero-art img{width:100%;height:220px;object-fit:contain}.vault-hero-art img:first-child{grid-column:1/-1;width:75%;height:230px;justify-self:center;transform:rotate(-8deg)}.vault-hero-art img:nth-child(2){transform:rotate(-7deg)}.vault-hero-art img:nth-child(3){transform:rotate(7deg)}
@media(max-width:700px){.vault-hero-grid{grid-template-columns:1fr;gap:22px}.vault-hero-art{display:flex;max-width:100%;gap:5px}.vault-hero-art img,.vault-hero-art img:first-child{width:32%;height:135px}.vault-browser.wrap{padding:32px 20px 45px}.vault-toolbar label{min-width:100%;max-width:100%}}
.vault-dialog .vault-preview img{height:auto;max-height:55dvh}.vault-art{color:#fff}.vault-toolbar{min-width:0}