.ksc-tool{padding:1.25rem;border-radius:16px;background:linear-gradient(180deg,#fdf4ff,#fff)}
.ksc-hero{margin-bottom:1rem}
.ksc-kicker{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#a855f7}
.ksc-hero h2{margin:.25rem 0}
.ksc-hero p{margin:0;color:#64748b}
.ksc-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}
.ksc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.65rem}
.ksc-card{padding:.85rem;border:2px solid #e9d5ff;border-radius:14px;background:#fff;cursor:pointer;text-align:center;transition:transform .15s}
.ksc-card:hover{transform:translateY(-2px)}
.ksc-card.is-active{border-color:#a855f7;background:#faf5ff}
.ksc-shape{width:56px;height:56px;margin:0 auto .45rem;background:#6366f1}
.ksc-shape--circle{border-radius:50%}
.ksc-shape--square{border-radius:8px}
.ksc-shape--triangle{width:0;height:0;border-left:28px solid transparent;border-right:28px solid transparent;border-bottom:56px solid #6366f1;background:transparent}
.ksc-shape--rectangle{width:70px;height:42px;border-radius:6px}
.ksc-shape--star{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}
.ksc-shape--heart{clip-path:path('M32 58 C10 38 0 24 0 14 C0 4 8 0 16 0 C24 0 28 6 32 12 C36 6 40 0 48 0 C56 0 64 4 64 14 C64 24 54 38 32 58 Z');transform:scale(.85)}
.ksc-color-swatch{width:56px;height:56px;margin:0 auto .45rem;border-radius:14px;border:3px solid #fff;box-shadow:0 0 0 2px #e2e8f0}
.ksc-detail,.ksc-quiz-q{margin-top:1rem}
.ksc-detail{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center;padding:1rem;border-radius:14px;background:#fff;border:2px solid #e9d5ff}
.ksc-preview{width:80px;height:80px;display:grid;place-items:center}
.ksc-preview--lg{width:120px;height:120px;margin:1rem auto}
.ksc-choices{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:1rem 0}
.ksc-choice{min-width:90px;padding:.65rem;border-radius:12px;border:2px solid #e2e8f0;background:#fff;font-weight:700;cursor:pointer}
.ksc-choice.is-correct{background:#dcfce7;border-color:#22c55e}
.ksc-choice.is-wrong{background:#fee2e2;border-color:#ef4444}
.ksc-score{text-align:center;color:#64748b}