.titlebar{height:30px;background:var(--app-surface-3);display:flex;justify-content:space-between;align-items:center;color:var(--app-text);font-size:12px;-webkit-app-region:drag;-webkit-user-select:none;user-select:none;position:fixed;top:0;left:0;right:0;z-index:10000;width:100%}.titlebar-drag-area{flex:1;height:100%;-webkit-app-region:drag}.titlebar-controls{display:flex;-webkit-app-region:no-drag;height:100%}.titlebar-button{width:45px;height:30px;border:none;background:var(--app-surface-3);color:var(--app-text);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s;position:relative}.titlebar-button:hover{background:color-mix(in srgb,var(--app-hover) 80%,transparent)}.titlebar-button.minimize:before{content:"";width:12px;height:1px;background:var(--app-text);display:block;position:absolute}.titlebar-button.minimize{font-size:0;line-height:0}.titlebar-button.maximize:before{content:"";width:10px;height:10px;border:1px solid var(--app-text);display:block;position:absolute}.titlebar-button.maximize{font-size:0;line-height:0}.titlebar-button.close:hover{background:#e74c3c}.app-content{height:calc(100vh - 30px);width:100%}