@media(min-width:901px){
html,body{height:100%;overflow:hidden!important}body{min-height:100vh!important}
.top{height:58px!important;min-height:58px!important;padding:7px 16px!important;box-sizing:border-box}.brand{font-size:18px!important}.top .muted{font-size:10px!important}
.layout{height:calc(100vh - 58px)!important;max-height:calc(100vh - 58px)!important;min-height:0!important;padding:10px!important;gap:10px!important;box-sizing:border-box;overflow:hidden!important;align-items:stretch!important}
.side{width:270px!important;min-width:270px!important;height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;padding:13px!important;box-sizing:border-box;scrollbar-width:thin}
.workspace{height:100%!important;min-height:0!important;overflow:hidden!important;display:grid!important;grid-template-rows:0 minmax(0,1fr) auto 96px 34px auto!important;gap:5px!important;padding:8px!important;box-sizing:border-box}
.workspace-head{height:0!important;min-height:0!important;overflow:hidden!important;margin:0!important;padding:0!important}
#preview.preview{height:100%!important;min-height:0!important;max-height:none!important;margin:0!important;overflow:auto!important;padding:8px!important;box-sizing:border-box;display:flex!important;align-items:flex-start!important;justify-content:center!important}
#preview .zoom-canvas{width:100%!important;min-width:100%!important;height:100%!important;min-height:0!important;padding:4px 0 46px!important;box-sizing:border-box;display:flex!important;justify-content:center!important;align-items:center!important;overflow:auto!important}
#preview #mainimg{display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:none!important;object-fit:contain!important;margin:0 auto!important;visibility:visible!important;opacity:1!important}
.tools.enhance{margin:0!important;padding:5px 7px!important;gap:5px!important;max-height:78px!important;overflow-y:auto!important;overflow-x:hidden!important}
.thumb-zone{height:96px!important;min-height:96px!important;margin:0!important;padding:4px 6px!important;box-sizing:border-box;display:flex!important;align-items:center!important;overflow:hidden!important}
#strip.strip{height:88px!important;flex:1!important;overflow-x:auto!important;overflow-y:hidden!important;display:flex!important;align-items:center!important;gap:6px!important}
.page-toolbar{height:34px!important;min-height:34px!important;margin:0!important;padding:2px 4px!important;gap:5px!important;display:flex!important;align-items:center!important}
.final.savebar{min-height:42px!important;max-height:54px!important;margin:0!important;padding:4px 5px!important;gap:5px!important;overflow-x:auto!important;overflow-y:hidden!important;flex-wrap:nowrap!important}
#files{margin-top:5px!important;max-height:112px!important;overflow-y:auto!important;overflow-x:hidden!important;border:1px solid #e8edf4!important;border-radius:9px!important;background:#fff!important;padding:0 6px!important;scrollbar-width:thin}
#files .file-card{width:100%!important;padding:5px 2px!important;border:0!important;border-bottom:1px solid #edf2f7!important;border-left:0!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:3px!important;background:transparent!important;box-sizing:border-box!important}
#files .file-card b,#files .file-card .muted{display:block!important;width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#files .file-card b{font-size:10px!important}#files .file-card .muted{font-size:8px!important}
#files .file-actions{width:100%!important;margin:1px 0 0!important;gap:3px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:nowrap!important}
#files .file-actions .btn{flex:1 1 0!important;padding:3px 4px!important;min-height:23px!important;border-radius:6px!important;font-size:9px!important;white-space:nowrap!important;text-align:center!important}
}

/* preview visibility hardening v9 */
#preview.preview{position:relative!important;isolation:isolate!important}
#preview.preview:before{z-index:0!important;pointer-events:none!important}
#preview .zoom-canvas{position:relative!important;z-index:2!important}
#preview #mainimg{position:relative!important;z-index:3!important}
#preview .zoom-bar{position:absolute!important;z-index:20!important;left:50%!important;bottom:8px!important;transform:translateX(-50%)!important;display:flex!important;visibility:visible!important;opacity:1!important}


/* direct preview renderer v10 */
#preview.preview{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:auto!important}
#preview .preview-direct-img{position:relative!important;z-index:5!important;display:block!important;visibility:visible!important;opacity:1!important;flex:0 0 auto!important;margin:auto!important;background:#fff!important;box-shadow:0 8px 28px rgba(15,23,42,.18)!important}
#preview .zoom-bar{position:absolute!important;z-index:30!important;left:50%!important;bottom:8px!important;transform:translateX(-50%)!important}


/* maximized viewport fix v11 */
@media(min-width:901px){
.workspace{grid-template-rows:0 minmax(240px,1fr) 86px 92px 34px 48px!important}
#preview.preview{min-height:240px!important;height:auto!important;align-items:center!important;justify-content:center!important}
.tools.enhance{height:86px!important;max-height:86px!important;min-height:86px!important;box-sizing:border-box!important;overflow:auto!important}
.thumb-zone{height:92px!important;min-height:92px!important}
.final.savebar{height:48px!important;min-height:48px!important;max-height:48px!important}
#preview .preview-direct-img{margin:0 auto!important}
}
@media(min-width:901px) and (max-height:760px){
.workspace{grid-template-rows:0 minmax(180px,1fr) 72px 78px 30px 44px!important}
#preview.preview{min-height:180px!important}.tools.enhance{height:72px!important;min-height:72px!important;max-height:72px!important}.thumb-zone{height:78px!important;min-height:78px!important}.final.savebar{height:44px!important;min-height:44px!important;max-height:44px!important}
}


/* floating page tools v12 */
@media(min-width:901px){
.workspace{position:relative!important;grid-template-rows:0 minmax(240px,1fr) 86px 92px 48px!important}
.page-toolbar.floating-page-tools{display:none!important;position:absolute!important;top:12px!important;right:14px!important;z-index:80!important;width:auto!important;height:auto!important;min-height:0!important;padding:6px!important;gap:5px!important;border:1px solid rgba(148,163,184,.35)!important;border-radius:12px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 10px 30px rgba(15,23,42,.16)!important;backdrop-filter:blur(10px)!important}
.page-toolbar.floating-page-tools.open{display:flex!important}
.floating-page-tools .page-tool{height:30px!important;min-height:30px!important;padding:5px 9px!important;font-size:10px!important}
.floating-page-tools .tools-close{width:30px!important;padding:0!important;font-size:18px!important;font-weight:700!important}
.page-tools-toggle{display:block!important;position:absolute!important;top:13px!important;right:15px!important;z-index:75!important;border:1px solid #cbd5e1!important;border-radius:10px!important;background:rgba(255,255,255,.94)!important;color:#475569!important;padding:6px 10px!important;font-size:10px!important;font-weight:750!important;cursor:pointer!important;box-shadow:0 6px 18px rgba(15,23,42,.10)!important}
.page-tools-toggle.hidden{display:none!important}
}
@media(min-width:901px) and (max-height:760px){.workspace{grid-template-rows:0 minmax(180px,1fr) 72px 78px 44px!important}}


/* workspace polish v13 */
@media(min-width:901px){
.workspace{grid-template-rows:0 86px minmax(0,1fr) 78px 48px!important;gap:4px!important}
.tools.enhance{grid-row:2!important;height:86px!important;min-height:86px!important;max-height:86px!important;overflow-y:auto!important}
#preview.preview{grid-row:3!important;min-height:0!important;height:100%!important;padding:10px 14px 48px!important;border-radius:12px!important;background:#f8fbff!important;overflow:auto!important;align-items:center!important;justify-content:center!important}
#preview .preview-direct-img{max-width:calc(100% - 24px)!important;margin:auto!important}
.thumb-zone{grid-row:4!important;height:78px!important;min-height:78px!important;padding:3px 8px!important;border-top:1px solid #e2e8f0!important;background:#f8fcff!important}
#strip.strip{height:70px!important}
.final.savebar{grid-row:5!important;height:48px!important;min-height:48px!important;max-height:48px!important}
.page-tools-toggle{top:104px!important;right:18px!important;padding:5px 9px!important;background:rgba(255,255,255,.96)!important}
.page-toolbar.floating-page-tools{top:103px!important;right:18px!important}
#preview .zoom-bar{bottom:10px!important}
.thumb-hint{max-width:210px!important;text-align:right!important}
}
@media(min-width:901px) and (max-height:760px){
.workspace{grid-template-rows:0 72px minmax(0,1fr) 68px 44px!important}
.tools.enhance{height:72px!important;min-height:72px!important;max-height:72px!important}
.thumb-zone{height:68px!important;min-height:68px!important}#strip.strip{height:60px!important}
.final.savebar{height:44px!important;min-height:44px!important;max-height:44px!important}
.page-tools-toggle{top:90px!important}.page-toolbar.floating-page-tools{top:89px!important}
}


/* preview top-anchor fix v14 */
@media(min-width:901px){
#preview.preview{align-items:flex-start!important;justify-content:center!important;scroll-padding-top:10px!important}
#preview .preview-direct-img{margin:0 auto 48px!important;align-self:flex-start!important}
}


/* responsive workspace v15 */
@media (min-width:1400px){
.layout{grid-template-columns:290px minmax(0,1fr)!important}
.side{width:290px!important;min-width:290px!important}
.workspace{grid-template-rows:0 82px minmax(0,1fr) 82px 50px!important}
#preview.preview{min-height:300px!important}
}
@media (min-width:1100px) and (max-width:1399px){
.layout{grid-template-columns:250px minmax(0,1fr)!important}
.side{width:250px!important;min-width:250px!important}
.workspace{grid-template-rows:0 82px minmax(0,1fr) 74px 46px!important}
#preview.preview{min-height:220px!important}
}
@media (min-width:901px) and (max-width:1099px){
.layout{grid-template-columns:220px minmax(0,1fr)!important;gap:7px!important;padding:7px!important}
.side{width:220px!important;min-width:220px!important;padding:9px!important}
.workspace{grid-template-rows:0 76px minmax(0,1fr) 68px 44px!important;padding:6px!important}
.tools.enhance{height:76px!important;min-height:76px!important;max-height:76px!important;padding:4px!important}
#preview.preview{min-height:180px!important;padding:7px 8px 44px!important}
.thumb-zone{height:68px!important;min-height:68px!important}
#strip.strip{height:60px!important}
.final.savebar{height:44px!important;min-height:44px!important;max-height:44px!important}
.savebar .btn{font-size:9px!important;padding:4px 6px!important}
}
@media (min-width:901px) and (max-height:700px){
.top{height:48px!important;min-height:48px!important}
.layout{height:calc(100vh - 48px)!important;max-height:calc(100vh - 48px)!important;padding:5px!important}
.workspace{grid-template-rows:0 64px minmax(150px,1fr) 58px 40px!important;gap:3px!important}
.tools.enhance{height:64px!important;min-height:64px!important;max-height:64px!important;padding:3px 5px!important}
#preview.preview{min-height:150px!important;padding:5px 7px 40px!important}
.thumb-zone{height:58px!important;min-height:58px!important}#strip.strip{height:52px!important}
.final.savebar{height:40px!important;min-height:40px!important;max-height:40px!important}
.page-tools-toggle{top:72px!important}.page-toolbar.floating-page-tools{top:71px!important}
}
@media (max-width:900px){
html,body{height:auto!important;overflow:auto!important}
body{min-height:100vh!important}
.top{position:sticky!important;top:0!important;z-index:120!important;height:auto!important;min-height:54px!important;padding:8px 10px!important}
.layout{display:block!important;height:auto!important;max-height:none!important;overflow:visible!important;padding:8px!important}
.side{width:100%!important;min-width:0!important;height:auto!important;max-height:none!important;overflow:visible!important;margin-bottom:8px!important}
.workspace{display:flex!important;flex-direction:column!important;height:auto!important;min-height:0!important;overflow:visible!important;padding:7px!important;gap:6px!important}
.workspace-head{display:none!important}
.tools.enhance{order:1!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;flex-wrap:wrap!important}
#preview.preview{order:2!important;width:100%!important;height:58vh!important;min-height:300px!important;max-height:620px!important;padding:8px 6px 46px!important;overflow:auto!important;align-items:flex-start!important;justify-content:center!important}
.thumb-zone{order:3!important;width:100%!important;height:82px!important;min-height:82px!important;overflow:hidden!important}
#strip.strip{height:74px!important;overflow-x:auto!important}
.final.savebar{order:4!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;overflow-x:auto!important;flex-wrap:nowrap!important;padding:5px!important}
.page-tools-toggle{position:fixed!important;top:auto!important;right:12px!important;bottom:14px!important;z-index:130!important}
.page-toolbar.floating-page-tools{position:fixed!important;top:auto!important;right:12px!important;bottom:14px!important;z-index:135!important;max-width:calc(100vw - 24px)!important;overflow-x:auto!important}
#preview .preview-direct-img{max-width:100%!important;margin:0 auto 44px!important}
}
@media (max-width:600px){
.brand{font-size:16px!important}.top .muted{font-size:9px!important}
.top-actions{gap:4px!important}.printer-mini{font-size:10px!important;padding:5px 7px!important}
.side{padding:9px!important}
#preview.preview{height:52vh!important;min-height:260px!important}
.tools.enhance .btn,.tools.enhance button{font-size:10px!important;padding:5px 7px!important}
.thumb-hint{display:none!important}
.final.savebar .btn{font-size:9px!important;white-space:nowrap!important}
.zoom-bar{width:min(320px,calc(100% - 20px))!important}
}
@media (max-width:380px){
#preview.preview{height:48vh!important;min-height:230px!important}
.side{padding:7px!important}.layout{padding:5px!important}
}


/* compact floating tools v17 */
.page-toolbar.floating-page-tools{
width:max-content!important;
max-width:calc(100% - 28px)!important;
height:auto!important;
min-width:0!important;
min-height:0!important;
max-height:none!important;
padding:5px!important;
margin:0!important;
display:none!important;
grid-template-columns:none!important;
grid-template-rows:none!important;
align-items:center!important;
justify-content:flex-start!important;
align-content:center!important;
flex:0 0 auto!important;
overflow:visible!important;
box-sizing:border-box!important;
}
.page-toolbar.floating-page-tools.open{display:inline-flex!important}
.floating-page-tools .page-tool{flex:0 0 auto!important;width:auto!important;min-width:0!important;margin:0!important}
@media(min-width:901px){
.page-toolbar.floating-page-tools{left:auto!important;right:18px!important;bottom:auto!important}
}
@media(max-width:900px){
.page-toolbar.floating-page-tools{left:auto!important;right:10px!important;bottom:12px!important;max-width:calc(100vw - 20px)!important;flex-wrap:wrap!important}
.floating-page-tools .page-tool{font-size:10px!important;padding:5px 7px!important}
}


/* compact preview zoom v23 */
.zoom-dock{
position:absolute!important;
z-index:90!important;
left:16px!important;
right:auto!important;
bottom:88px!important;
transform:none!important;
display:flex;
align-items:center!important;
gap:4px!important;
width:auto!important;
min-width:0!important;
padding:3px 5px!important;
border:0!important;
border-radius:9px!important;
background:rgba(255,255,255,.82)!important;
box-shadow:0 2px 8px rgba(15,23,42,.10)!important;
backdrop-filter:blur(5px)!important;
box-sizing:border-box!important;
}
.zoom-dock input[type=range]{flex:0 0 105px!important;width:105px!important;min-width:0!important;height:18px!important;margin:0!important}
.zoom-dock button{width:23px!important;height:23px!important;min-width:23px!important;padding:0!important;border:0!important;border-radius:6px!important;background:#f1f5f9!important;font-size:15px!important;line-height:23px!important;color:#475569!important;cursor:pointer!important}
.zoom-dock .zoom-value{min-width:34px!important;text-align:center!important;font-size:9px!important;font-weight:800!important}
#preview .preview-direct-img{max-width:none!important;max-height:none!important}
@media(min-width:901px) and (max-height:700px){.zoom-dock{bottom:155px!important}}
@media(max-width:900px){
.zoom-dock{position:absolute!important;left:12px!important;right:auto!important;bottom:96px!important;align-self:auto!important;width:auto!important;padding:3px 5px!important}
.zoom-dock input[type=range]{flex-basis:90px!important;width:90px!important}
.zoom-dock button{width:22px!important;height:22px!important;min-width:22px!important}
}



/* crop settings compact v20 */
.crop-actions{display:flex!important;gap:8px!important;align-items:center!important}
.crop-settings[hidden]{display:none!important}
.crop-settings{display:flex;align-items:flex-end;gap:7px;flex-wrap:wrap;width:100%;padding:9px 10px;border:1px solid #e2e8f0;border-radius:11px;background:#f8fafc}
.crop-settings label{display:flex;flex-direction:column;gap:3px;margin:0!important;font-size:9px!important;font-weight:700;color:#64748b}
.crop-settings label span{display:flex;align-items:center;gap:2px;color:#94a3b8;font-size:10px}
.crop-settings input{width:48px!important;height:30px!important;padding:4px 6px!important;text-align:center;border-radius:8px!important;background:#fff!important}
@media(max-width:780px){.crop-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.crop-settings label span,.crop-settings input{width:100%!important}.crop-settings .btn{width:100%!important}}

/* collapsible enhancement panel v19 */
.enhance-toggle{position:absolute!important;z-index:85!important;top:8px!important;left:12px!important;border:1px solid #dbe4f0!important;border-radius:10px!important;background:rgba(255,255,255,.96)!important;color:#475569!important;padding:6px 10px!important;font-size:10px!important;font-weight:800!important;cursor:pointer!important;box-shadow:0 5px 16px rgba(15,23,42,.10)!important}
.enhance-toggle.hidden{display:none!important}
.workspace.enhance-open #enhanceToggle{display:none!important}
.enhance-collapsible.open + #enhanceToggle{display:none!important}
.enhance-collapsible{display:none!important;position:relative!important}
.enhance-collapsible.open{display:flex!important}
.enhance-close{position:absolute!important;right:8px!important;top:8px!important;margin:0!important;z-index:999!important;flex:0 0 auto!important;width:28px!important;height:28px!important;padding:0!important;border:1px solid #e2e8f0!important;border-radius:8px!important;background:#fff!important;color:#64748b!important;font-size:0!important;font-weight:700!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important}.enhance-close::after{content:'×';font-size:18px!important;line-height:1!important} .enhance-collapsible.open{padding-right:44px!important}
@media(min-width:901px){
.workspace{grid-template-rows:0 0 minmax(0,1fr) 82px 50px!important}
.workspace.enhance-open{grid-template-rows:0 82px minmax(0,1fr) 82px 50px!important}
.enhance-collapsible.open{grid-row:2!important;height:82px!important;min-height:82px!important;max-height:82px!important}
#preview.preview{grid-row:3!important}
.thumb-zone{grid-row:4!important}.final.savebar{grid-row:5!important}
.page-tools-toggle{top:12px!important}.page-toolbar.floating-page-tools{top:11px!important}
.workspace.enhance-open .page-tools-toggle{top:94px!important}.workspace.enhance-open .page-toolbar.floating-page-tools{top:93px!important}
.zoom-dock{bottom:136px!important}
}
@media(min-width:901px) and (max-height:700px){
.workspace{grid-template-rows:0 0 minmax(0,1fr) 58px 40px!important}
.workspace.enhance-open{grid-template-rows:0 64px minmax(0,1fr) 58px 40px!important}
.enhance-collapsible.open{height:64px!important;min-height:64px!important;max-height:64px!important}
.workspace.enhance-open .page-tools-toggle{top:76px!important}.workspace.enhance-open .page-toolbar.floating-page-tools{top:75px!important}
.zoom-dock{bottom:155px!important}
}
@media(max-width:900px){
.enhance-toggle{position:relative!important;top:auto!important;left:auto!important;align-self:flex-start!important;order:1!important;margin-bottom:2px!important}
.enhance-collapsible{order:1!important}
.enhance-collapsible.open{display:flex!important;height:auto!important;min-height:0!important;max-height:none!important}
}


/* enhancement popup model v20 */
@media(min-width:901px){
.workspace,.workspace.enhance-open{grid-template-rows:0 0 minmax(0,1fr) 82px 50px!important}
.enhance-toggle{position:absolute!important;z-index:86!important;top:12px!important;left:12px!important}
.enhance-collapsible,.enhance-collapsible.open{position:absolute!important;z-index:95!important;top:12px!important;left:12px!important;width:min(760px,calc(100% - 36px))!important;height:auto!important;min-height:0!important;max-height:190px!important;padding:8px!important;margin:0!important;overflow:auto!important;flex-wrap:wrap!important;align-items:center!important;gap:6px!important;border:1px solid rgba(148,163,184,.35)!important;border-radius:12px!important;background:rgba(255,255,255,.97)!important;box-shadow:0 12px 34px rgba(15,23,42,.16)!important;backdrop-filter:blur(10px)!important;box-sizing:border-box!important}
.enhance-collapsible{display:none!important}.enhance-collapsible.open{display:flex!important}
.enhance-collapsible .enhance-close{position:absolute!important;right:8px!important;top:8px!important;margin:0!important;z-index:4!important}
.enhance-collapsible.open{padding-right:44px!important}
.workspace.enhance-open .page-tools-toggle,.page-tools-toggle{top:12px!important}
.workspace.enhance-open .page-toolbar.floating-page-tools,.page-toolbar.floating-page-tools{top:11px!important}
}
@media(max-width:900px){
.enhance-toggle{position:fixed!important;z-index:125!important;left:10px!important;bottom:14px!important;top:auto!important}
.enhance-collapsible,.enhance-collapsible.open{position:fixed!important;z-index:140!important;left:10px!important;right:10px!important;bottom:14px!important;top:auto!important;width:auto!important;height:auto!important;min-height:0!important;max-height:55vh!important;padding:8px!important;overflow:auto!important;flex-wrap:wrap!important;border:1px solid #dbe4f0!important;border-radius:14px!important;background:rgba(255,255,255,.98)!important;box-shadow:0 12px 34px rgba(15,23,42,.20)!important}
.enhance-collapsible{display:none!important}.enhance-collapsible.open{display:flex!important}
}


/* enhancement close position v22 - top left */
.enhance-collapsible.open{padding-left:42px!important;padding-right:8px!important}
.enhance-collapsible .enhance-close{
position:absolute!important;
top:7px!important;
left:7px!important;
right:auto!important;
bottom:auto!important;
margin:0!important;
z-index:6!important;
width:28px!important;
height:28px!important;
min-width:28px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
border-radius:8px!important;
}
@media(max-width:900px){
.enhance-collapsible .enhance-close{top:8px!important;left:8px!important;right:auto!important}
}


[executed on device: Sek_Rektor_PC (e150a8ce-dd4d-4133-a475-ab8ea3562882)]