/* macOS window chrome belongs to the recorded scene, not the player controls. */
.demo-window{position:relative;min-width:0;overflow:hidden;border:1px solid #D9D7D0;border-radius:12px;background:var(--paper);box-shadow:0 18px 55px #26201509,0 2px 6px #26201505}
.demo-titlebar{min-height:54px;display:flex;align-items:center;gap:13px;padding:10px 19px;border-bottom:1px solid #DDDBD5;background:#EFEEE9;box-shadow:inset 0 1px 0 #FFFFFFB3;position:relative;z-index:2;user-select:none;cursor:default}
.demo-traffic-lights{display:flex;gap:8px;align-items:center;margin-right:10px;flex-shrink:0}
.demo-traffic{display:block;width:12px;height:12px;border:1px solid #00000016;border-radius:50%}
.demo-traffic-close{background:#FF6058}.demo-traffic-minimize{background:#FEBC2E}.demo-traffic-expand{background:#29C840}
.demo-layout-icon{display:grid;place-items:center;width:28px;height:28px;flex:0 0 auto;color:#65665F}
.demo-layout-icon svg{width:17px;height:17px}
.demo-titlebar-wordmark{display:block;width:151px;height:auto;flex-shrink:0;margin-left:2px}
.demo-window-name{padding-left:15px;margin-left:5px;border-left:1px solid #D4D0C6;font-size:.8125rem;color:var(--muted);white-space:nowrap}
.demo-titlebar-end{display:flex;align-items:center;gap:15px;margin-left:auto}
.demo-titlebar .comic-account{font-size:.8125rem;gap:7px}.demo-titlebar .comic-avatar{width:26px;height:26px}
.demo-window-surface{min-width:0}.demo-window .comic-demo{border:0;border-radius:0;box-shadow:none}
.showcase-window:has(>.demo-window){padding:0;overflow:visible;border-radius:12px}
.demo-window[data-demo-window="workspace"]>.demo-window-surface{background:#F0EFEC}
@media(max-width:1000px){.demo-window-name{display:none}.demo-titlebar{gap:10px}.demo-titlebar-wordmark{width:141px}.demo-titlebar-end{gap:10px}}
@media(max-width:680px){.demo-titlebar{min-height:50px;padding:10px 12px;gap:8px}.demo-traffic-lights{margin-right:3px;gap:7px}.demo-titlebar-wordmark{width:129px;margin-left:0}.demo-titlebar-end{gap:8px}.demo-titlebar .comic-account>span:last-child{display:none}}
@media(max-width:420px){.demo-titlebar{padding-inline:8px;gap:5px}.demo-titlebar-wordmark{width:104px}.demo-titlebar-end{gap:4px}.demo-titlebar .comic-avatar{width:23px;height:23px;font-size:.875rem}.demo-traffic-lights{gap:6px;margin-right:0}}