.vg-root{background:var(--color-surface);border:1px solid var(--color-rule);border-radius:var(--radius-lg);padding:var(--space-xl);max-width:100%;box-sizing:border-box}@media(max-width:639.98px){.vg-root{padding:var(--space-md);border-radius:var(--radius-md)}}.vg-step{margin-bottom:var(--space-xl)}@media(max-width:639.98px){.vg-step{margin-bottom:var(--space-lg)}}.vg-step-label{font-family:var(--font-label);font-size:var(--text-eyebrow);font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--color-brand);margin-bottom:var(--space-sm)}.vg-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-sm)}@media(max-width:639.98px){.vg-category-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-xs)}}.vg-category-btn{background:transparent;border:1px solid var(--color-rule);border-radius:var(--radius-full);padding:var(--space-sm) var(--space-md);font-family:var(--font-label);font-size:.9375rem;font-weight:600;color:var(--color-ink);cursor:pointer;transition:background .2s,border-color .2s,color .2s;min-height:48px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:639.98px){.vg-category-btn{font-size:.875rem;padding:var(--space-xs) var(--space-sm)}}.vg-category-btn:hover{border-color:var(--color-brand)}.vg-category-btn[aria-pressed=true]{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.vg-color-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:var(--space-md)}@media(max-width:639.98px){.vg-color-grid{grid-template-columns:repeat(4,1fr);gap:var(--space-sm)}}.vg-swatch{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);background:transparent;border:0;padding:0;cursor:pointer}.vg-swatch-circle{width:48px;height:48px;border-radius:var(--radius-full);border:2px solid var(--color-rule);transition:transform .2s,box-shadow .2s}@media(max-width:639.98px){.vg-swatch-circle{width:52px;height:52px}}.vg-swatch[aria-pressed=true] .vg-swatch-circle{transform:scale(1.05);box-shadow:0 0 0 3px var(--color-primary);border-color:var(--color-primary)}.vg-swatch-label{font-family:var(--font-label);font-size:.72rem;letter-spacing:.04em;color:var(--color-ink-soft);text-align:center;line-height:1.2;word-break:break-word;hyphens:auto}@media(max-width:639.98px){.vg-swatch-label{font-size:.65rem}}.vg-results{display:grid;gap:var(--space-lg)}@media(min-width:640px){.vg-results{grid-template-columns:repeat(3,1fr)}}.vg-result-group h3{font-family:var(--font-display);font-size:1.125rem;color:var(--color-brand-deep);margin:0 0 var(--space-sm) 0}.vg-rank-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-sm);padding:var(--space-xs) 0;border-bottom:1px solid var(--color-rule)}.vg-rank-row:last-child{border-bottom:none}.vg-rank-icon{font-family:var(--font-mono);font-weight:600;width:1.5rem;flex-shrink:0}.vg-rank-best .vg-rank-icon{color:var(--color-success)}.vg-rank-ok .vg-rank-icon{color:var(--color-tertiary)}.vg-rank-avoid{color:var(--color-text-mute)}.vg-rank-avoid .vg-rank-icon{color:var(--color-error)}.vg-tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-label);font-size:.875rem}.vg-tag-dot{width:14px;height:14px;border-radius:var(--radius-full);border:1px solid var(--color-rule);flex-shrink:0}.vg-perustelu{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--color-rule);font-style:italic;color:var(--color-ink-soft)}.vg-empty{color:var(--color-ink-soft);font-style:italic}.vg-layout{display:grid;grid-template-columns:1fr 200px;gap:var(--space-xl);align-items:start}@media(max-width:639.98px){.vg-layout{grid-template-columns:1fr}}.vg-controls{min-width:0}.vg-mannekiini-wrap{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);position:sticky;top:var(--space-lg)}@media(max-width:639.98px){.vg-mannekiini-wrap{position:static;margin-bottom:var(--space-lg)}}.vg-mannekiini-label{font-family:var(--font-label);font-size:var(--text-eyebrow);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-ink-soft)}.vg-mannekiini-svg{width:160px;height:340px;--c-paita: #d0cfc9;--c-takki: transparent;--c-housut: #c2c0bb;--c-kengat: #b0ada8;--c-iho: #e8c9a0}@media(max-width:639.98px){.vg-mannekiini-svg{width:120px;height:255px}}.vg-mannekiini-svg .area{transition:fill .25s ease}.vg-mannekiini-svg .area-paita{fill:var(--c-paita)}.vg-mannekiini-svg .area-takki{fill:var(--c-takki)}.vg-mannekiini-svg .area-housut{fill:var(--c-housut)}.vg-mannekiini-svg .area-kengat{fill:var(--c-kengat)}.vg-mannekiini-svg .area-iho{fill:var(--c-iho)}