.demo-shell{background:#f5f9fd;min-height:100vh;padding-bottom:70px}.demo-intro{text-align:center;padding:62px 5vw 34px}.demo-intro h1{font-size:clamp(38px,5vw,60px);margin:10px 0 15px}.demo-intro p:last-child{max-width:760px;margin:auto;color:var(--muted);line-height:1.7}.demo-app{max-width:1180px;margin:auto;background:white;border:1px solid var(--line);border-radius:15px;overflow:hidden;box-shadow:0 20px 60px #173c6915}.demo-head{padding:18px 22px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}.demo-head small{display:block;color:var(--muted);margin-top:4px}.status{font-size:12px;background:#eaf8ef;color:#17723a;padding:7px 10px;border-radius:20px;height:max-content}.searchbar{display:flex;gap:10px;padding:20px;border-bottom:1px solid var(--line)}.searchbar input{flex:1;padding:14px;border:1px solid #bdcbdc;border-radius:8px;font:inherit}.searchbar button{border:0;background:var(--blue);color:white;border-radius:8px;padding:0 24px;font-weight:750}.demo-layout{display:grid;grid-template-columns:220px 1fr}.filters{display:flex;flex-direction:column;gap:13px;padding:22px;background:#f8fafc}.filters hr{border:0;border-top:1px solid var(--line);width:100%}.results-panel{padding:18px 24px}.results-top{display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.results-top button{border:0;background:none;color:var(--blue);cursor:pointer}.result{padding:19px 2px;border-bottom:1px solid var(--line);cursor:pointer}.result:hover h3{color:var(--blue)}.result h3{margin:0 0 6px}.meta{display:flex;gap:8px;flex-wrap:wrap;font-size:11px;color:var(--blue)}.pill{background:#edf5ff;padding:4px 7px;border-radius:12px}.result p{color:var(--muted);font-size:13px}.inspect{margin-top:11px;padding:12px;background:#f5f8fb;border-radius:8px;font-size:12px;display:none}.result.open .inspect{display:block}.demo-next{text-align:center;padding:65px 20px 0}.demo-next h2{font-size:36px;margin-bottom:10px}.demo-next p{color:var(--muted);margin-bottom:25px}@media(max-width:700px){.demo-layout{grid-template-columns:1fr}.filters{display:grid;grid-template-columns:1fr 1fr}.demo-app{margin:0 12px}.demo-intro{padding-top:45px}}