#license-gate {display:none!important}
#app-root.app-hidden {display:flex!important}
body {height:100dvh!important;display:flex!important;flex-direction:column;overflow:hidden!important}
#app-root {height:calc(100dvh - 46px)!important;min-height:0;flex:1;width:100%}
.demo-banner {box-sizing:border-box;min-height:46px;display:flex;align-items:center;gap:12px;padding:8px 16px;background:#1c2942;color:#edf3ff;border-bottom:1px solid #3c577e;font:12px/1.4 Inter,sans-serif;flex-shrink:0;z-index:2000}
.demo-banner>strong {background:#75b9ff;color:#13233b;border-radius:5px;padding:3px 8px;font-size:11px;letter-spacing:.08em}
.demo-banner-actions {margin-left:auto;display:flex;align-items:center;gap:8px;white-space:nowrap}
.demo-banner button,.demo-banner a,.demo-banner select,.demo-report button {border:1px solid #486284;background:#23354f;color:#eef4ff;border-radius:6px;padding:5px 9px;text-decoration:none;font:inherit;cursor:pointer}
.demo-banner button:hover,.demo-banner a:hover {background:#304e75}
.demo-banner button:disabled {opacity:.4;cursor:default}
.demo-report {width:min(900px,90vw);max-height:85dvh;padding:20px;background:#172130;color:#e6edf8;border:1px solid #486284;border-radius:12px}
.demo-report::backdrop {background:#080e19bd}
.demo-report header {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.demo-report pre {max-height:60dvh;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.6 monospace;margin-bottom:16px}
.demo-preview .scarp-toast-container {display:none!important}
.demo-preview .demo-banner-actions {display:none}
.demo-banner .demo-menu {display:none}
@media(max-width:760px) {
 .demo-banner .demo-menu {display:block}
 #demo-sidebar {position:fixed;left:0;top:var(--demo-banner-height,80px);bottom:0;height:auto;z-index:1500;transform:translateX(-100%);transition:transform .18s ease;box-shadow:12px 0 35px #0009}
 .demo-nav-open #demo-sidebar {transform:translateX(0)}
 #app-root .main-content {padding:14px;flex:1;width:100%;min-width:0}
 .demo-banner {gap:8px;padding:7px 8px;flex-wrap:wrap}
 .demo-banner>span {font-size:10px;flex:1}
 .demo-banner-actions {width:100%;justify-content:flex-end}
 #app-root {min-width:0!important}
 #demo-reset {display:none}
}
