.public-demo-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 32px;background:var(--panel,#e4ebf3);border-bottom:1px solid var(--border,#bac7d9);color:var(--text,#172d49)}.public-demo-banner>div{display:flex;align-items:center;gap:14px}.public-demo-banner strong{font-size:12px;white-space:nowrap;color:var(--accent,#285fc4)}.public-demo-banner span{font-size:12px;line-height:1.7}.public-page-note{padding:13px 18px;margin-bottom:20px;border:1px solid var(--border,#bac7d9);border-left:3px solid var(--accent,#285fc4);border-radius:8px;background:var(--panel,#e4ebf3);font-size:12px;line-height:1.8;color:var(--text,#172d49)}.public-welcome{padding:36px;max-width:980px}.public-welcome h2{font-size:23px;margin:8px 0 18px}.public-welcome p,.public-about p{font-size:14px;line-height:1.9;max-width:720px}.public-welcome-icon{color:var(--accent,#285fc4)}.public-welcome-icon .icon{width:36px;height:36px}.public-actions{display:flex;gap:12px;margin-top:26px}.public-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:26px;border-top:1px solid var(--border,#bac7d9);padding-top:24px}.public-facts strong,.public-facts span{display:block;font-size:12px;line-height:1.8}.public-facts span{margin-top:8px;color:var(--muted,#53647a)}.public-log{margin-top:24px;max-width:980px}.public-log ul{list-style:none;margin:0;padding:0 24px 20px}.public-log li{display:flex;gap:22px;padding:11px 0;border-bottom:1px solid var(--border,#bac7d9);font-size:12px;line-height:1.7}.public-log time{font-variant-numeric:tabular-nums;color:var(--muted,#53647a);flex:none}.public-unavailable{padding:32px;margin:32px}.public-demo button:disabled{cursor:not-allowed}@media(max-width:800px){.public-demo-banner{padding:12px 18px;align-items:flex-start}.public-demo-banner>div{display:block}.public-demo-banner strong{display:block;margin-bottom:4px}.public-demo-banner .btn{white-space:nowrap}.public-welcome{padding:22px}.public-facts{grid-template-columns:1fr}.public-actions{flex-wrap:wrap}}@media(max-width:480px){.public-demo-banner{flex-direction:column;gap:8px}.public-demo .top-actions .feedback-open span{display:none}}