.demo-controls{display:flex;gap:16px;flex-wrap:wrap;margin:20px 0}.demo-controls label{display:grid;gap:8px;font-size:12px;font-weight:700;color:#546983}.demo-controls select{border:1px solid #cfd9e9;background:white;border-radius:8px;padding:12px;color:#0b2445}.demo-choices{display:grid;gap:12px;margin:24px 0}.demo-choice{background:white;border:1px solid #cfd8ea;border-radius:11px;padding:17px;text-align:left;font-size:15px;color:#143054;cursor:pointer;transition:background .15s}.demo-choice:hover:not(:disabled){background:#ecf4ff;border-color:#8caef0}.demo-choice:disabled{opacity:.65;cursor:default}.demo-top{display:flex;justify-content:space-between;font-size:12px;color:#697f9a;margin-bottom:24px}.demo-feedback{background:#eff7ff;border-radius:10px;padding:18px;margin-top:12px;line-height:1.6}.demo-feedback .btn{margin-top:12px}.demo-score{font-size:34px;font-weight:800;color:#183e83}.demo-review{border-top:1px solid #dfebf4;padding:15px 0;line-height:1.6}.demo-review p{margin:5px 0;color:#566b85}.demo-review small{color:#718099}.demo-history>div{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid #e0e8f0;font-size:13px}.demo-history>div:last-child{border:0}@media(max-width:500px){.demo-top{flex-direction:column;gap:5px}}