body{margin:0;background:#e9edf1;color:#1c2b40;font:14px/1.5 system-ui,sans-serif}*{box-sizing:border-box}.demo-host{max-width:1660px;padding:32px;margin:auto}.demo-host header{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px}.demo-eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#47627d}.demo-host h1{font-size:30px;letter-spacing:-1px;margin:6px 0}.demo-host header p{color:#4c6077}.demo-host button,.demo-host select{font:inherit;min-height:40px;border:1px solid #bcc8d5;border-radius:6px;padding:8px 12px;background:white;color:#1c2b40;cursor:pointer}.demo-host header>button{background:#163956;color:#fff;border:0;font-weight:600;padding:13px 22px}.demo-controls{display:flex;flex-wrap:wrap;gap:16px;padding:20px;background:#fff;border:1px solid #c6d0dc;border-radius:10px}.demo-controls label{font-size:11px;font-weight:650;color:#496076;flex:1 1;min-width:120px}.demo-controls select{display:block;width:100%;margin-top:7px;font-size:12px}.demo-status{justify-content:space-between;gap:14px;padding:16px 0;font-size:11px;color:#4c6077}.demo-routes,.demo-status{display:flex;flex-wrap:wrap}.demo-routes{gap:8px;margin-bottom:16px}.demo-routes button{font-size:12px}.demo-viewport{margin:auto;border:1px solid #8999ac;border-radius:12px;overflow:hidden;box-shadow:0 12px 40px #203b5515}.atlasframe-mount{display:block;width:100%;border:0;min-height:700px}.fixed .atlasframe-mount{height:860px}.demo-placeholder{text-align:center;padding:100px 20px;background:#131c28;color:#e0e8f3}.demo-placeholder b{font-size:24px}.demo-host footer{font-size:11px;color:#4c6077;text-align:center;padding:25px}.demo-host button:focus-visible,.demo-host select:focus-visible{outline:3px solid #2454a6;outline-offset:3px}@media (max-width:600px){.demo-host{padding:16px}.demo-host header{display:block}.demo-host header>button{width:100%;margin:12px 0}.demo-host h1{font-size:26px}.demo-controls{gap:12px;padding:14px}}