/* Public demo shell; product styles below the banner are preserved. */
.demo-banner{min-height:43px;position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 20px;border-bottom:1px solid var(--line);background:#f2f3f4;font-size:11px;color:#565d65}
.demo-banner>a{font-weight:600;color:#242629}.demo-banner strong{font-weight:500;color:#242629}.demo-banner>div{display:flex;gap:6px}.demo-banner button{border:0;background:none;font-size:11px;padding:3px 6px}
.studio-mode .sidebar{top:43px}.studio-mode .topbar{top:43px}.studio-body{min-height:calc(100vh - 96px)}.studio-threadhead{top:106px}.studio-conversation{scroll-margin-top:106px}#shell{min-height:calc(100vh - 43px)}.sidebar-projects{max-height:42vh}.demo-guide{display:grid;gap:14px;margin:16px 0;padding-left:20px}.demo-guide a{color:#31594e;text-decoration:underline}.studio-tools button{font-size:11px;background:none;border:0;padding:0;color:var(--muted)}#error-banner{overflow-wrap:anywhere}
@media(max-width:760px){.demo-banner{padding:8px 12px;gap:6px}.demo-explainer{display:none}.demo-banner>div{gap:0}.demo-banner button{font-size:10px}.demo-banner>a{font-size:10px}.studio-mode .sidebar{top:43px}.studio-mode .sidebar.open{box-shadow:8px 0 30px #0002}.studio-threadhead{top:106px}}
@media(max-width:380px){#demo-about{display:none}.demo-banner{font-size:10px}.studio-artifactbar .studio-actions{justify-content:flex-start}.studio-artifactbar select{max-width:170px}}
.studio-cad canvas{height:clamp(260px,38vh,440px)}

.studio-mode .wordmark .workspace-logo{display:block;width:124px;height:auto}