.msr-pi-wrap{border:1px solid #e2e8f0;padding:16px;border-radius:12px;background:#fff;max-width:980px}
.msr-pi-welcome{font-style:italic;color:#334155;margin-bottom:12px}
.msr-pi-menu{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-top:8px}
.msr-pi-card{border:1px solid #e2e8f0;border-radius:12px;padding:12px;background:#fafafa;display:flex;flex-direction:column}
.msr-pi-progress{height:8px;background:#e5e7eb;border-radius:999px;overflow:hidden;margin:8px 0}
.msr-pi-bar{height:8px;background:#6366f1}
.msr-pi-btn{display:inline-block;margin-top:8px;padding:8px 12px;border-radius:8px;border:1px solid #6366f1;background:#6366f1;color:#fff;cursor:pointer;text-align:center}
.msr-pi-btn.secondary{background:#fff;color:#111827;border-color:#cbd5e1}
.msr-pi-section{padding:8px 0;border-top:1px dashed #e5e7eb}
.msr-pi-section:first-child{border-top:0}
.msr-pi-input,.msr-pi-textarea{width:100%;max-width:100%;padding:8px;border:1px solid #cbd5e1;border-radius:8px}
.msr-pi-textarea{min-height:160px}
.msr-pi-feedback{margin-top:8px;padding:8px;border-radius:8px;background:#fff7ed;border:1px solid #fdba74}
.msr-pi-correct{background:#ecfdf5;border-color:#6ee7b7}
.msr-pi-incorrect{background:#fef2f2;border-color:#fecaca}
.msr-muted{color:#6b7280;font-size:14px}
.msr-inline{display:inline-block;margin-left:8px}
.msr-hint{background:#eef2ff;border:1px solid #c7d2fe;padding:8px;border-radius:8px;margin-top:8px;display:none}
.msr-examples{background:#f1f5f9;border:1px solid #e2e8f0;padding:8px;border-radius:8px;margin-top:8px;display:none}
.msr-question{font-weight:600;margin-bottom:8px}