#demo-project-bar[hidden]{display:none!important}
#demo-project-bar{position:relative;z-index:2;flex:none;margin:0 4px 4px;display:flex;align-items:center;gap:8px;max-width:100%;padding:0;background:transparent;border:0;border-radius:12px;font:11px system-ui;color:#38516b}
#demo-project-bar span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#demo-project-bar button{flex:none;min-height:36px;border:1px solid #d7e4f0;border-radius:10px;background:white;color:#1767c0;padding:0 9px}
.demo-observer .phone-edit-locked{display:none!important}
.demo-observer input.phone-edit-locked,.demo-observer select.phone-edit-locked,.demo-observer textarea.phone-edit-locked{display:initial!important;opacity:.6}
.phone-observer #demo-project-bar{max-width:none;padding:3px 6px;font-size:10px;gap:5px}
.phone-observer #demo-project-bar button{min-height:40px;font-size:11px;padding:0 7px}

.demo-observer .volume-compare-toggle,.demo-observer .volume-compare-panel{display:none!important}

#demo-project-bar{justify-content:flex-end;margin:0 6px 3px}
#demo-project-bar button{min-height:44px}

.phone-observer .showcase-play{min-width:44px;height:44px;flex:none;padding:0 9px;border:1px solid #d7e4f0;border-radius:12px;background:#fff;color:#1767c0;font-size:16px}
.showcase-play[hidden]{display:none!important}

#mobile-workspace-bar .showcase-play{flex:0 0 44px;min-width:44px;max-width:44px;height:44px;min-height:44px;padding:0;border:0!important;border-radius:12px!important;background:linear-gradient(145deg,#2f89ff,#2568e8)!important;color:#fff!important;font:600 19px system-ui;box-shadow:0 2px 5px #1265dc26;align-self:center}
.showcase-follow{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0 12px;border:1px solid #d7e4f0;border-radius:12px;background:#fff;color:#1767c0;font:inherit}
.showcase-follow[hidden]{display:none!important}
#mobile-workspace-bar .showcase-follow{flex:0 0 44px;width:44px;min-width:44px;max-width:44px;height:44px;min-height:44px;padding:0;align-self:center}
#mobile-workspace-bar .showcase-follow span{display:none}
.phone-observer #recording-toolbar{display:none!important}