.vacvac-page{padding-top:24px;padding-bottom:48px}.vacvac-hero{background:linear-gradient(135deg,#eff8ff,#fff7d9)}.vacvac-preview{display:flex;justify-content:center;margin:18px 0}.vacvac-canvas,.vacvac-layer-thumb{position:relative;width:300px;height:300px;image-rendering:pixelated;background:repeating-conic-gradient(#eef 0 25%,#fff 0 50%) 50%/24px 24px;border:3px solid #173b67;border-radius:16px;overflow:hidden}.vacvac-canvas img{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated}.vacvac-builder{display:grid;gap:14px}.vacvac-builder label{display:grid;gap:6px}.vacvac-home{display:grid;grid-template-columns:minmax(280px,1fr) 1fr;gap:28px;align-items:center}.vacvac-stats{display:grid;gap:20px}.vacvac-stats div{display:grid;grid-template-columns:140px 1fr 70px;gap:10px;align-items:center}.vacvac-stats meter{width:100%;height:24px}.vacvac-care-grid{display:flex;flex-wrap:wrap;gap:10px}.vacvac-part-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-bottom:18px}.vacvac-part-card{display:grid;gap:8px}.vacvac-layer-thumb{width:100%;height:auto;aspect-ratio:1}.vacvac-layer-thumb img{width:100%;height:100%;image-rendering:pixelated}.vacvac-new-category{display:flex;gap:8px;flex-wrap:wrap}@media(max-width:760px){.vacvac-home{grid-template-columns:1fr}.vacvac-canvas{width:min(82vw,300px);height:min(82vw,300px)}.vacvac-stats div{grid-template-columns:110px 1fr 54px}}
/* VacVac creator v1.1: visual trait picker + reliable compositing */
.vacvac-hero h1,.vacvac-hero .eyebrow,.vacvac-hero p{color:#173b67}
.vacvac-builder-help{margin-top:-4px}
.vacvac-builder-layout{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:28px;align-items:start}
.vacvac-builder-preview{position:sticky;top:110px;margin:0}
.vacvac-builder-preview .vacvac-canvas{width:min(100%,360px);height:auto;aspect-ratio:1}
.vacvac-preview-part{display:none}
.vacvac-preview-part.is-visible{display:block}
.vacvac-trait-controls{display:grid;gap:18px}
.vacvac-trait-group{margin:0;padding:12px;border:2px solid #173b67;border-radius:12px;min-width:0}
.vacvac-trait-group legend{padding:0 7px;font-weight:700;color:#173b67}
.vacvac-part-choices{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px}
.vacvac-part-choice{display:grid;gap:6px;justify-items:center;align-content:start;min-width:0;padding:8px;background:#fff;color:#173b67;border:2px solid #a9bdd4;border-radius:10px;cursor:pointer}
.vacvac-part-choice:hover{border-color:#173b67}
.vacvac-part-choice.is-selected{border-color:#173b67;box-shadow:0 0 0 3px rgba(23,59,103,.2);background:#eef7ff}
.vacvac-choice-thumb{display:block;width:82px;height:82px;max-width:100%;background:repeating-conic-gradient(#eef 0 25%,#fff 0 50%) 50%/16px 16px;border:1px solid #b9c7d7;border-radius:8px;overflow:hidden}
.vacvac-choice-thumb img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}
.vacvac-name-field{display:grid;gap:6px}
@media(max-width:800px){.vacvac-builder-layout{grid-template-columns:1fr}.vacvac-builder-preview{position:static}.vacvac-part-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.vacvac-choice-thumb{width:70px;height:70px}}
/* VacVac v1.2: friendly labels, defaults, and recolorable pixel fills */
.vacvac-render-canvas{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated}
.vacvac-color-tools{margin-top:12px;padding:10px;border-top:1px dashed #a9bdd4;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.vacvac-color-tools>strong{width:100%;color:#173b67}
.vacvac-color-tools label{display:flex;gap:6px;align-items:center}
.vacvac-color-tools input[type=color]{width:48px;height:34px;padding:2px}
.vacvac-color-tools small{width:100%;opacity:.75}
.vacvac-color-same{padding:7px 10px}
.vacvac-default-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:14px 0}
.vacvac-default-grid label{display:grid;gap:6px}
.vacvac-admin-display-name{display:block;color:#173b67;margin:4px 0}
/* VacVac v1.3: living robot, edit controls, dashboard card */
.vacvac-active-title,.vacvac-builder-title-row,.dashboard-vacvac-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.vacvac-animated .vacvac-head-canvas{will-change:transform;z-index:3}
.vacvac-animated .vacvac-body-canvas{z-index:2}
.dashboard-vacvac-preview{margin:8px auto;max-width:180px}
.dashboard-vacvac-stats{display:flex;justify-content:center;gap:14px;font-size:.85em;margin-top:8px}
.dashboard-vacvac .vacvac-canvas{width:150px;height:150px}
@media (prefers-reduced-motion:reduce){.vacvac-head-canvas{transform:none!important}}