.product-interface-window,.floating-interface-window,.reading-demo{--showcase-titlebar-height:36px}.showcase-window-titlebar{height:var(--showcase-titlebar-height);min-height:var(--showcase-titlebar-height);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;display:flex}.showcase-window-notice{color:#64748b;flex:1;align-items:flex-start;gap:6px;min-width:0;margin:0;padding-left:12px;font-size:11px;line-height:1.45;display:flex}.showcase-window-notice>span{overflow-wrap:anywhere;flex:1;min-width:0}.showcase-window-notice>svg{margin-top:1px}.showcase-window-titlebar .reading-demo-window-controls{flex-shrink:0;align-self:stretch}.showcase-window-titlebar .reading-demo-window-controls>span{width:46px}.showcase-window-actions{flex-shrink:0;align-items:center;display:flex}.showcase-window-titlebar--floating{border-bottom:1px solid #cbd6dd7a}.showcase-window-actions .reading-demo-window-controls{border-left:1px solid #99a9b466;align-self:center;gap:0;height:24px;margin-left:4px;padding-left:4px}.showcase-window-actions .reading-demo-window-controls>span{border-radius:3px;width:26px}@container showcase-canvas (width<=740px){.product-interface-window,.floating-interface-window,.reading-demo{--showcase-titlebar-height:96px}.showcase-window-titlebar{gap:8px}.showcase-window-titlebar .reading-demo-window-controls{align-self:flex-start;height:36px}.showcase-window-titlebar .reading-demo-window-controls>span{width:24px}.showcase-window-titlebar--floating{align-items:flex-start;padding-top:10px;position:relative}.showcase-window-titlebar--floating .showcase-window-notice{padding-right:12px}.showcase-window-actions{position:absolute;bottom:8px;right:0}.showcase-window-actions .reading-demo-window-controls{align-self:center;height:24px}.showcase-window-actions .reading-demo-window-controls>span{width:26px}}@container showcase-canvas (width<=390px){.showcase-window-actions{transform-origin:100% 100%;transform:scale(.75)}}