.os-window-frame{border-radius:10px}.app-window{pointer-events:auto;background:var(--surface);background-clip:padding-box;border:1px solid #252b30;border-radius:10px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 48px #0005,0 2px 8px #0004;container-type:inline-size}.app-window:not(.is-active){box-shadow:0 10px 28px #0003}.window-bar{color:#e6eaed;-webkit-user-select:none;user-select:none;background:linear-gradient(#343a40,#2e3439);border-bottom:1px solid #242a2f;flex-shrink:0;align-items:center;height:40px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff0a}.window-controls{z-index:1;align-items:center;padding-left:10px;display:flex;position:relative}.window-controls button{background:0 0;border:0;border-radius:6px;place-items:center;width:32px;height:32px;padding:0;display:grid;position:relative}.window-controls button:after{content:"";border:1px solid #00000026;border-radius:50%;grid-area:1/1;width:12px;height:12px;box-shadow:inset 0 1px #ffffff26,0 1px 1px #0002}.window-controls button:first-child:after{background:#ff5f57}.window-controls button:nth-child(2):after{background:#febc2e}.window-controls button:nth-child(3):after{background:#28c840}.window-controls button svg{z-index:1;color:#40221d;opacity:0;grid-area:1/1;width:8px;height:8px}.window-controls button:nth-child(2) svg{color:#59400b}.window-controls button:nth-child(3) svg{color:#134c1c}.window-controls:hover button svg,.window-controls button:focus-visible svg{opacity:1}.window-controls button:focus-visible{outline:2px solid var(--lime);outline-offset:-2px}.app-window:not(.is-active) .window-controls:not(:hover):not(:focus-within) button:after{background:#72787d}.window-drag{width:100%;color:inherit;cursor:grab;touch-action:none;background:0 0;border:0;justify-content:center;align-items:center;padding:0 112px;font-size:12px;font-weight:500;display:flex;position:absolute;inset:0}.window-drag span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.window-drag:active{cursor:grabbing;filter:none}.window-drag:focus-visible{outline-offset:-3px}@media (width<=899px),(height<=549px){.window-bar{height:44px}.window-controls{padding-left:8px}.window-controls button{width:44px;height:44px}.window-controls button:after{width:14px;height:14px}.window-drag{cursor:default;padding-inline:100px}}@media (hover:none){.window-controls button svg{opacity:1}}@media (forced-colors:active){.app-window{border-color:canvastext}.window-controls button:after{background:buttonface;border-color:buttontext}.window-controls button svg{color:buttontext;opacity:1}}