:root { --ui-font-size:14px; --menu-font-size:14px; --titlebar-height:28px; --list-font-size:18px; --list-row-height:30px; --list-width:450px; }
.desktop::after { content:none; }
#mainWindow { min-width:min(640px,100vw); min-height:min(440px,calc(100vh - 36px)); }
#mainWindow .workspace { overflow:auto; }
#mainWindow .titlebar { height:var(--titlebar-height); flex-basis:var(--titlebar-height); font-size:var(--ui-font-size); cursor:move; }
#mainWindow .tb-btn { width:23px; height:20px; font-size:12px; }
#mainWindow .menubar { min-height:calc(var(--menu-font-size) + 12px); height:auto; flex-basis:auto; }
#mainWindow .menu-root, #mainWindow .menu-item { font-size:var(--menu-font-size); min-height:calc(var(--menu-font-size) + 12px); padding:5px 9px; }
#mainWindow .menu-pop { top:100%; }
#mainWindow .tool-btn { font-size:var(--ui-font-size); height:calc(var(--ui-font-size) + 16px); padding:3px 7px; }
#mainWindow .toolbar { height:auto; min-height:calc(var(--ui-font-size) + 22px); flex-wrap:wrap; }
#mainWindow .pane-caption, #mainWindow .tree-item, #mainWindow .details-head { font-size:var(--ui-font-size); min-height:calc(var(--ui-font-size) + 12px); }
#mainWindow .details-head { flex-basis:calc(var(--ui-font-size) + 12px); }
#mainWindow .details-head > div { font-size:var(--ui-font-size); }
#mainWindow .tree-item { height:auto; padding-top:4px; padding-bottom:4px; }
#mainWindow .input:not(.rt-select), #mainWindow .btn { font-size:var(--ui-font-size); min-height:calc(var(--ui-font-size) + 12px); }
#mainWindow .tree-toolbar .input { height:calc(var(--ui-font-size) + 12px); }
#mainWindow .pane-folders { flex:0 0 18%; min-width:110px; max-width:240px; }
#mainWindow .pane-list { flex:0 0 min(var(--list-width),32%); min-width:180px; }
#mainWindow .pane-editor { min-width:260px; }
#mainWindow .row { min-height:var(--list-row-height); height:auto; padding-top:5px; padding-bottom:5px; font-size:var(--list-font-size); }
#mainWindow .row .c-date, #mainWindow .row .c-att { font-size:calc(var(--list-font-size) * .85); }
#mainWindow .row .c-date { flex-basis:110px; }
#mainWindow .sb-cell { font-size:max(11px,calc(var(--ui-font-size) - 2px)); }
#mainWindow .statusbar { flex-basis:calc(var(--ui-font-size) + 10px); }
#mainWindow .rt-select { font-size:max(11px,calc(var(--ui-font-size) - 2px)); height:calc(var(--ui-font-size) + 8px); }
.captcha-body { display:flex; flex-direction:column; gap:9px; }
.captcha-body .input { height:30px; font-size:16px; }
.captcha-picture { display:flex; align-items:center; gap:12px; }
.window-resize { position:absolute; z-index:40; touch-action:none; }
.resize-n,.resize-s { left:8px; right:8px; height:7px; cursor:ns-resize; }
.resize-n { top:-3px; } .resize-s { bottom:-3px; }
.resize-e,.resize-w { top:8px; bottom:8px; width:7px; cursor:ew-resize; }
.resize-e { right:-3px; } .resize-w { left:-3px; }
.resize-ne,.resize-nw,.resize-se,.resize-sw { width:13px; height:13px; }
.resize-ne,.resize-se { right:-3px; } .resize-nw,.resize-sw { left:-3px; }
.resize-ne,.resize-nw { top:-3px; } .resize-se,.resize-sw { bottom:-3px; }
.resize-ne,.resize-sw { cursor:nesw-resize; } .resize-nw,.resize-se { cursor:nwse-resize; }
#mainWindow[data-max="1"] .window-resize { display:none; }
.pdf-preview { display:flex; flex-direction:column; gap:10px; min-height:400px; }
.pdf-options { display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
.pdf-options label { display:flex; gap:5px; align-items:center; }
.pdf-frame { width:100%; height:54vh; min-height:260px; border:1px solid #808080; background:#777; }
.pdf-preview-window { max-width:calc(100vw - 24px); }