#adminBell[hidden],#adminSignIn[hidden]{display:none!important}#adminBell{display:inline-flex;align-items:center;justify-content:center}#adminLogin{width:min(430px,92vw)}#adminLogin form{padding:14px 8px;display:grid;gap:12px}#adminLogin p{padding:0 8px;font-size:12px}#adminView{overflow:auto}.demo-studio{background:radial-gradient(ellipse at top right,#20578a,transparent 70%),#071a2e;color:#e7f4ff;flex:1;min-height:0;padding:20px 28px;overflow:auto}.demo-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.demo-badge{color:#89e3ee;border:1px solid #376879;border-radius:20px;padding:5px 10px;font-size:10px;font-weight:bold;letter-spacing:1px}.demo-studio .textbtn{color:#afddff}.demo-identity{color:#8ca6be;font-size:10px;margin:8px 0 14px}.demo-studio h2{color:#fff;font-size:clamp(20px,3vw,34px);margin:10px 0}.demo-studio p{color:#b4c9df;font-size:12px}#demoWelcome{padding:40px 0}.demo-headline{display:flex;align-items:center;justify-content:space-between;gap:10px}#demoState{font-size:11px;color:#69e4c2}.demo-flow{display:flex;align-items:center;height:130px;gap:16px}.demo-source,.demo-target{width:100px;flex-shrink:0;text-align:center;font-size:22px;font-weight:bold;color:#fff}.demo-flow small{font-size:9px;color:#9cb9d3;letter-spacing:1px}.demo-lane{flex:1;position:relative;height:100%;overflow:hidden}.demo-lane svg{width:100%;height:100%;opacity:.35}.demo-lane path{fill:none;stroke:#38cbd4;stroke-width:2;stroke-dasharray:6 5}.demo-lane i{position:absolute;top:35%;left:-30px;background:#214b75;border:1px solid #69d4ea;color:white;border-radius:10px;padding:9px 14px;font-style:normal;box-shadow:0 0 24px #24b7d43b;animation:mail-flight 3s linear infinite;animation-play-state:paused;opacity:0}.demo-lane i:nth-child(2){animation-delay:-.6s}.demo-lane i:nth-child(3){animation-delay:-1.2s}.demo-lane i:nth-child(4){animation-delay:-1.8s}.demo-lane i:nth-child(5){animation-delay:-2.4s}.demo-flow[data-state=playing] i{animation-play-state:running}.demo-flow[data-state=outage]{filter:sepia(.6)}.demo-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.demo-metrics strong{display:block;font-size:clamp(24px,4vw,44px);font-variant-numeric:tabular-nums}.demo-metrics span{font-size:11px;color:#97b4cb}.demo-progress{height:7px;border-radius:8px;background:#193750;overflow:hidden;margin:18px 0}.demo-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#479bff,#63e6c0);transition:width .1s linear}.demo-connections{display:flex;gap:8px;flex-wrap:wrap}.demo-connections span{padding:6px 10px;border:1px solid #355875;border-radius:20px;font-size:10px;color:#95b5cd}.demo-connections .current{border-color:#62e1c0;color:#b0ffe9;background:#0e4d49}.demo-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:16px}.demo-controls button{font-size:11px;padding:8px 14px}.demo-controls label{display:flex;align-items:center;gap:7px;color:#b4c9df;font-size:11px}.demo-controls select{margin:0;padding:6px}#demoStage[hidden],#demoWelcome[hidden]{display:none}@keyframes mail-flight{0%{left:-50px;opacity:0;transform:translateY(10px)}15%{opacity:1}50%{transform:translateY(-12px)}85%{opacity:1}100%{left:100%;opacity:0;transform:translateY(10px)}}@media(max-width:650px){.demo-studio{padding:12px 14px}.demo-top{align-items:flex-start}.demo-badge{font-size:8px}.demo-headline{display:block}.demo-flow{height:100px;gap:6px}.demo-source,.demo-target{width:62px;font-size:16px}.demo-flow small{font-size:7px}.demo-controls button{padding:7px 9px}.demo-metrics{gap:10px}}@media(prefers-reduced-motion:reduce){.demo-lane i{animation:none}.demo-progress i{transition:none}}

#adminLogin form[hidden]{display:none}

@media(max-height:560px){.framefoot{display:flex!important;min-height:24px;padding:2px 12px}}