.demo-shell{--demo-height:65px;padding-top:var(--demo-height)}.demo-banner{z-index:55;height:var(--demo-height);color:#f8f7f2;background:#153f3b;border-bottom:1px solid #ffffff30;align-items:center;gap:22px;padding:10px 24px;font-family:Arial,sans-serif;display:flex;position:fixed;inset:0 0 auto}.demo-banner a,.demo-banner button{min-height:42px;color:inherit;background:0 0;border:1px solid #ffffff35;border-radius:5px;justify-content:center;align-items:center;gap:7px;padding:8px 12px;font-size:12px;text-decoration:none;display:flex}.demo-banner>div{flex:1;min-width:0}.demo-banner strong{letter-spacing:.12em;font-size:10px;display:block}.demo-banner>div>span{color:#d9e8df;margin-top:4px;font-size:11px;display:block}.demo-shell [data-slot=sidebar-container]{top:var(--demo-height)!important;height:calc(100svh - var(--demo-height))!important}.demo-shell .topbar{top:var(--demo-height)}.demo-shell .workspace{min-height:calc(100svh - var(--demo-height))}.demo-shell .demo-banner a:hover,.demo-shell .demo-banner button:hover{background:#ffffff15}.demo-shell .island-place{font-size:12px}.demo-shell .ai-briefing footer:before{content:"DEMO: Prepared sample response. ";font-weight:700}.demo-shell .ai-chat-disclaimer:before{content:"DEMO: Prepared replies, no external AI request. ";font-weight:700}@media (max-width:767px){.demo-shell{--demo-height:100px}.demo-banner{flex-wrap:wrap;align-content:center;gap:8px;padding:9px 13px}.demo-banner>div{flex:auto;width:calc(100% - 60px)}.demo-banner .demo-back{border:0;min-width:36px;padding:5px}.demo-back>span{display:none}.demo-banner>div>span{font-size:9px}.demo-banner>button{margin-left:auto}.demo-banner>button,.demo-banner>a:last-child{min-height:34px;padding:5px 10px;font-size:10px}.demo-shell [data-slot=sidebar-container]{height:calc(100svh - var(--demo-height))!important}.demo-shell .main-content{padding-top:22px}}@media (max-width:360px){.demo-banner>div>span{font-size:8px}.demo-banner strong{font-size:9px}}