/* Demo page chrome around the real desk */
.pd-demo-page{margin:0}
.pd-demo-bar{position:fixed;top:0;inset-inline:0;z-index:1100;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;padding:8px 14px;padding-top:calc(8px + env(safe-area-inset-top,0px));background:#c08a2c;color:#2b1d05;font:500 13px/1.5 Alexandria,Tahoma,sans-serif;text-align:center}
.pd-demo-bar a{color:#2b1d05;font-weight:700;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.pd-demo-page .pd-root{top:calc(38px + env(safe-area-inset-top,0px))!important}
.pd-demo-boot{padding:120px 20px;text-align:center;font:500 15px Alexandria,Tahoma,sans-serif;color:#4f6270}
.pd-demo-notice{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:16px;background:#10283b66}
.pd-demo-notice[hidden]{display:none}
.pd-demo-notice-card{max-width:440px;background:#fff;border-radius:18px;padding:22px;box-shadow:0 24px 60px #10283b44;font-family:Alexandria,Tahoma,sans-serif;color:#132b3f}
.pd-demo-notice-card h2{margin:0 0 8px;font-size:19px}.pd-demo-notice-card p{margin:0 0 16px;font-size:14px;line-height:1.8;color:#4f6270}
.pd-demo-notice-card div{display:flex;gap:8px;flex-wrap:wrap}
html.dark .pd-demo-notice-card{background:#142f44;color:#e4edf4}html.dark .pd-demo-notice-card p{color:#b0c2ce}
@media(max-width:600px){.pd-demo-bar{font-size:12px;gap:8px}.pd-demo-sub{display:none}.pd-demo-page .pd-root{top:calc(38px + env(safe-area-inset-top,0px))!important}}
.pd-demo-page{font-family:Alexandria,Tahoma,sans-serif}