.demo-shell{width:min(1180px,calc(100% - 40px));margin:auto}.demo-hero{padding:70px 0 35px}.demo-hero h1{max-width:940px}.demo-controls{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 0 28px}.demo-controls label{display:flex;align-items:center;gap:10px;color:#b8c9cd}.demo-controls select{background:#0c1a20;color:#edf8f8;border:1px solid #1c333b;border-radius:999px;padding:10px 14px}.demo-status{color:#91a9ae;font-size:.9rem}.demo-root{padding-bottom:100px}.demo-empty{border:1px solid #1c333b;border-radius:24px;background:rgba(12,26,32,.72);padding:28px}.demo-empty strong{font-size:1.35rem}.demo-empty p{color:#a9bec3;max-width:760px}.demo-winner{display:grid;gap:5px;margin:12px 0 18px;background:linear-gradient(135deg,rgba(102,245,195,.12),rgba(85,217,230,.08));border:1px solid #26434a;border-radius:22px;padding:22px}.demo-winner span{text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;color:#91a9ae}.demo-winner strong{font-size:1.7rem}.demo-winner small{color:#9fb4b9}.demo-table{width:100%;border-collapse:separate;border-spacing:0;background:rgba(12,26,32,.7);border:1px solid #1c333b;border-radius:22px;overflow:hidden}.demo-table th,.demo-table td{padding:16px 18px;border-right:1px solid #1c333b;border-bottom:1px solid #1c333b;text-align:right;white-space:nowrap}.demo-table th:first-child,.demo-table td:first-child{text-align:left}.demo-table th:last-child,.demo-table td:last-child{border-right:0}.demo-table tbody tr:last-child th,.demo-table tbody tr:last-child td{border-bottom:0}.demo-table thead th{background:#0b181e;color:#d9e7e9;font-size:.82rem}.demo-table tbody th{color:#a9bec3;font-weight:600}.demo-warning{margin:18px 0 0;border-left:3px solid #66f5c3;padding:2px 0 2px 14px;color:#9fb4b9;max-width:820px}@media(max-width:760px){.demo-shell{width:min(100% - 24px,1180px)}.demo-controls{align-items:flex-start;flex-direction:column}.demo-root{overflow-x:auto}.demo-table{min-width:760px}}