body{height:100vh;margin:0}#root{height:100%;width:100%}.pane{width:100%;height:100%;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:8px;text-align:center;font-size:16px;line-height:20px}.layman-root{overflow:hidden;position:relative;width:100%;height:100%}.layman-root button{border:0}.layman-root button:hover{cursor:pointer}.layman-separator{z-index:9;position:absolute;display:grid;place-content:center;overflow:hidden;cursor:auto}.layman-separator.layman-row-separator{height:auto;width:var(--separator-thickness, 4px);margin-top:0;margin-left:calc(var(--separator-thickness, 4px) / -2)}.layman-separator.layman-row-separator:hover{cursor:ew-resize}.layman-separator.layman-row-separator div{border-radius:9999px;background-color:var(--separator-handle-color, #ffffff);height:var(--separator-handle-length, 16px);width:calc(var(--separator-thickness, 4px) / 4)}.layman-separator.layman-col-separator{height:var(--separator-thickness, 4px);width:auto;margin-top:calc(var(--separator-thickness, 4px) / -2);margin-left:0}.layman-separator.layman-col-separator:hover{cursor:ns-resize}.layman-separator.layman-col-separator div{border-radius:9999px;background-color:var(--separator-handle-color, #ffffff);height:calc(var(--separator-thickness, 4px) / 4);width:var(--separator-handle-length, 16px)}.layman-window{position:absolute;overflow:hidden;margin:calc(var(--separator-thickness, 4px) / 2);margin-top:0;transition:transform .15s;border-bottom-left-radius:var(--border-radius, 8px);border-bottom-right-radius:var(--border-radius, 8px);background-color:var(--window-bg-color, #44403c)}.layman-window.selected{visibility:visible;pointer-events:auto;opacity:1;z-index:5}.layman-window.unselected{visibility:hidden;pointer-events:none;opacity:0;z-index:3}.layman-toolbar{position:absolute;margin:calc(var(--separator-thickness, 8px) / 2);margin-bottom:0;display:flex;justify-content:flex-end;z-index:7;transition:transform .15s;background-color:var(--toolbar-bg-color, #1c1917);color:var(--tab-text-color, #ffffff);border-top-left-radius:var(--border-radius, 8px);border-top-right-radius:var(--border-radius, 8px);overflow:hidden}.layman-toolbar .tab-container{display:flex;overflow:scroll hidden;scroll-behavior:smooth;border-top-left-radius:var(--border-radius, 8px)}.layman-toolbar .tab-container .tab{display:flex;align-items:center;width:fit-content;height:var(--toolbar-height, 32px);background-color:var(--toolbar-bg-color, #1c1917)}.layman-toolbar .tab-container .tab:hover{background-color:var(--toolbar-hover-bg-color, #292524)}.layman-toolbar .tab-container .tab.selected{position:relative;background-color:var(--window-bg-color, #44403c)}.layman-toolbar .tab-container .tab.selected .indicator{position:absolute;top:0;right:0;left:0;height:var(--indicator-thickness, 1px);background-color:var(--indicator-color, #ff7f11)}.layman-toolbar .tab-container .tab.selected .close-tab{display:grid;place-content:center;width:calc(var(--toolbar-height, 32px) * .75);height:var(--toolbar-height, 32px);color:var(--tab-text-color, #ffffff);background-color:transparent;opacity:1}.layman-toolbar .tab-container .tab.selected .close-tab:hover{background-color:var(--close-tab-color, #ef444488)}.layman-toolbar .tab-container .tab .tab-selector{padding:calc(var(--toolbar-height, 32px) / 4);background-color:inherit;color:var(--tab-text-color, #ffffff);font-size:var(--tab-font-size, 14px);line-height:calc(var(--tab-font-size, 14px) * 1.2)}.layman-toolbar .tab-container .tab .close-tab{display:grid;place-content:center;width:calc(var(--toolbar-height, 32px) * .75);height:var(--toolbar-height, 32px);color:var(--tab-text-color, #ffffff);background-color:inherit;opacity:0}.layman-toolbar .tab-container .tab .close-tab:hover{opacity:1}.layman-toolbar .drag-area{flex:1 1 0%;cursor:grab}.layman-toolbar .drag-area:active{cursor:grabbing}.layman-toolbar .extended-drag-area{position:absolute;inset:0;cursor:grab}.layman-toolbar .extended-drag-area:active{cursor:grabbing}.layman-toolbar button.toolbar-button{min-width:var(--toolbar-height, 32px);height:var(--toolbar-height, 32px);display:flex;align-items:center;justify-content:center;color:var(--tab-text-color, #ffffff);background-color:var(--toolbar-bg-color, #1c1917)}.layman-toolbar button.toolbar-button:hover{cursor:pointer;background-color:var(--toolbar-button-hover-bg-color, #292524)}.layman-toolbar .toolbar-button-container{display:flex;border-top-right-radius:var(--border-radius, 8px)}.layman-window-drop-target{position:absolute}.layman-window-drop-target.top{inset:0 0 75%}.layman-window-drop-target.left{inset:0 75% 0 0}.layman-window-drop-target.bottom{inset:75% 0 0}.layman-window-drop-target.right{inset:0 0 0 75%}.layman-window-drop-target.center{inset:25%}.layman-drop-highlight{margin:calc(var(--separator-thickness, 4px) / 2);border-radius:var(--border-radius, 8px);margin-top:0;position:absolute;transition:width .15s ease-in-out,height .15s ease-in-out,top .15s ease-in-out,left .15s ease-in-out,opacity .15s ease-in-out .2s;z-index:11;background-color:var(--indicator-color, #ff7f11);pointer-events:none}:root{--separator-handle-color: #c6d0f5;--separator-thickness: 4px;--separator-handle-length: 16px;--window-bg-color: #303446;--border-radius: 8px;--toolbar-bg-color: #292c3c;--toolbar-hover-bg-color: #414559;--toolbar-button-hover-bg-color: #414559;--toolbar-height: 32px;--tab-text-color: #c6d0f5;--close-tab-color: #e7828488;--indicator-color: #a6d189;--indicator-thickness: 1px;--tab-font-size: 14px}