.os-window{background:var(--alkCardBg);border:1px solid var(--alkBorder);border-radius:var(--alkRadiusLg);box-shadow:var(--alkShadowLg);flex-direction:column;display:flex;overflow:hidden}.os-window__bar{height:40px;padding:0 var(--alkSpace7);border-bottom:1px solid var(--alkBorder);flex:none;align-items:center;display:flex;position:relative}.os-window--branded .os-window__bar{background:var(--alkCardBg)}.os-window__brand{object-fit:contain;width:82px;height:24px;position:absolute;left:50%;transform:translate(-50%)}.os-window__title{font-family:var(--alkFontUi);font-size:var(--alkTextMd);font-weight:var(--alkWeightRegular);color:var(--alkSecondaryText);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.os-window--mac .os-window__title,.os-window--neutral .os-window__title,.os-window__center{position:absolute;left:50%;transform:translate(-50%)}.os-window--mac .os-window__title,.os-window--neutral .os-window__title{max-width:min(60%, calc(100% - 2 * var(--win-center-inset,28px)))}.os-window__dots{gap:var(--alkSpace3);display:inline-flex}.os-window__dots i{width:var(--alkSpace5);height:var(--alkSpace5);border-radius:50%}.os-window__dots i:first-child{background:#ff5f57}.os-window__dots i:nth-child(2){background:#febc2e}.os-window__dots i:nth-child(3){background:#28c840}.os-window__glyphs{align-items:center;gap:var(--alkSpaceMd);color:var(--alkSecondaryText);margin-left:auto;display:inline-flex}.os-window__glyphs svg{width:var(--alkSpace5);height:var(--alkSpace5)}.os-window__center{width:min(60%, calc(100% - 2 * var(--win-center-inset,24px)));justify-content:center;display:flex}.os-window--mac{--win-center-inset:90px}.os-window--windows{--win-center-inset:120px}.os-window__body{flex:1;min-height:0;position:relative}.product-window{height:var(--demo-height,720px)}.product-window .os-window__body{flex-direction:column;display:flex}html:is([data-embedded],[data-presentation]),html:is([data-embedded],[data-presentation]) :is(body,#root,.demo-preview,.ide-preview){height:100%;margin:0;padding:0}html:is([data-embedded],[data-presentation]) :is(.demo-preview,.ide-preview){max-width:none}html:is([data-embedded],[data-presentation]) :is(.product-window,.agent-window){height:100%;box-shadow:none;border:0;border-radius:0}