.controls_bar__KN9au{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding:.65rem 1rem;border-bottom:1px solid var(--border,#ddd);background:var(--surface,#fff)}.controls_bar__KN9au label{min-width:0;max-width:100%}.controls_persona__UaN_b{display:flex;align-items:center;gap:.65rem;flex:0 1 34rem}.controls_bar__KN9au select{max-width:100%}.controls_persona__UaN_b select{flex:1 1 auto;width:0;min-width:0}.controls_actions__TWFU1{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-left:auto}.controls_bar__KN9au a,.controls_bar__KN9au button,.controls_bar__KN9au select{font:inherit;color:inherit;background:var(--surface,#fff);border:1px solid var(--border,#bbb);border-radius:var(--radius-sm,4px);padding:.4rem .65rem}.controls_bar__KN9au a{text-decoration:underline}.controls_bar__KN9au .demo-inbox-messages{padding:0;list-style:none}.controls_bar__KN9au .demo-inbox-messages li{padding-block:.75rem;border-bottom:1px solid var(--border);overflow-wrap:anywhere}.controls_bar__KN9au button{cursor:pointer}.controls_bar__KN9au button:disabled{opacity:.55;cursor:wait}.controls_notice__Yh4G8{padding:.75rem 1rem;color:var(--ink);background:var(--surface);display:flex;justify-content:space-between;gap:1rem}.controls_notice__Yh4G8 button{border:0;background:none;color:inherit;cursor:pointer}@media (max-width:570px){.controls_persona__UaN_b{flex:1 1 calc(100% - 4rem)}.controls_actions__TWFU1{justify-content:flex-end}}.runtime_demo__roCn_{--demo-chrome-height:0px}.runtime_controls__5sGGS{position:sticky;top:0;z-index:20}.runtime_workspace__O_lu6 .app-shell{min-height:calc(100dvh - var(--demo-chrome-height))}.runtime_workspace__O_lu6 .app-shell>[role=separator],.runtime_workspace__O_lu6 .mobile-nav-backdrop,.runtime_workspace__O_lu6 .sidebar,.runtime_workspace__O_lu6 .topbar{top:var(--demo-chrome-height)}@media (max-width:570px){.runtime_workspace__O_lu6 .mobile-nav-backdrop,.runtime_workspace__O_lu6 .sidebar{top:calc(var(--demo-chrome-height) + 54px)}}