#sidebarToggles{display:flex;align-items:center;justify-content:space-between;gap:8px;direction:ltr;flex:0 0 auto;position:sticky;top:0;z-index:46;box-sizing:border-box;min-height:48px;padding:4px max(8px,env(safe-area-inset-right)) 4px max(8px,env(safe-area-inset-left));background:var(--panel,#142436);border-bottom:1px solid var(--line,#34475a)}
#sidebarToggles button{min-height:40px;min-width:112px;padding:7px 10px;touch-action:manipulation;font-size:12px;border-radius:8px}
#sidebarToggles span{font-size:11px;letter-spacing:1px;color:var(--muted);white-space:nowrap}
#sidebarToggles button:focus-visible{outline:2px solid var(--accent,#43ddc4);outline-offset:1px}
html[data-sidebar-controls=ready] #miniFocusToggle{display:none!important}
html[data-left-sidebar-hidden=true] #workspaceLayout>.tools{display:none!important}
html[data-right-sidebar-hidden=true] #miniRightRail,html:not([data-workspace-mode=mini])[data-right-sidebar-hidden=true] #inspector{display:none!important}
html[data-workspace-mode=mini][data-sidebar-controls=ready]{--sidebar-left-width:86px;--sidebar-right-width:132px}
html[data-workspace-mode=mini][data-sidebar-controls=ready] #workspaceLayout{grid-template-columns:var(--sidebar-left-width) minmax(0,1fr) var(--sidebar-right-width)!important}
html[data-workspace-mode=mini][data-left-sidebar-hidden=true]{--sidebar-left-width:0px}
html[data-workspace-mode=mini][data-right-sidebar-hidden=true]{--sidebar-right-width:0px}
@media(min-width:851px){
 html:not([data-workspace-mode=mini])[data-sidebar-controls=ready]{--sidebar-left-width:170px;--sidebar-right-width:300px}
 html:not([data-workspace-mode=mini])[data-sidebar-controls=ready] #workspaceLayout:not(.workspace-focused){grid-template-columns:var(--sidebar-left-width) minmax(0,1fr) var(--sidebar-right-width)!important}
 html:not([data-workspace-mode=mini])[data-sidebar-controls=ready] #workspaceLayout>.workspace{grid-column:2}
 html:not([data-workspace-mode=mini])[data-sidebar-controls=ready] #workspaceLayout>.tools{grid-column:1}
 html:not([data-workspace-mode=mini])[data-sidebar-controls=ready] #inspector{grid-column:3}
 html:not([data-workspace-mode=mini])[data-left-sidebar-hidden=true]{--sidebar-left-width:0px}
 html:not([data-workspace-mode=mini])[data-right-sidebar-hidden=true]{--sidebar-right-width:0px}
}
@media(max-width:700px), (pointer:coarse) and (max-width:1100px){
 html[data-workspace-mode=mini][data-sidebar-controls=ready]{--sidebar-left-width:56px;--sidebar-right-width:0px}
 html[data-workspace-mode=mini][data-left-sidebar-hidden=true]{--sidebar-left-width:0px}
 #sidebarToggles button{min-height:44px;min-width:100px;padding:6px;font-size:12px}
 #sidebarToggles span{font-size:10px;letter-spacing:0}
}

#miniHistoryActions{display:flex;align-items:center;gap:6px;flex:0 0 auto}
#miniHistoryActions[hidden],#sidebarBrand[hidden]{display:none!important}
#sidebarToggles #miniHistoryActions button{min-width:44px;min-height:44px;width:44px;padding:4px;font-size:25px;line-height:1}
#miniTopOriginal{color:var(--accent,#43ddc4);margin-inline-start:4px}
@media(max-width:420px){
 #sidebarToggles{gap:4px;padding-inline:4px}
 #sidebarToggles>button{min-width:68px;width:68px;font-size:11px;padding:4px}
 #miniHistoryActions{gap:3px}
 #miniTopOriginal{margin-inline-start:0}
}

.loupe-window{position:absolute;top:48px;z-index:12;border:1px solid #43ddc4;border-radius:7px;overflow:hidden;background:#102436;box-shadow:0 3px 14px #0006;direction:ltr}
.loupe-window[hidden],.loupe-body[hidden]{display:none!important}
.loupe-left{left:12px}.loupe-right{right:12px;border-color:#f2bf66}
.loupe-window .loupe-title{display:block;width:100%;height:30px;min-height:30px;border:0;border-radius:0;padding:3px 5px;font-size:12px;overflow:hidden;text-overflow:ellipsis;touch-action:manipulation;user-select:none;background:#102436;color:#e4eef6}
.loupe-body{position:relative;overflow:hidden}
.loupe-body canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.loupe-window .loupe-resize{position:absolute;bottom:0;right:0;width:28px;height:28px;min-height:28px;padding:0;border:0;border-radius:5px 0 0 0;font-size:22px;line-height:1;background:#102436dc;color:#e4eef6;cursor:nwse-resize;touch-action:none}
.loupe-right .loupe-resize{right:auto;left:0;cursor:nesw-resize;border-radius:0 5px 0 0}
#tools .tool{position:relative;cursor:grab}
#tools .tool:active{cursor:grabbing}
#tools .tool::after{content:'⠿';position:absolute;right:2px;top:2px;font-size:12px;line-height:1;color:var(--muted);opacity:.55;pointer-events:none}
#tools .tool.tool-dragging{opacity:.4}
#tools .tool.tool-drop-before{box-shadow:inset 0 3px 0 var(--accent)!important}
#tools .tool.tool-drop-after{box-shadow:inset 0 -3px 0 var(--accent)!important}
#proWorkspaceBar{display:flex;align-items:center;gap:10px;padding:4px 10px;min-height:38px;background:var(--panel);border-bottom:1px solid var(--line);flex:0 0 auto}
#proWorkspaceBar button{font-size:12px;padding:5px 9px}
#recoveryStatus{font-size:11px;color:var(--muted);overflow-wrap:anywhere}
.pro-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}
.pro-action-grid button{white-space:normal;text-align:start;min-height:56px}
.pro-settings{display:grid;gap:10px}.pro-settings label{display:flex;align-items:center;gap:8px}
.pro-axis-row{border-bottom:1px solid var(--line);padding:10px 0}
html[data-review-locked=true] #workspaceLayout{outline:2px solid #f2bf66;outline-offset:-2px}
@media(max-width:480px){.pro-action-grid{grid-template-columns:1fr}#proWorkspaceBar{flex-wrap:wrap;gap:4px}#recoveryStatus{font-size:10px}}