imageflow-editor{--ps-chrome: #1e1e1e;--ps-pasteboard: #404040;--ps-panel: #323232;--ps-panel-header: #292929;--ps-panel-sub: #2b2b2b;--ps-field: #191919;--ps-field-edge: #0d0d0d;--ps-divider: #1a1a1a;--ps-seam: #242424;--ps-button: #333333;--ps-button-hi: #3b3b3b;--ps-button-hover: #454545;--ps-button-edge: #232323;--ps-button-disabled: #2e2e2e;--ps-edge-light: #3d3d3d;--ps-hover: #383838;--ps-active: #565656;--ps-selected: #4a4a4a;--ps-accent: #1473e6;--ps-accent-hi: #2a82f0;--ps-accent-press: #0d64cc;--ps-text: #d6d6d6;--ps-text-dim: #9a9a9a;--ps-text-faint: #6f6f6f;--ps-text-disabled: #5a5a5a;--ps-icon: #c4c4c4;--ps-icon-dim: #8c8c8c;--ps-edge-dark: #000;--ps-contrast: #fff;--ps-menubar-h: 26px;--ps-options-h: 30px;--ps-tool-w: 34px;--ps-tab-h: 26px;--ps-status-h: 22px;--ps-radius: 2px;--ps-radius-lg: 3px;--ps-ui-scale: 1;--ps-tooltip-delay: .4s;position:relative;display:grid;touch-action:none;overscroll-behavior:contain;grid-template-rows:[menubar] calc(var(--ps-menubar-h) * var(--ps-ui-scale)) [options] calc(var(--ps-options-h) * var(--ps-ui-scale)) [workspace] 1fr [statusbar] calc(var(--ps-status-h) * var(--ps-ui-scale));width:100%;height:100%;overflow:hidden;background:var(--ps-chrome);color:var(--ps-text);font:11px/1.4 Segoe UI,system-ui,-apple-system,Helvetica Neue,sans-serif;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;cursor:default}imageflow-editor>imageflow-menubar{grid-row:1}imageflow-editor>imageflow-tool-options{grid-row:2}imageflow-editor>imageflow-workspace{grid-row:3}imageflow-editor>imageflow-statusbar{grid-row:4}imageflow-editor[data-chrome-hidden=true]{grid-template-rows:calc(var(--ps-menubar-h) * var(--ps-ui-scale)) 0 1fr calc(var(--ps-status-h) * var(--ps-ui-scale))}imageflow-editor.dragging{outline:2px solid var(--ps-accent);outline-offset:-2px}imageflow-editor *,imageflow-editor *:before,imageflow-editor *:after{box-sizing:border-box}imageflow-editor>imageflow-menubar,imageflow-editor>imageflow-tool-options,imageflow-editor>imageflow-statusbar,imageflow-editor imageflow-workspace>imageflow-toolbar,imageflow-editor imageflow-workspace>imageflow-panels,imageflow-editor imageflow-document-tabs,imageflow-editor imageflow-empty-state{zoom:var(--ps-ui-scale)}imageflow-editor imageflow-workspace{display:grid;grid-template-columns:min-content 1fr auto;grid-template-rows:minmax(0,1fr);min-height:0;background:var(--ps-seam);gap:1px}imageflow-editor imageflow-workspace>imageflow-toolbar{grid-column:1}imageflow-editor imageflow-workspace>imageflow-canvas-stack{grid-column:2}imageflow-editor imageflow-workspace>imageflow-panels{grid-column:3}imageflow-editor imageflow-menubar{display:flex;align-items:stretch;height:var(--ps-menubar-h);padding:0 4px;background:var(--ps-chrome);border-bottom:1px solid var(--ps-edge-dark);position:relative;z-index:400}imageflow-editor imageflow-menubar imageflow-wordmark{display:flex;align-items:center;gap:6px;padding:0 12px 0 6px;font-weight:600;font-size:11px;letter-spacing:.2px;color:var(--ps-text)}imageflow-editor imageflow-menubar imageflow-wordmark>svg{flex:none;display:block}imageflow-editor imageflow-menubar imageflow-menu-title{position:relative;display:flex;align-items:center;padding:0 9px;font-size:11px;color:var(--ps-text);cursor:default}imageflow-editor imageflow-menubar imageflow-menu-title:hover,imageflow-editor imageflow-menubar imageflow-menu-title.active{background:var(--ps-hover)}imageflow-editor imageflow-menubar imageflow-menu-title.active{background:var(--ps-panel-header)}imageflow-editor imageflow-menubar imageflow-menu-title>imageflow-menu{position:fixed;top:0;left:0;margin:0}imageflow-editor imageflow-menubar imageflow-menu-title:focus{outline:none}imageflow-editor imageflow-menubar imageflow-menu-title:focus-visible{outline:1px solid var(--ps-accent);outline-offset:-2px}imageflow-editor imageflow-tool-options{min-width:0;max-width:100%;display:flex;align-items:center;gap:10px;height:var(--ps-options-h);padding:0 8px;background:var(--ps-panel);border-bottom:1px solid var(--ps-divider);box-shadow:inset 0 1px 0 var(--ps-edge-light);overflow:visible;position:relative;z-index:300;white-space:nowrap;font-size:11px}imageflow-editor imageflow-tool-options imageflow-tool-option{position:relative;display:inline-flex;align-items:center;gap:6px;flex:none}imageflow-editor imageflow-tool-options imageflow-tool-option>imageflow-label{color:var(--ps-text-dim)}imageflow-editor imageflow-tool-options imageflow-tool-option imageflow-slider{width:96px}imageflow-editor imageflow-tool-options imageflow-tool-option.disabled{opacity:.42;pointer-events:none}imageflow-editor imageflow-tool-options .xform-anchor-grid{display:grid;grid-template-columns:repeat(3,8px);grid-template-rows:repeat(3,8px);gap:1px;flex:none}imageflow-editor imageflow-tool-options .xform-anchor-grid imageflow-button{width:8px;height:8px;min-width:0;padding:0;font-size:0;line-height:0;border-radius:1px}imageflow-editor imageflow-tool-options .xform-anchor-grid imageflow-button.active{background:var(--ps-accent, #2d7ff9);box-shadow:inset 0 1px 2px #00000080}imageflow-editor imageflow-tool-options imageflow-tool-preset{display:inline-flex;align-items:center;justify-content:center;gap:3px;width:40px;height:24px;flex:none;border:1px solid var(--ps-button-edge);border-radius:var(--ps-radius);background:linear-gradient(var(--ps-button-hi),var(--ps-button));box-shadow:inset 0 1px #ffffff0f;color:var(--ps-icon);cursor:default}imageflow-editor imageflow-tool-options imageflow-tool-preset .caret{color:var(--ps-icon-dim)}imageflow-editor imageflow-tool-options imageflow-tool-preset:hover{background:linear-gradient(var(--ps-button-hover),var(--ps-button-hi))}imageflow-editor imageflow-tool-options imageflow-opt-sep{display:inline-block;width:1px;height:20px;flex:none;background:var(--ps-divider);box-shadow:1px 0 0 var(--ps-edge-light)}imageflow-editor imageflow-tool-options imageflow-tool-spacer{display:inline-block;flex:1;min-width:8px}imageflow-editor imageflow-tool-options imageflow-opt-glyph{display:inline-flex;align-items:baseline;color:var(--ps-icon-dim);font-size:14px;font-weight:600;font-family:Georgia,Times New Roman,serif;line-height:1}imageflow-editor imageflow-tool-options imageflow-opt-glyph .tt-small{font-size:10px}imageflow-editor imageflow-tool-options imageflow-opt-glyph .aa{font-size:11px}imageflow-editor imageflow-tool-options imageflow-button-group{flex:none}imageflow-editor imageflow-tool-options imageflow-button-group imageflow-button.icon{width:26px;height:24px;padding:0}imageflow-editor imageflow-tool-options imageflow-button.icon{color:var(--ps-icon)}imageflow-editor imageflow-tool-options imageflow-button.icon.caret{width:14px;padding:0;background:none;border-color:transparent;box-shadow:none}imageflow-editor imageflow-tool-options imageflow-brush-chip{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 6px;border:1px solid var(--ps-button-edge);border-radius:var(--ps-radius);background:linear-gradient(var(--ps-button-hi),var(--ps-button));box-shadow:inset 0 1px #ffffff0f;cursor:default}imageflow-editor imageflow-tool-options imageflow-brush-chip:hover{background:linear-gradient(var(--ps-button-hover),var(--ps-button-hi))}imageflow-editor imageflow-tool-options imageflow-brush-chip.open{background:var(--ps-panel-sub)}imageflow-editor imageflow-tool-options imageflow-brush-chip .caret{color:var(--ps-icon-dim)}imageflow-editor imageflow-tool-options imageflow-brush-dot{width:14px;height:14px;border-radius:50%;background:radial-gradient(circle,var(--ps-text) calc(70% - var(--dot-blur, 0%)),transparent 72%)}imageflow-editor imageflow-tool-options imageflow-brush-size{font-size:10px;color:var(--ps-text);font-variant-numeric:tabular-nums}imageflow-editor imageflow-tool-options imageflow-gradient-chip{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 5px;flex:none;border:1px solid var(--ps-button-edge);border-radius:var(--ps-radius);background:linear-gradient(var(--ps-button-hi),var(--ps-button));box-shadow:inset 0 1px #ffffff0f;cursor:default}imageflow-editor imageflow-tool-options imageflow-gradient-chip:hover{background:linear-gradient(var(--ps-button-hover),var(--ps-button-hi))}imageflow-editor imageflow-tool-options imageflow-gradient-chip .caret{color:var(--ps-icon-dim)}imageflow-editor imageflow-tool-options imageflow-gradient-preview{display:inline-block;width:60px;height:16px;border:1px solid var(--ps-edge-dark);border-radius:1px}imageflow-editor imageflow-tool-options imageflow-swatch.bar{width:28px;height:18px}imageflow-editor imageflow-tool-options imageflow-popover.under{top:calc(100% + 6px);left:0}imageflow-editor imageflow-tool-options imageflow-popover.under>imageflow-panel-row imageflow-slider{width:160px}imageflow-editor imageflow-tool-options imageflow-popover.under.align-to{display:flex;align-items:center;gap:6px;left:auto;right:0;white-space:nowrap}imageflow-editor imageflow-tool-options imageflow-popover.under.wide{display:flex;flex-direction:column;gap:6px;min-width:230px;width:max-content;max-width:calc(100vw - 24px)}imageflow-editor imageflow-tool-options imageflow-popover.under.wide>imageflow-panel-row{padding:0}imageflow-editor imageflow-tool-options imageflow-popover.under.wide>imageflow-panel-row>imageflow-label{min-width:52px;color:var(--ps-text-dim)}imageflow-editor imageflow-toolbar{display:flex;flex-direction:column;align-items:center;gap:1px;padding:0 0 3px;width:var(--ps-tool-w);background:var(--ps-panel);overflow:visible}imageflow-editor imageflow-toolbar imageflow-tool-rail{display:flex;flex-direction:column;align-items:center;gap:1px;width:100%;min-height:0}imageflow-editor imageflow-toolbar.two-col{width:calc(var(--ps-tool-w) * 2)}imageflow-editor imageflow-toolbar.two-col imageflow-tool-rail{display:grid;grid-template-columns:repeat(2,var(--ps-tool-w));justify-content:center;align-content:start}imageflow-editor imageflow-toolbar.two-col imageflow-tool-divider{grid-column:1 / -1}imageflow-editor imageflow-toolbar imageflow-toolbar-header{display:flex;align-items:center;justify-content:center;width:100%;height:13px;margin-bottom:2px;flex:none;font-size:10px;line-height:1;color:var(--ps-icon-dim);background:var(--ps-panel-header);border-bottom:1px solid var(--ps-divider);cursor:default}imageflow-editor imageflow-toolbar imageflow-toolbar-header:hover{color:var(--ps-text)}imageflow-editor imageflow-toolbar imageflow-tool-group{position:relative;display:block}imageflow-editor imageflow-toolbar imageflow-tool{position:relative;display:grid;place-items:center;width:28px;height:28px;border-radius:var(--ps-radius);color:var(--ps-icon);cursor:default}imageflow-editor imageflow-toolbar imageflow-tool imageflow-icon{display:grid;place-items:center}imageflow-editor imageflow-toolbar imageflow-tool:hover{background:var(--ps-hover)}imageflow-editor imageflow-toolbar imageflow-tool.active{background:var(--ps-active);color:#f2f2f2}imageflow-editor imageflow-toolbar imageflow-tool:focus{outline:none}imageflow-editor imageflow-toolbar imageflow-tool:focus-visible{outline:2px solid var(--ps-accent);outline-offset:-1px}imageflow-editor imageflow-toolbar imageflow-tool-tri{position:absolute;right:1px;bottom:1px;width:0;height:0;border-left:4px solid transparent;border-bottom:4px solid var(--ps-icon-dim);cursor:default}imageflow-editor imageflow-toolbar imageflow-tool:hover imageflow-tool-tri{border-bottom-color:var(--ps-text)}imageflow-editor imageflow-toolbar imageflow-tool-divider{display:block;width:28px;height:6px;background:none}imageflow-editor imageflow-toolbar imageflow-tool.edit-toolbar{margin-top:4px;color:var(--ps-icon-dim)}imageflow-editor imageflow-toolbar imageflow-color-well{margin-top:8px}imageflow-editor imageflow-toolbar imageflow-toolbar-footer{display:flex;flex-direction:column;align-items:center;gap:1px;margin-top:6px}imageflow-editor imageflow-flyout{position:absolute;top:0;left:calc(100% + 3px);z-index:50;display:flex;flex-direction:column;min-width:190px;padding:3px;background:var(--ps-panel-sub);border:1px solid var(--ps-edge-dark);border-radius:var(--ps-radius);box-shadow:0 4px 14px #0000008c}imageflow-editor imageflow-flyout imageflow-flyout-item{display:grid;grid-template-columns:12px 22px 1fr auto;align-items:center;gap:4px;height:24px;padding:0 8px 0 2px;border-radius:var(--ps-radius);color:var(--ps-text);cursor:default}imageflow-editor imageflow-flyout imageflow-flyout-item imageflow-icon{display:grid;place-items:center;color:var(--ps-icon)}imageflow-editor imageflow-flyout imageflow-flyout-item:hover{background:var(--ps-accent);color:var(--ps-contrast)}imageflow-editor imageflow-flyout imageflow-flyout-item:hover imageflow-icon{color:var(--ps-contrast)}imageflow-editor imageflow-flyout imageflow-flyout-item.active{background:var(--ps-active)}imageflow-editor imageflow-flyout imageflow-flyout-item.active imageflow-icon{color:#f2f2f2}imageflow-editor imageflow-flyout imageflow-flyout-item.active:hover{background:var(--ps-accent)}imageflow-editor imageflow-flyout imageflow-flyout-item.disabled{color:var(--ps-text-disabled)}imageflow-editor imageflow-flyout imageflow-flyout-item.disabled imageflow-icon{color:var(--ps-text-disabled)}imageflow-editor imageflow-flyout imageflow-flyout-item.disabled imageflow-flyout-key{color:var(--ps-text-disabled)}imageflow-editor imageflow-flyout imageflow-flyout-item.disabled:hover{background:var(--ps-hover);color:var(--ps-text-disabled)}imageflow-editor imageflow-flyout imageflow-flyout-item.disabled:hover imageflow-icon{color:var(--ps-text-disabled)}imageflow-editor imageflow-flyout imageflow-flyout-mark{display:grid;place-items:center;font-size:8px;line-height:1;color:var(--ps-text)}imageflow-editor imageflow-flyout imageflow-flyout-name{font-size:12px;white-space:nowrap}imageflow-editor imageflow-flyout imageflow-flyout-key{color:var(--ps-text-dim);font-size:11px}imageflow-editor imageflow-flyout imageflow-flyout-item:hover imageflow-flyout-key{color:#dfe8f5}imageflow-editor imageflow-canvas-stack.column{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--ps-pasteboard)}imageflow-editor imageflow-tabstrip{display:flex;align-items:stretch;height:var(--ps-tab-h);background:var(--ps-chrome);border-bottom:1px solid var(--ps-edge-dark);position:relative;z-index:1}imageflow-editor imageflow-tabstrip>imageflow-tabs{flex:1;min-width:0;height:auto;border-bottom:0}imageflow-editor imageflow-tabstrip imageflow-tab-scroll,imageflow-editor imageflow-tabstrip imageflow-tab-overflow{display:grid;place-items:center;flex:none;width:20px;font-size:13px;line-height:1;color:var(--ps-text-dim);background:var(--ps-chrome);border-left:1px solid var(--ps-divider);cursor:default;position:relative}imageflow-editor imageflow-tabstrip imageflow-tab-scroll:hover,imageflow-editor imageflow-tabstrip imageflow-tab-overflow:hover{color:var(--ps-text);background:var(--ps-hover)}imageflow-editor imageflow-tabstrip imageflow-tab-overflow{width:22px}imageflow-editor imageflow-tabstrip imageflow-menu.tab-overflow-menu{position:fixed;top:0;left:0;max-width:320px}imageflow-editor imageflow-tabstrip imageflow-menu.tab-overflow-menu imageflow-menu-label{overflow:hidden;text-overflow:ellipsis}imageflow-editor imageflow-tabs{display:flex;align-items:stretch;height:var(--ps-tab-h);background:var(--ps-chrome);border-bottom:1px solid var(--ps-edge-dark);overflow-x:auto}imageflow-editor imageflow-tabs::-webkit-scrollbar{height:0}imageflow-editor imageflow-tabs imageflow-tab{display:inline-flex;align-items:center;gap:7px;padding:0 10px 0 12px;font-size:11px;color:var(--ps-text-dim);background:var(--ps-panel-sub);border-right:1px solid var(--ps-divider);max-width:200px;flex:none;overflow:hidden;white-space:nowrap}imageflow-editor imageflow-tabs imageflow-tab imageflow-tab-title{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}imageflow-editor imageflow-tabs imageflow-tab>imageflow-button.close{flex:none}imageflow-editor imageflow-tabs imageflow-tab:hover{color:var(--ps-text)}imageflow-editor imageflow-tabs imageflow-tab.active{color:var(--ps-text);background:var(--ps-pasteboard)}imageflow-editor imageflow-tabs imageflow-tab imageflow-button.close{display:grid;place-items:center;width:15px;height:15px;border-radius:var(--ps-radius);color:var(--ps-text-dim);visibility:hidden}imageflow-editor imageflow-tabs imageflow-tab imageflow-button.close:hover{background:var(--ps-hover);color:var(--ps-contrast)}imageflow-editor imageflow-tabs imageflow-tab:hover imageflow-button.close,imageflow-editor imageflow-tabs imageflow-tab.active imageflow-button.close{visibility:visible}imageflow-editor imageflow-viewport{position:relative;flex:1;min-height:0;overflow:hidden;background:var(--ps-pasteboard)}imageflow-editor imageflow-viewport imageflow-canvas-stack{position:absolute;top:0;right:0;bottom:0;left:0}imageflow-editor imageflow-viewport imageflow-canvas-stack canvas,imageflow-editor imageflow-viewport>canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none}imageflow-editor imageflow-viewport imageflow-rulers{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:30}imageflow-editor imageflow-viewport imageflow-rulers canvas{position:absolute;pointer-events:auto;background:var(--ps-panel-sub);touch-action:none}imageflow-editor imageflow-viewport imageflow-rulers canvas.h{top:0;left:20px;height:20px;width:calc(100% - 20px);cursor:ns-resize}imageflow-editor imageflow-viewport imageflow-rulers canvas.v{top:20px;left:0;width:20px;height:calc(100% - 20px);cursor:ew-resize}imageflow-editor imageflow-viewport imageflow-rulers imageflow-ruler.corner{position:absolute;top:0;left:0;width:20px;height:20px;background:var(--ps-panel-sub);border-right:1px solid var(--ps-divider);border-bottom:1px solid var(--ps-divider);pointer-events:auto}imageflow-editor imageflow-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--ps-text-faint);background:var(--ps-pasteboard)}imageflow-editor imageflow-empty-state imageflow-icon{color:#565656}imageflow-editor imageflow-empty-state h2{margin:0;font-size:15px;font-weight:500;color:var(--ps-text-dim)}imageflow-editor imageflow-empty-state p{margin:0 0 6px;font-size:12px}imageflow-editor imageflow-empty-state imageflow-button-group{display:flex;gap:8px}imageflow-editor imageflow-dropzone{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:16px;font-weight:600;color:var(--ps-contrast);background:color-mix(in srgb,var(--ps-accent) 22%,transparent);border:2px dashed var(--ps-accent);pointer-events:none;z-index:500}imageflow-editor imageflow-statusbar{display:flex;align-items:center;gap:14px;height:var(--ps-status-h);padding:0 10px;background:var(--ps-panel);border-top:1px solid var(--ps-divider);box-shadow:inset 0 1px 0 var(--ps-edge-light);font-size:11px;color:var(--ps-text-dim)}imageflow-editor imageflow-statusbar imageflow-field{display:inline-flex;align-items:center;position:relative}imageflow-editor imageflow-statusbar imageflow-field.zoom input{width:58px;height:18px;padding:0 6px;font:inherit;color:var(--ps-text);background:var(--ps-field);border:1px solid var(--ps-edge-dark);border-radius:1px;box-shadow:inset 0 1px 1px #0006;outline:none}imageflow-editor imageflow-statusbar imageflow-field.zoom input:focus{border-color:var(--ps-accent)}imageflow-editor imageflow-statusbar imageflow-field.doc-readout{gap:3px;color:var(--ps-text-dim)}imageflow-editor imageflow-statusbar imageflow-field.doc-readout imageflow-button.chevron{width:14px;height:16px;display:grid;place-items:center;color:var(--ps-text-dim);font-size:12px}imageflow-editor imageflow-statusbar imageflow-field.doc-readout imageflow-button.chevron:hover{color:var(--ps-text)}imageflow-editor imageflow-statusbar imageflow-field.doc-readout imageflow-menu.statusbar-menu{position:absolute;left:0;bottom:100%;margin-bottom:4px;min-width:180px}imageflow-editor imageflow-statusbar imageflow-field.status{margin-left:auto;color:var(--ps-text-faint)}imageflow-editor imageflow-statusbar imageflow-field.dim{opacity:.85}imageflow-editor imageflow-panels{position:relative;display:flex;flex-direction:column;width:268px;min-height:0;background:var(--ps-panel);overflow:hidden}imageflow-editor imageflow-panels.collapsed{width:auto}imageflow-editor imageflow-dock-body{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}imageflow-editor imageflow-dock-resizer{position:absolute;left:0;top:0;bottom:0;z-index:5;display:block;width:5px;cursor:col-resize}imageflow-editor imageflow-dock-resizer:hover,imageflow-editor imageflow-dock-resizer:focus-visible{background:linear-gradient(to right,var(--ps-accent) 0 2px,transparent 2px);outline:none}imageflow-editor imageflow-group-resizer{display:block;flex:none;height:4px;margin-top:-2px;margin-bottom:-2px;z-index:4;cursor:row-resize}imageflow-editor imageflow-group-resizer:hover,imageflow-editor imageflow-group-resizer:focus-visible{background:var(--ps-accent);outline:none}imageflow-editor imageflow-dock-rail{display:flex;flex-direction:column;align-items:center;gap:2px;width:36px;flex:1;min-height:0;padding:2px 0;overflow-y:auto;background:var(--ps-panel-header)}imageflow-editor imageflow-dock-rail imageflow-dock-rail-tab{display:grid;place-items:center;width:28px;height:28px;flex:none;border-radius:var(--ps-radius);color:var(--ps-icon-dim);cursor:default}imageflow-editor imageflow-dock-rail imageflow-dock-rail-tab:hover{background:var(--ps-hover);color:var(--ps-text)}imageflow-editor imageflow-dock-rail imageflow-dock-rail-tab.active{background:var(--ps-panel);color:var(--ps-contrast)}imageflow-editor imageflow-dock-rail imageflow-dock-rail-tab:focus-visible{outline:1px solid var(--ps-accent)}imageflow-editor imageflow-dock-rail imageflow-dock-collapse{margin-bottom:4px}imageflow-editor imageflow-dock-collapse{display:grid;place-items:center;width:24px;flex:none;color:var(--ps-icon-dim);cursor:default}imageflow-editor imageflow-dock-collapse:hover{color:var(--ps-text)}imageflow-editor imageflow-dock-collapse:focus-visible{outline:1px solid var(--ps-accent);outline-offset:-2px}imageflow-editor imageflow-panel-group{display:flex;flex-direction:column}imageflow-editor imageflow-panel-group imageflow-panel-tabs{position:relative;display:flex;align-items:stretch;height:var(--ps-tab-h);flex:none;background:var(--ps-panel-header);border-bottom:1px solid var(--ps-divider);overflow:hidden}imageflow-editor imageflow-panel-group imageflow-panel-tabs imageflow-panel-tab{position:relative;display:inline-flex;align-items:center;min-width:0;flex:0 1 auto;padding:0 12px;font-size:11px;font-weight:500;color:var(--ps-text-dim);background:var(--ps-panel-header);border-right:1px solid var(--ps-divider);white-space:nowrap;cursor:default;-webkit-user-select:none;user-select:none;touch-action:none}imageflow-editor imageflow-panel-group imageflow-panel-tabs imageflow-panel-tab:hover{color:var(--ps-text)}imageflow-editor imageflow-panel-group imageflow-panel-tabs imageflow-panel-tab.active{color:var(--ps-text);background:var(--ps-panel)}imageflow-editor imageflow-panel-group imageflow-panel-tabs imageflow-panel-tab.dragging{opacity:.4}imageflow-editor imageflow-panel-group imageflow-panel-tabs imageflow-panel-tab:focus-visible{outline:1px solid var(--ps-accent);outline-offset:-2px}imageflow-editor imageflow-panel-group imageflow-panel-tabs imageflow-panel-tab imageflow-panel-tab-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}imageflow-editor imageflow-panel-group imageflow-panel-tabs imageflow-panel-tab imageflow-drop-line{position:absolute;top:2px;bottom:2px;width:2px;background:var(--ps-accent);border-radius:1px}imageflow-editor imageflow-panel-group imageflow-panel-tabs imageflow-panel-tab imageflow-drop-line.before{left:-1px}imageflow-editor imageflow-panel-group imageflow-panel-tabs imageflow-panel-tab imageflow-drop-line.after{right:-1px}imageflow-editor imageflow-panel-group imageflow-panel-tabs imageflow-panel-flyout{position:relative;display:grid;place-items:center;width:24px;margin-left:auto;flex:none;color:var(--ps-icon-dim);cursor:default}imageflow-editor imageflow-panel-group imageflow-panel-tabs imageflow-panel-flyout:hover{color:var(--ps-text)}imageflow-editor imageflow-panel-group imageflow-panel-tabs imageflow-panel-flyout:focus-visible{outline:1px solid var(--ps-accent);outline-offset:-2px}imageflow-editor imageflow-panel-menu{position:fixed;z-index:700;display:flex;flex-direction:column;width:230px;max-height:min(70vh,560px);overflow-y:auto;padding:4px 0;background:var(--ps-menu, var(--ps-panel-header));border:1px solid var(--ps-divider);border-radius:var(--ps-radius-lg);box-shadow:0 8px 24px #0000008c}imageflow-editor imageflow-panel-menu imageflow-panel-menu-item{display:flex;align-items:center;gap:6px;height:22px;padding:0 12px 0 6px;font-size:11px;color:var(--ps-text);white-space:nowrap;cursor:default}imageflow-editor imageflow-panel-menu imageflow-panel-menu-item>imageflow-spacer{width:11px;flex:none}imageflow-editor imageflow-panel-menu imageflow-panel-menu-item>imageflow-icon{color:var(--ps-icon);flex:none}imageflow-editor imageflow-panel-menu imageflow-panel-menu-item:hover{background:var(--ps-accent);color:var(--ps-contrast)}imageflow-editor imageflow-panel-menu imageflow-panel-menu-item.disabled{color:var(--ps-text-disabled);pointer-events:none}imageflow-editor imageflow-panel-menu imageflow-panel-menu-item:focus-visible{outline:1px solid var(--ps-accent);outline-offset:-2px}imageflow-editor imageflow-panel-menu imageflow-panel-menu-sep{display:block;height:1px;margin:4px 0;background:var(--ps-divider)}imageflow-editor imageflow-float{position:fixed;z-index:500;display:flex;flex-direction:column;min-width:180px;min-height:90px;background:var(--ps-panel);border:1px solid var(--ps-edge-dark);border-radius:var(--ps-radius-lg);box-shadow:0 10px 34px #0009;overflow:hidden;font-family:var(--ps-font, inherit);font-size:11px;color:var(--ps-text)}imageflow-editor imageflow-float imageflow-float-bar{display:flex;align-items:center;gap:6px;height:20px;flex:none;padding:0 4px 0 8px;background:var(--ps-panel-header);border-bottom:1px solid var(--ps-divider);cursor:move;-webkit-user-select:none;user-select:none;touch-action:none}imageflow-editor imageflow-float imageflow-float-bar imageflow-float-title{flex:1;min-width:0;font-size:10px;font-weight:600;letter-spacing:.2px;color:var(--ps-text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}imageflow-editor imageflow-float imageflow-float-bar imageflow-float-close{display:grid;place-items:center;width:16px;height:16px;flex:none;border-radius:var(--ps-radius);color:var(--ps-icon-dim);cursor:default}imageflow-editor imageflow-float imageflow-float-bar imageflow-float-close:hover{background:var(--ps-hover);color:var(--ps-text)}imageflow-editor imageflow-float imageflow-float-body{display:flex;flex-direction:column;flex:1;min-height:0}imageflow-editor imageflow-float imageflow-panel-group{flex:1 1 0;min-height:0;max-height:none}imageflow-editor imageflow-float imageflow-float-resize{position:absolute;right:0;bottom:0;display:block;width:14px;height:14px;cursor:nwse-resize;touch-action:none;background:linear-gradient(135deg,transparent 50%,var(--ps-icon-dim) 50%,var(--ps-icon-dim) 60%,transparent 60%)}imageflow-editor imageflow-float-layer.drag{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;display:block;pointer-events:none}imageflow-editor imageflow-float-layer.drag imageflow-drop-line{position:fixed;display:block;background:var(--ps-accent);box-shadow:0 0 0 1px #0006}imageflow-editor imageflow-float-layer.drag imageflow-drop-line.zone{background:color-mix(in srgb,var(--ps-accent) 18%,transparent);box-shadow:inset 0 0 0 2px var(--ps-accent)}imageflow-editor imageflow-float-layer.drag imageflow-drag-ghost{position:fixed;display:block;padding:3px 10px;font-family:var(--ps-font, inherit);font-size:11px;color:var(--ps-contrast);background:var(--ps-panel-header);border:1px solid var(--ps-accent);border-radius:var(--ps-radius);box-shadow:0 4px 12px #00000080;opacity:.95;white-space:nowrap}imageflow-editor imageflow-panel-group,imageflow-editor imageflow-panel{display:flex;flex-direction:column;flex:0 1 auto;min-height:0}imageflow-editor imageflow-panel-group.sized,imageflow-editor imageflow-panel.sized{flex:0 0 var(--group-h, auto)}imageflow-editor imageflow-panel-group.fill:not(.sized),imageflow-editor imageflow-panel.fill:not(.sized){flex:1 1 0}imageflow-editor imageflow-panel-group.collapsed,imageflow-editor imageflow-panel.collapsed{flex:none}imageflow-editor imageflow-panel-group imageflow-panel-header,imageflow-editor imageflow-panel imageflow-panel-header{display:flex;align-items:center;gap:6px;height:var(--ps-tab-h);padding:0 8px 0 6px;background:var(--ps-panel-header);border-bottom:1px solid var(--ps-divider);box-shadow:inset 0 1px #ffffff08;cursor:default}imageflow-editor imageflow-panel-group imageflow-panel-header imageflow-panel-chevron,imageflow-editor imageflow-panel imageflow-panel-header imageflow-panel-chevron{display:grid;place-items:center;width:14px;height:14px;color:var(--ps-icon-dim);transition:transform .12s ease}imageflow-editor imageflow-panel-group imageflow-panel-header imageflow-panel-title,imageflow-editor imageflow-panel imageflow-panel-header imageflow-panel-title{font-size:11px;font-weight:600;letter-spacing:.2px;color:var(--ps-text)}imageflow-editor imageflow-panel-group imageflow-panel-header .tools,imageflow-editor imageflow-panel imageflow-panel-header .tools{margin-left:auto;display:flex;gap:2px}imageflow-editor imageflow-panel-group.collapsed imageflow-panel-chevron,imageflow-editor imageflow-panel.collapsed imageflow-panel-chevron{transform:rotate(-90deg)}imageflow-editor imageflow-panel-group imageflow-panel-body,imageflow-editor imageflow-panel imageflow-panel-body{display:flex;flex-direction:column;flex:1;min-height:0;overflow:auto;background:var(--ps-panel)}imageflow-editor imageflow-panel-group imageflow-panel-row,imageflow-editor imageflow-panel imageflow-panel-row{display:flex;align-items:center;gap:8px;padding:5px 8px}imageflow-editor imageflow-panel-group imageflow-panel-row imageflow-label,imageflow-editor imageflow-panel imageflow-panel-row imageflow-label{color:var(--ps-text-dim);min-width:54px}imageflow-editor imageflow-panel-group imageflow-field,imageflow-editor imageflow-panel imageflow-field{display:flex;align-items:center;gap:8px;padding:4px 8px}imageflow-editor imageflow-panel-group imageflow-field>imageflow-label,imageflow-editor imageflow-panel-group imageflow-field>label,imageflow-editor imageflow-panel imageflow-field>imageflow-label,imageflow-editor imageflow-panel imageflow-field>label{min-width:46px;color:var(--ps-text-dim);flex:none}imageflow-editor imageflow-panel-group imageflow-field>input,imageflow-editor imageflow-panel-group imageflow-field>textarea,imageflow-editor imageflow-panel imageflow-field>input,imageflow-editor imageflow-panel imageflow-field>textarea{flex:1;min-width:0;height:20px;padding:2px 6px;font:inherit;color:var(--ps-text);background:var(--ps-field);border:1px solid var(--ps-edge-dark);border-radius:var(--ps-radius);box-shadow:inset 0 1px 1px #0006;outline:none}imageflow-editor imageflow-panel-group imageflow-field>input:focus,imageflow-editor imageflow-panel-group imageflow-field>textarea:focus,imageflow-editor imageflow-panel imageflow-field>input:focus,imageflow-editor imageflow-panel imageflow-field>textarea:focus{border-color:var(--ps-accent)}imageflow-editor imageflow-panel-group imageflow-field>textarea,imageflow-editor imageflow-panel imageflow-field>textarea{height:auto;min-height:44px;resize:vertical}imageflow-editor imageflow-panel-group imageflow-panel-toolbar,imageflow-editor imageflow-panel imageflow-panel-toolbar{display:flex;align-items:center;justify-content:space-between;gap:2px;height:30px;flex:none;padding:0 8px;min-width:0;max-width:100%;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;background:var(--ps-panel-header);border-top:1px solid var(--ps-divider)}imageflow-editor imageflow-panel-group imageflow-panel-toolbar::-webkit-scrollbar,imageflow-editor imageflow-panel imageflow-panel-toolbar::-webkit-scrollbar{height:0}imageflow-editor imageflow-panel-group imageflow-panel-toolbar>*,imageflow-editor imageflow-panel imageflow-panel-toolbar>*{flex:none}imageflow-editor imageflow-panel-group imageflow-panel-toolbar.layers,imageflow-editor imageflow-panel-group imageflow-panel-toolbar.history,imageflow-editor imageflow-panel imageflow-panel-toolbar.layers,imageflow-editor imageflow-panel imageflow-panel-toolbar.history{justify-content:flex-end;gap:4px}imageflow-editor imageflow-panel-group imageflow-panel-toolbar.layers,imageflow-editor imageflow-panel imageflow-panel-toolbar.layers{overflow:visible;padding:0 6px}imageflow-editor imageflow-panel-group imageflow-panel-toolbar imageflow-button,imageflow-editor imageflow-panel imageflow-panel-toolbar imageflow-button{display:grid;place-items:center;width:26px;height:24px;border-radius:var(--ps-radius);color:var(--ps-icon);background:none;border:none;box-shadow:none}imageflow-editor imageflow-panel-group imageflow-panel-toolbar imageflow-button:hover,imageflow-editor imageflow-panel imageflow-panel-toolbar imageflow-button:hover{background:var(--ps-hover);color:var(--ps-contrast)}imageflow-editor imageflow-panel-group imageflow-panel-toolbar imageflow-button:disabled,imageflow-editor imageflow-panel-group imageflow-panel-toolbar imageflow-button.disabled,imageflow-editor imageflow-panel imageflow-panel-toolbar imageflow-button:disabled,imageflow-editor imageflow-panel imageflow-panel-toolbar imageflow-button.disabled{color:var(--ps-text-disabled);pointer-events:none}imageflow-editor imageflow-panel-group imageflow-panel-toolbar imageflow-button.spacer,imageflow-editor imageflow-panel imageflow-panel-toolbar imageflow-button.spacer{margin-left:auto;pointer-events:none}imageflow-editor imageflow-layer-filter{display:flex;align-items:center;gap:4px;height:28px;padding:0 8px}imageflow-editor imageflow-layer-filter imageflow-select{flex:1;min-width:0;height:22px}imageflow-editor imageflow-layer-filter imageflow-filter-toggles{display:flex;align-items:center;gap:1px;padding:0 2px;border-left:1px solid var(--ps-divider)}imageflow-editor imageflow-layer-filter imageflow-filter-toggles imageflow-button{width:22px;height:22px;border-radius:var(--ps-radius);color:var(--ps-icon-dim);background:none;border:none;box-shadow:none}imageflow-editor imageflow-layer-filter imageflow-filter-toggles imageflow-button:hover{background:var(--ps-hover);color:var(--ps-text)}imageflow-editor imageflow-layer-filter imageflow-filter-toggles imageflow-button.active{background:var(--ps-active);color:var(--ps-contrast)}imageflow-editor imageflow-layer-filter imageflow-filter-field{display:flex;align-items:center;flex:1;min-width:0}imageflow-editor imageflow-layer-filter imageflow-filter-field input{width:100%;height:22px;padding:0 6px;font:inherit;font-size:11px;color:var(--ps-text);background:var(--ps-field);border:1px solid var(--ps-edge-dark);border-radius:var(--ps-radius);outline:none}imageflow-editor imageflow-layer-filter imageflow-filter-field input:focus{border-color:var(--ps-accent)}imageflow-editor imageflow-layer-filter imageflow-button.switch{width:24px;height:22px;margin-left:auto;border-radius:var(--ps-radius);color:var(--ps-icon-dim);background:none;border:none;box-shadow:none}imageflow-editor imageflow-layer-filter imageflow-button.switch:hover{color:var(--ps-text)}imageflow-editor imageflow-layer-filter imageflow-button.switch.active{color:#e04f4f}imageflow-editor imageflow-layer-divider{display:block;height:1px;background:var(--ps-divider);box-shadow:0 1px 0 var(--ps-edge-light)}imageflow-editor imageflow-panel-row.lx{gap:6px;padding:4px 8px;height:26px}imageflow-editor imageflow-panel-row.lx>imageflow-label{min-width:auto;flex:none;color:var(--ps-text-dim)}imageflow-editor imageflow-panel-row.lx imageflow-slider{flex:1;min-width:40px}imageflow-editor imageflow-panel-row.lx imageflow-select{flex:1;min-width:80px}imageflow-editor imageflow-panel-row.lx imageflow-lock-toggles{display:flex;align-items:center;gap:2px}imageflow-editor imageflow-panel-row.lx imageflow-lock-toggles imageflow-button{width:20px;height:20px;border-radius:var(--ps-radius);color:var(--ps-icon-dim);background:none;border:none;box-shadow:none}imageflow-editor imageflow-panel-row.lx imageflow-lock-toggles imageflow-button:hover{background:var(--ps-hover);color:var(--ps-text)}imageflow-editor imageflow-panel-row.lx imageflow-lock-toggles imageflow-button.active{background:var(--ps-active);color:var(--ps-contrast)}imageflow-editor imageflow-panel-row.lx imageflow-lock-toggles imageflow-button:disabled,imageflow-editor imageflow-panel-row.lx imageflow-lock-toggles imageflow-button.disabled{color:var(--ps-text-disabled);pointer-events:none}imageflow-editor imageflow-panel-row.lx.lock{justify-content:space-between;flex-wrap:wrap;height:auto;min-height:26px;row-gap:2px;column-gap:4px;padding-left:6px;padding-right:6px}imageflow-editor imageflow-panel-row.lx.lock imageflow-num-combo{margin-left:auto}imageflow-editor imageflow-panel-row.lx.lock imageflow-num-combo>imageflow-label{min-width:auto;flex:none}imageflow-editor imageflow-num-combo{position:relative;display:inline-flex;align-items:center;gap:4px;flex:none}imageflow-editor imageflow-num-combo>imageflow-label{color:var(--ps-text-dim);font-size:11px}imageflow-editor imageflow-num-combo>imageflow-scrub-label{flex:none;color:var(--ps-text-dim);font-size:11px;cursor:ew-resize;-webkit-user-select:none;user-select:none;touch-action:none}imageflow-editor imageflow-num-combo>imageflow-scrub-label:hover{color:var(--ps-text)}imageflow-editor imageflow-num-combo.disabled{opacity:.5;pointer-events:none}imageflow-editor imageflow-num-combo imageflow-num-combo-field{display:inline-flex;align-items:center;justify-content:space-between;gap:2px;width:56px;height:20px;padding:0 4px;background:var(--ps-field);border:1px solid var(--ps-edge-dark);border-radius:var(--ps-radius);box-shadow:inset 0 1px 1px #0006;color:var(--ps-text);font-size:11px;font-variant-numeric:tabular-nums;cursor:default}imageflow-editor imageflow-num-combo imageflow-num-combo-field .chevron{color:var(--ps-icon-dim)}imageflow-editor imageflow-num-combo imageflow-num-combo-field:hover{border-color:#2a2a2a}imageflow-editor imageflow-num-combo imageflow-popover.slider{position:absolute;top:24px;right:0;z-index:60;width:160px;padding:8px 10px;background:var(--ps-panel-header);border:1px solid var(--ps-divider);border-radius:var(--ps-radius-lg);box-shadow:0 6px 18px #00000080}imageflow-editor imageflow-num-combo imageflow-popover.slider imageflow-slider{width:100%}imageflow-editor imageflow-layers{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto}imageflow-editor imageflow-layer-node{display:flex;flex-direction:column}imageflow-editor imageflow-layer-node imageflow-layer-children{display:flex;flex-direction:column}imageflow-editor imageflow-layer{display:flex;align-items:stretch;height:28px;border-bottom:1px solid rgba(0,0,0,.25);position:relative;cursor:default}imageflow-editor imageflow-layer:hover{background:var(--ps-hover)}imageflow-editor imageflow-layer.selected{background:color-mix(in srgb,var(--ps-selected) 65%,transparent)}imageflow-editor imageflow-layer.active{background:var(--ps-selected)}imageflow-editor imageflow-layer.active imageflow-layer-name{color:var(--ps-contrast)}imageflow-editor imageflow-layer.invisible imageflow-layer-name,imageflow-editor imageflow-layer.invisible imageflow-layer-thumbs{opacity:.5}imageflow-editor imageflow-layer.dragging{opacity:.5}imageflow-editor imageflow-layer.drop-above:before,imageflow-editor imageflow-layer.drop-below:after{content:"";position:absolute;left:0;right:0;height:2px;background:var(--ps-accent);z-index:2}imageflow-editor imageflow-layer.drop-above:before{top:-1px}imageflow-editor imageflow-layer.drop-below:after{bottom:-1px}imageflow-editor imageflow-layer.drop-into{box-shadow:inset 0 0 0 2px var(--ps-accent)}imageflow-editor imageflow-layer imageflow-layer-gutter{display:grid;place-items:center;width:22px;flex:none;border-right:1px solid rgba(0,0,0,.25)}imageflow-editor imageflow-layer imageflow-layer-eye{display:grid;place-items:center;width:20px;height:20px;color:var(--ps-icon);flex:none}imageflow-editor imageflow-layer imageflow-layer-eye:hover{color:var(--ps-contrast)}imageflow-editor imageflow-layer.invisible imageflow-layer-eye{color:var(--ps-icon-dim)}imageflow-editor imageflow-layer imageflow-layer-body{display:flex;align-items:center;gap:8px;flex:1;min-width:0;padding:0 8px}imageflow-editor imageflow-layer imageflow-clip-arrow{display:grid;place-items:center;width:12px;flex:none;color:var(--ps-icon-dim)}imageflow-editor imageflow-layer imageflow-layer-chevron{display:grid;place-items:center;width:12px;flex:none;color:var(--ps-icon-dim);transition:transform .1s ease}imageflow-editor imageflow-layer imageflow-layer-chevron.collapsed{transform:rotate(-90deg)}imageflow-editor imageflow-layer imageflow-layer-thumbs{display:flex;align-items:center;gap:3px;flex:none}imageflow-editor imageflow-layer imageflow-layer-thumbs.target-content>imageflow-layer-thumb.content,imageflow-editor imageflow-layer imageflow-layer-thumbs.target-mask imageflow-mask-thumb,imageflow-editor imageflow-layer imageflow-layer-thumbs.target-mask>imageflow-layer-thumb.mask{box-shadow:0 0 0 2px var(--ps-contrast),0 0 0 3px #0000008c}imageflow-editor imageflow-layer imageflow-layer-thumb{position:relative;flex:none;width:24px;height:24px;border:1px solid var(--ps-edge-dark);background-color:var(--ps-contrast);background-image:repeating-conic-gradient(#cfcfcf,#cfcfcf 25%,#fff 0%,#fff 50%);background-size:8px 8px;border-radius:1px;overflow:hidden;display:grid;place-items:center}imageflow-editor imageflow-layer imageflow-layer-thumb canvas,imageflow-editor imageflow-layer imageflow-layer-thumb img{width:100%;height:100%;object-fit:contain;display:block}imageflow-editor imageflow-layer imageflow-layer-thumb imageflow-so-badge{position:absolute;right:0;bottom:0;display:grid;place-items:center;width:12px;height:12px;background:#1473e6eb;color:var(--ps-contrast);border-top-left-radius:2px}imageflow-editor imageflow-layer imageflow-layer-thumb imageflow-so-badge.linked{background:#009698eb}imageflow-editor imageflow-layer imageflow-layer-thumb imageflow-so-badge.linked.stale{background:#d69114f2}imageflow-editor imageflow-layer imageflow-layer-thumb imageflow-so-badge.linked.missing{background:#ce3c37f2}imageflow-editor imageflow-layer imageflow-layer-thumb.adjustment{background:var(--ps-panel-sub);color:var(--ps-icon)}imageflow-editor imageflow-layer imageflow-layer-thumb.glyph{background:var(--ps-panel-sub);background-image:none;color:var(--ps-icon)}imageflow-editor imageflow-layer imageflow-layer-thumb.mask.reveal{background:#fff;background-image:none}imageflow-editor imageflow-layer imageflow-layer-thumb.mask.vector{background:#000;background-image:none}imageflow-editor imageflow-layer imageflow-layer-thumb.mask.vector svg{width:100%;height:100%;display:block}imageflow-editor imageflow-layer imageflow-layer-thumb.group{background:none;border:none;color:var(--ps-icon);width:22px;height:22px}imageflow-editor imageflow-layer imageflow-layer-link{display:grid;place-items:center;width:12px;flex:none;color:var(--ps-icon-dim)}imageflow-editor imageflow-layer imageflow-mask-thumb{flex:none;border:1px solid var(--ps-edge-dark);background-color:var(--ps-contrast);background-image:repeating-conic-gradient(#cfcfcf,#cfcfcf 25%,#fff 0%,#fff 50%);background-size:10px 10px;border-radius:1px;overflow:hidden;display:grid;place-items:center}imageflow-editor imageflow-layer imageflow-mask-thumb canvas{display:block}imageflow-editor imageflow-layer imageflow-mask-thumb.disabled{position:relative}imageflow-editor imageflow-layer imageflow-mask-thumb.disabled:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to top left,transparent calc(50% - 1px),#e04a4a calc(50% - 1px),#e04a4a calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(to top right,transparent calc(50% - 1px),#e04a4a calc(50% - 1px),#e04a4a calc(50% + 1px),transparent calc(50% + 1px))}imageflow-editor imageflow-layer imageflow-layer-name{flex:1;min-width:0;font-size:11px;color:var(--ps-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}imageflow-editor imageflow-layer imageflow-layer-name:has(input.rename){overflow:visible}imageflow-editor imageflow-layer imageflow-layer-name input.rename{display:block;width:100%;min-width:0;box-sizing:content-box;font:inherit;color:inherit;letter-spacing:inherit;text-align:inherit;background:none;border:0;border-radius:0;outline:none;padding:0 2px;margin:0 -2px;box-shadow:0 0 0 1px var(--ps-accent)}imageflow-editor imageflow-layer imageflow-layer-name input.rename::selection{background:color-mix(in srgb,var(--ps-accent) 65%,transparent)}imageflow-editor imageflow-layer imageflow-layer-badges{display:flex;align-items:center;gap:6px;flex:none}imageflow-editor imageflow-layer imageflow-layer-badge{display:grid;place-items:center;color:var(--ps-icon-dim)}imageflow-editor imageflow-layer imageflow-layer-badge.full{color:var(--ps-icon)}imageflow-editor imageflow-layer imageflow-layer-badge.partial{opacity:.65}imageflow-editor imageflow-layer imageflow-layer-linked{display:grid;place-items:center;color:var(--ps-icon);flex:none}imageflow-editor imageflow-layer imageflow-layer-fx{display:inline-flex;align-items:center;font-size:11px;font-style:italic;font-weight:600;color:var(--ps-icon);cursor:default}imageflow-editor imageflow-layer imageflow-layer-fx:hover{color:var(--ps-contrast)}imageflow-editor imageflow-layer imageflow-layer-fx-chevron{display:grid;place-items:center;width:14px;flex:none;margin-left:4px;color:var(--ps-icon-dim);cursor:default}imageflow-editor imageflow-layer imageflow-layer-fx-chevron imageflow-icon{transition:transform .1s ease;transform:rotate(-90deg)}imageflow-editor imageflow-layer imageflow-layer-fx-chevron.open imageflow-icon{transform:rotate(0)}imageflow-editor imageflow-layer imageflow-layer-fx-chevron:hover{color:var(--ps-text)}imageflow-editor imageflow-layer-drag-ghost{position:fixed;left:0;top:0;z-index:5000;display:flex;align-items:flex-start;width:200px;pointer-events:none;will-change:transform;opacity:.85;filter:drop-shadow(0 4px 10px rgba(0,0,0,.55))}imageflow-editor imageflow-layer-drag-ghost *{pointer-events:none}imageflow-editor imageflow-layer-drag-ghost imageflow-layer{width:100%;background:var(--ps-panel-header);border:1px solid var(--ps-accent);border-radius:var(--ps-radius)}imageflow-editor imageflow-layer-drag-ghost imageflow-layer-drag-count{display:grid;place-items:center;min-width:16px;height:16px;margin:-6px 0 0 -8px;padding:0 4px;font-size:10px;font-weight:600;line-height:1;color:var(--ps-contrast);background:var(--ps-accent);border:1px solid rgba(0,0,0,.45);border-radius:8px}imageflow-editor imageflow-layer-effects{display:flex;flex-direction:column;background-color:color-mix(in srgb,#000 12%,var(--ps-panel));background-image:linear-gradient(to right,transparent 0 21px,rgba(0,0,0,.25) 21px 22px,transparent 22px)}imageflow-editor imageflow-layer-effect{display:flex;align-items:center;gap:8px;height:22px;padding:0 8px 0 40px;border-bottom:1px solid rgba(0,0,0,.2)}imageflow-editor imageflow-layer-effect imageflow-effect-eye{display:grid;place-items:center;width:16px;height:16px;flex:none;color:var(--ps-icon);cursor:default}imageflow-editor imageflow-layer-effect imageflow-effect-eye:hover{color:var(--ps-contrast)}imageflow-editor imageflow-layer-effect imageflow-effect-eye:not(.on){color:var(--ps-icon-dim)}imageflow-editor imageflow-layer-effect imageflow-layer-name{font-size:11px;color:var(--ps-text-dim)}imageflow-editor imageflow-layer-effect.master{padding-left:26px}imageflow-editor imageflow-layer-effect.master imageflow-layer-name{color:var(--ps-text)}imageflow-editor imageflow-history-snapshot{display:flex;align-items:center;gap:8px;flex:none;height:34px;padding:0 8px}imageflow-editor imageflow-history-snapshot imageflow-history-snap-thumb{flex:none;width:32px;height:24px;border:1px solid var(--ps-edge-dark);border-radius:1px;background:#fff repeating-conic-gradient(#cfcfcf,#cfcfcf 25%,#fff 0%,#fff 50%) 0 0 / 8px 8px;overflow:hidden;display:grid;place-items:center}imageflow-editor imageflow-history-snapshot imageflow-history-snap-thumb img{width:100%;height:100%;object-fit:contain;display:block}imageflow-editor imageflow-history-snapshot imageflow-history-snap-thumb.empty{background:var(--ps-panel-sub)}imageflow-editor imageflow-history-snapshot>imageflow-label{font-size:11px;color:var(--ps-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}imageflow-editor imageflow-history-divider{display:block;height:1px;flex:none;background:var(--ps-divider);box-shadow:0 1px 0 var(--ps-edge-light)}imageflow-editor imageflow-history-list{display:flex;flex-direction:column;flex:1 1 0;min-height:0;overflow-y:auto}imageflow-editor imageflow-history-trimmed{display:block;padding:3px 8px 3px 24px;font-size:10px;font-style:italic;color:var(--ps-text-dim)}imageflow-editor imageflow-history-entry{display:flex;align-items:center;gap:6px;height:22px;padding:0 8px 0 0;font-size:11px;color:var(--ps-text);cursor:default}imageflow-editor imageflow-history-entry imageflow-history-well{flex:none;width:20px;height:100%;border-right:1px solid rgba(0,0,0,.25);background:var(--ps-panel-sub)}imageflow-editor imageflow-history-entry>imageflow-icon{color:var(--ps-icon-dim);flex:none}imageflow-editor imageflow-history-entry>imageflow-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}imageflow-editor imageflow-history-entry:hover{background:var(--ps-hover)}imageflow-editor imageflow-history-entry.active{background:var(--ps-selected)}imageflow-editor imageflow-history-entry.future{color:var(--ps-text-faint)}imageflow-editor imageflow-adjustment-caption{display:block;padding:8px 10px 4px;font-size:11px;font-weight:600;color:var(--ps-text-dim)}imageflow-editor imageflow-adjustment-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:0 10px 10px}imageflow-editor imageflow-adjustment-tile{display:grid;place-items:center;aspect-ratio:1;border-radius:var(--ps-radius);color:var(--ps-icon);cursor:default}imageflow-editor imageflow-adjustment-tile:hover{background:var(--ps-hover);color:var(--ps-contrast)}imageflow-editor imageflow-prop-header{display:flex;align-items:center;gap:8px;flex:none;height:30px;padding:0 10px;border-bottom:1px solid var(--ps-divider)}imageflow-editor imageflow-prop-header imageflow-prop-icon{display:grid;place-items:center;color:var(--ps-icon);flex:none}imageflow-editor imageflow-prop-header imageflow-prop-title{font-size:11px;font-weight:700;color:var(--ps-text)}imageflow-editor imageflow-prop-body{display:flex;flex-direction:column;flex:1;min-height:0;overflow:auto}imageflow-editor imageflow-prop-section{display:flex;flex-direction:column;flex:none;border-bottom:1px solid var(--ps-divider)}imageflow-editor imageflow-prop-section imageflow-section-header{display:flex;align-items:center;gap:6px;height:24px;padding:0 8px;cursor:default}imageflow-editor imageflow-prop-section imageflow-section-header imageflow-section-chevron{display:grid;place-items:center;width:12px;flex:none;color:var(--ps-icon-dim);transition:transform .1s ease;transform:rotate(-90deg)}imageflow-editor imageflow-prop-section imageflow-section-header imageflow-section-chevron.open{transform:rotate(0)}imageflow-editor imageflow-prop-section imageflow-section-header imageflow-section-title{font-size:11px;font-weight:700;color:var(--ps-text)}imageflow-editor imageflow-prop-section imageflow-section-header imageflow-section-extra{margin-left:auto;display:flex;align-items:center}imageflow-editor imageflow-prop-section imageflow-section-body{display:flex;flex-direction:column;padding:4px 0 8px}imageflow-editor imageflow-so-info{display:flex;align-items:flex-start;gap:8px;padding:2px 8px 6px}imageflow-editor imageflow-so-info imageflow-so-icon{flex:none;color:var(--ps-accent);margin-top:1px}imageflow-editor imageflow-so-info imageflow-label{font-size:11px;line-height:1.4;color:var(--ps-text-dim)}imageflow-editor imageflow-so-actions{display:flex;padding:0 8px}imageflow-editor imageflow-so-actions .imageflow-so-edit{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:default;font-size:11px;color:var(--ps-text);background:var(--ps-btn, #4b4b4b);border:1px solid var(--ps-divider);border-radius:3px;padding:4px 12px;width:100%}imageflow-editor imageflow-so-actions .imageflow-so-edit:hover{background:var(--ps-btn-hover, #565656)}imageflow-editor imageflow-so-actions .imageflow-so-edit:active{background:var(--ps-accent);border-color:var(--ps-accent);color:var(--ps-contrast)}imageflow-editor imageflow-mask-section{display:flex;flex-direction:column;gap:6px;padding:6px 8px 8px}imageflow-editor imageflow-mask-section imageflow-field.mask-target{display:flex;align-items:center;gap:8px;cursor:default}imageflow-editor imageflow-mask-section imageflow-field.mask-target>imageflow-label{color:var(--ps-text-dim);font-size:11px;flex:none}imageflow-editor imageflow-mask-section imageflow-field.mask-target imageflow-mask-thumb{flex:none;border:1px solid var(--ps-edge-dark);border-radius:1px;background-color:var(--ps-contrast);background-image:repeating-conic-gradient(#cfcfcf,#cfcfcf 25%,#fff 0%,#fff 50%);background-size:10px 10px;overflow:hidden;display:grid;place-items:center}imageflow-editor imageflow-mask-section imageflow-field.mask-target imageflow-mask-thumb canvas{display:block}imageflow-editor imageflow-mask-section imageflow-field.mask-target.active imageflow-mask-thumb{box-shadow:0 0 0 2px var(--ps-contrast),0 0 0 3px #0000008c}imageflow-editor imageflow-mask-actions{display:flex;flex-wrap:wrap;gap:4px;min-width:0}imageflow-editor imageflow-mask-actions>*{flex:1 1 auto;min-width:0}imageflow-editor imageflow-transform-grid{display:grid;grid-template-columns:1fr 22px 1fr;align-items:center;gap:6px 6px;padding:4px 10px}imageflow-editor imageflow-transform-grid imageflow-transform-cell{display:flex;align-items:center;gap:6px}imageflow-editor imageflow-transform-grid imageflow-transform-cell>imageflow-label{width:14px;flex:none;color:var(--ps-text-dim);font-size:11px}imageflow-editor imageflow-transform-grid imageflow-transform-cell imageflow-number{flex:1;min-width:0}imageflow-editor imageflow-transform-grid imageflow-transform-link{grid-row:span 2;display:grid;place-items:center;width:22px;height:36px;color:var(--ps-icon-dim);cursor:default;border-radius:var(--ps-radius)}imageflow-editor imageflow-transform-grid imageflow-transform-link:hover{color:var(--ps-text)}imageflow-editor imageflow-transform-grid imageflow-transform-link.active{color:var(--ps-accent-hi)}imageflow-editor imageflow-transform-grid imageflow-transform-spacer{display:none}imageflow-editor imageflow-adjustment-footer{display:flex;align-items:center;gap:2px;flex:none;height:30px;padding:0 8px;background:var(--ps-panel-header);border-top:1px solid var(--ps-divider)}imageflow-editor imageflow-adjustment-footer imageflow-spacer{flex:1}imageflow-editor imageflow-adjustment-footer imageflow-button{display:grid;place-items:center;width:26px;height:24px;border-radius:var(--ps-radius);color:var(--ps-icon);background:none;border:none;box-shadow:none}imageflow-editor imageflow-adjustment-footer imageflow-button:hover{background:var(--ps-hover);color:var(--ps-contrast)}imageflow-editor imageflow-adjustment-footer imageflow-button.active{background:var(--ps-active);color:var(--ps-contrast)}imageflow-editor imageflow-adjustment-footer imageflow-button:disabled,imageflow-editor imageflow-adjustment-footer imageflow-button.disabled{color:var(--ps-text-disabled);pointer-events:none}imageflow-editor imageflow-histogram{display:block;margin:6px 10px;padding:4px;background:var(--ps-field);border:1px solid var(--ps-edge-dark);border-radius:var(--ps-radius)}imageflow-editor imageflow-histogram canvas{display:block;width:100%;height:90px;image-rendering:pixelated}imageflow-editor imageflow-curve-grid{display:block;margin:6px 10px;background:var(--ps-field);border:1px solid var(--ps-edge-dark);border-radius:var(--ps-radius)}imageflow-editor imageflow-curve-grid canvas{display:block;width:100%;aspect-ratio:1;touch-action:none;cursor:crosshair}imageflow-editor imageflow-curve-readout{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:2px 10px 4px}imageflow-editor imageflow-curve-readout imageflow-transform-cell{display:flex;align-items:center;gap:6px}imageflow-editor imageflow-curve-readout imageflow-transform-cell>imageflow-label{width:22px;flex:none;color:var(--ps-text-dim);font-size:11px}imageflow-editor imageflow-curve-readout imageflow-transform-cell imageflow-number{flex:1;min-width:0}imageflow-editor imageflow-huesat-ramps{display:flex;flex-direction:column;gap:6px;padding:8px 10px}imageflow-editor imageflow-huesat-ramps imageflow-hue-ramp{display:block;height:12px;border-radius:2px;border:1px solid var(--ps-edge-dark);background:linear-gradient(to right,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red)}imageflow-editor imageflow-info-row{display:flex;align-items:baseline;gap:8px;padding:3px 10px;font-size:11px}imageflow-editor imageflow-info-row imageflow-info-label{min-width:58px;color:var(--ps-text-dim)}imageflow-editor imageflow-info-row imageflow-info-value{color:var(--ps-text);font-variant-numeric:tabular-nums}imageflow-editor imageflow-field.about{padding:10px;color:var(--ps-text-dim);line-height:1.6}imageflow-editor imageflow-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:24px;padding:0 12px;font:inherit;font-size:11px;color:var(--ps-text);background:linear-gradient(var(--ps-button-hi),var(--ps-button));border:1px solid var(--ps-button-edge);border-radius:var(--ps-radius);box-shadow:inset 0 1px #ffffff0f;cursor:default;white-space:nowrap}imageflow-editor imageflow-button:hover{background:linear-gradient(var(--ps-button-hover),var(--ps-button-hi))}imageflow-editor imageflow-button:active{background:var(--ps-panel-sub);box-shadow:inset 0 1px 2px #0006}imageflow-editor imageflow-button.primary{color:var(--ps-contrast);background:linear-gradient(var(--ps-accent-hi),var(--ps-accent));border-color:var(--ps-accent-press)}imageflow-editor imageflow-button.primary:hover{background:linear-gradient(#3a8ef5,var(--ps-accent-hi))}imageflow-editor imageflow-button.primary:active{background:var(--ps-accent-press)}imageflow-editor imageflow-button.ghost{background:none;border-color:transparent;box-shadow:none;padding:0;height:auto}imageflow-editor imageflow-button.ghost:hover{background:none}imageflow-editor imageflow-button.small{height:20px;padding:0 8px}imageflow-editor imageflow-button.disabled,imageflow-editor imageflow-button:disabled{color:var(--ps-text-disabled);pointer-events:none;background:var(--ps-button-disabled);box-shadow:none}imageflow-editor imageflow-button.disabled[data-tooltip],imageflow-editor imageflow-button:disabled[data-tooltip]{pointer-events:auto;cursor:default}imageflow-editor imageflow-button-group{display:inline-flex}imageflow-editor imageflow-button-group imageflow-button{border-radius:0;margin-left:-1px}imageflow-editor imageflow-button-group imageflow-button:first-child{border-radius:var(--ps-radius) 0 0 var(--ps-radius);margin-left:0}imageflow-editor imageflow-button-group imageflow-button:last-child{border-radius:0 var(--ps-radius) var(--ps-radius) 0}imageflow-editor imageflow-button-group imageflow-button.active{background:var(--ps-active);color:var(--ps-contrast);z-index:1}imageflow-editor imageflow-icon{display:inline-grid;place-items:center;flex:none}imageflow-editor imageflow-icon svg{display:block}imageflow-editor imageflow-slider{display:inline-flex;align-items:center;gap:8px;min-width:40px;flex:1}imageflow-editor imageflow-slider imageflow-label{color:var(--ps-text-dim)}imageflow-editor imageflow-slider imageflow-slider-track{position:relative;flex:1;height:4px;border-radius:2px;background:var(--ps-field);border:1px solid var(--ps-edge-dark);cursor:default}imageflow-editor imageflow-slider imageflow-slider-track imageflow-slider-fill{position:absolute;left:0;top:0;bottom:0;border-radius:2px 0 0 2px;background:linear-gradient(#8a8a8a,#6f6f6f)}imageflow-editor imageflow-slider imageflow-slider-track imageflow-slider-thumb{position:absolute;top:50%;width:11px;height:11px;transform:translate(-50%,-50%);background:linear-gradient(#efefef,#cfcfcf);border:1px solid #1a1a1a;border-radius:50%;box-shadow:0 1px 2px #00000080}imageflow-editor imageflow-slider imageflow-slider-track:hover imageflow-slider-thumb{background:linear-gradient(#fff,#e0e0e0)}imageflow-editor imageflow-slider.small imageflow-slider-track{height:3px}imageflow-editor imageflow-slider.ramped imageflow-slider-track{height:10px;border-radius:2px}imageflow-editor imageflow-slider .value{min-width:32px;text-align:right;font-variant-numeric:tabular-nums;color:var(--ps-text)}imageflow-editor imageflow-number,imageflow-editor imageflow-field.input{display:inline-flex;align-items:stretch;height:20px;background:var(--ps-field);border:1px solid var(--ps-edge-dark);border-radius:var(--ps-radius);box-shadow:inset 0 1px 1px #0006;overflow:hidden;line-height:1}imageflow-editor imageflow-number .scrub,imageflow-editor imageflow-field.input .scrub{display:grid;place-items:center;padding:0 4px;height:100%;flex:none;min-width:0;color:var(--ps-text-dim);border-right:1px solid var(--ps-edge-dark)}imageflow-editor imageflow-number .scrub:hover,imageflow-editor imageflow-field.input .scrub:hover{color:var(--ps-text)}imageflow-editor imageflow-number input,imageflow-editor imageflow-field.input input{flex:1 1 46px;min-width:0;width:46px;height:100%;padding:0 5px;font:inherit;font-variant-numeric:tabular-nums;line-height:1;text-align:right;color:var(--ps-text);background:none;border:none;outline:none}imageflow-editor imageflow-number .suffix,imageflow-editor imageflow-field.input .suffix{display:inline-flex;align-items:center;flex:none;min-width:0;padding:0 5px 0 0;color:var(--ps-text-dim)}imageflow-editor imageflow-number:focus-within,imageflow-editor imageflow-field.input:focus-within{border-color:var(--ps-accent);box-shadow:0 0 0 1px var(--ps-accent)}imageflow-editor .scrub-handle{cursor:ew-resize;-webkit-user-select:none;user-select:none;touch-action:none}imageflow-editor .scrub-handle:hover{color:var(--ps-text)}imageflow-editor imageflow-number.disabled .scrub-handle,imageflow-editor .scrub-handle[data-scrub-disabled=true]{cursor:default}imageflow-editor imageflow-select{position:relative;display:inline-flex;align-items:center;height:20px;min-width:96px;padding:0 6px;background:var(--ps-field);border:1px solid var(--ps-edge-dark);border-radius:var(--ps-radius);box-shadow:inset 0 1px 1px #00000059;color:var(--ps-text);cursor:default}imageflow-editor imageflow-select imageflow-select-value{display:flex;align-items:center;gap:6px;flex:1;min-width:0}imageflow-editor imageflow-select imageflow-select-value>imageflow-icon{flex:none;color:var(--ps-icon)}imageflow-editor imageflow-select imageflow-select-value>imageflow-select-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}imageflow-editor imageflow-select:after{content:"";margin-left:6px;flex:none;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid var(--ps-icon-dim)}imageflow-editor imageflow-select:hover{border-color:#2a2a2a}imageflow-editor imageflow-select.open{border-color:var(--ps-accent)}imageflow-editor imageflow-select.compact{min-width:72px}imageflow-editor imageflow-select.disabled{color:var(--ps-text-disabled);pointer-events:none}imageflow-editor imageflow-popover-layer{position:fixed;top:0;left:0;width:0;height:0;pointer-events:none;z-index:1200}imageflow-editor imageflow-popover-box{display:block;pointer-events:auto;z-index:1200;font:11px/1.4 Segoe UI,system-ui,-apple-system,Helvetica Neue,sans-serif;color:var(--ps-text)}imageflow-editor imageflow-options{display:block;min-width:100%;max-height:min(320px,calc(100vh - 24px));overflow-y:auto;background:var(--ps-panel-sub);border:1px solid var(--ps-edge-dark);border-radius:var(--ps-radius);box-shadow:0 8px 24px #0000008c;padding:3px}imageflow-editor imageflow-options imageflow-option{display:flex;align-items:center;gap:7px;height:22px;padding:0 8px;border-radius:var(--ps-radius);white-space:nowrap}imageflow-editor imageflow-options imageflow-option>imageflow-icon{flex:none;color:var(--ps-icon)}imageflow-editor imageflow-options imageflow-option>imageflow-select-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}imageflow-editor imageflow-options imageflow-option>imageflow-icon.tick{margin-left:auto;color:inherit}imageflow-editor imageflow-options imageflow-option:hover{background:var(--ps-accent);color:var(--ps-contrast)}imageflow-editor imageflow-options imageflow-option:hover>imageflow-icon{color:var(--ps-contrast)}imageflow-editor imageflow-options imageflow-option.active{color:var(--ps-contrast)}imageflow-editor imageflow-options imageflow-option.group-start{margin-top:4px;box-shadow:0 -3px 0 -2px var(--ps-divider)}imageflow-editor imageflow-font-picker{position:relative;display:inline-flex;align-items:center;height:20px;min-width:140px;padding:0 6px;background:var(--ps-field);border:1px solid var(--ps-edge-dark);border-radius:var(--ps-radius);box-shadow:inset 0 1px 1px #00000059;color:var(--ps-text);cursor:default}imageflow-editor imageflow-font-picker imageflow-select-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}imageflow-editor imageflow-font-picker:after{content:"";margin-left:6px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid var(--ps-icon-dim)}imageflow-editor imageflow-font-picker:hover{border-color:#2a2a2a}imageflow-editor imageflow-font-picker.open{border-color:var(--ps-accent)}imageflow-editor imageflow-font-picker.small{min-width:120px}imageflow-editor imageflow-font-picker.disabled{color:var(--ps-text-disabled);pointer-events:none}imageflow-editor imageflow-font-panel{position:fixed;margin-top:2px;display:flex;flex-direction:column;width:300px;background:var(--ps-panel-sub);border:1px solid var(--ps-edge-dark);border-radius:var(--ps-radius);box-shadow:0 8px 24px #0000008c;z-index:600;padding:6px;cursor:default}imageflow-editor imageflow-font-search{display:flex;align-items:center;gap:6px;padding:0 7px;height:26px;background:var(--ps-field);border:1px solid var(--ps-edge-dark);border-radius:var(--ps-radius);box-shadow:inset 0 1px 1px #00000059;color:var(--ps-icon-dim)}imageflow-editor imageflow-font-search>input{flex:1;min-width:0;background:transparent;border:none;outline:none;color:var(--ps-text);font-size:12px}imageflow-editor imageflow-font-cats{display:flex;flex-wrap:wrap;gap:3px;padding:6px 0 2px}imageflow-editor imageflow-font-cats imageflow-font-cat{padding:2px 7px;border-radius:9px;font-size:10px;text-transform:uppercase;letter-spacing:.3px;color:var(--ps-text-faint);background:var(--ps-field);cursor:default}imageflow-editor imageflow-font-cats imageflow-font-cat:hover{color:var(--ps-text)}imageflow-editor imageflow-font-cats imageflow-font-cat.active{background:var(--ps-accent);color:var(--ps-contrast)}imageflow-editor imageflow-font-viewport{position:relative;display:block;height:320px;overflow-y:auto;overflow-x:hidden;margin-top:4px}imageflow-editor imageflow-font-list{position:relative;display:block;width:100%}imageflow-editor imageflow-font-empty{display:block;padding:16px 8px;text-align:center;color:var(--ps-text-faint);font-size:12px}imageflow-editor imageflow-font-item{position:absolute;left:0;right:0;top:0;display:flex;align-items:center;gap:7px;height:30px;padding:0 9px;border-radius:var(--ps-radius);white-space:nowrap;overflow:hidden;font-size:17px;line-height:1;color:var(--ps-text)}imageflow-editor imageflow-font-item:hover{background:var(--ps-accent);color:var(--ps-contrast)}imageflow-editor imageflow-font-item.active{background:#1473e659}imageflow-editor imageflow-font-item imageflow-font-name{flex:1;overflow:hidden;text-overflow:ellipsis}imageflow-editor imageflow-font-item imageflow-font-badge{font-size:9px;text-transform:uppercase;letter-spacing:.3px;padding:1px 5px;border-radius:8px;background:#ffffff1f;color:var(--ps-text-faint)}imageflow-editor imageflow-font-item .tick{flex:none}imageflow-editor imageflow-font-add{display:flex;align-items:center;gap:7px;margin-top:6px;padding:0 9px;height:26px;border-top:1px solid var(--ps-divider);color:var(--ps-accent);font-size:12px;cursor:default}imageflow-editor imageflow-font-add>span{flex:1}imageflow-editor imageflow-font-add:hover{color:var(--ps-contrast)}imageflow-editor imageflow-checkbox{display:inline-flex;align-items:center;gap:6px;cursor:default}imageflow-editor imageflow-checkbox imageflow-checkbox-box{display:grid;place-items:center;width:14px;height:14px;background:var(--ps-field);border:1px solid var(--ps-edge-dark);border-radius:var(--ps-radius);box-shadow:inset 0 1px 1px #0006;color:transparent}imageflow-editor imageflow-checkbox.checked imageflow-checkbox-box{background:var(--ps-accent);border-color:var(--ps-accent-press);color:var(--ps-contrast)}imageflow-editor imageflow-color-well{position:relative;display:flex;flex-direction:column;align-items:stretch;width:28px;margin:8px auto 2px}imageflow-editor imageflow-color-well imageflow-color-well-mini{display:flex;align-items:center;justify-content:space-between;height:13px;margin-bottom:1px}imageflow-editor imageflow-color-well imageflow-button.swap,imageflow-editor imageflow-color-well imageflow-button.reset{width:12px;height:12px;min-width:0;padding:0;display:grid;place-items:center;background:none;border:none;box-shadow:none;color:var(--ps-icon-dim);cursor:default}imageflow-editor imageflow-color-well imageflow-button.swap:hover,imageflow-editor imageflow-color-well imageflow-button.reset:hover{color:var(--ps-text);background:none}imageflow-editor imageflow-color-well imageflow-color-well-swatches{position:relative;width:28px;height:28px}imageflow-editor imageflow-color-well imageflow-color-well-swatches>imageflow-swatch{position:absolute!important;width:20px;height:20px;border:1px solid #101010;box-shadow:inset 0 0 0 1px #ffffff59;border-radius:0;cursor:default}imageflow-editor imageflow-color-well imageflow-color-well-swatches>imageflow-swatch:before{box-shadow:none}imageflow-editor imageflow-color-well imageflow-color-well-swatches>imageflow-swatch.foreground{top:0;left:0;z-index:2}imageflow-editor imageflow-color-well imageflow-color-well-swatches>imageflow-swatch.background{right:0;bottom:0;z-index:1}imageflow-editor imageflow-color-well imageflow-popover.colorwell{position:absolute;left:calc(100% + 8px);bottom:-10px;display:flex;flex-direction:column;gap:8px}imageflow-editor imageflow-color-well imageflow-popover.colorwell imageflow-label.picker-title{font-weight:600;color:var(--ps-text)}imageflow-editor imageflow-field>input[type=text],imageflow-editor imageflow-dialog-row>input[type=text]{flex:1;width:100%;height:22px;padding:2px 7px;font:inherit;color:var(--ps-text);background:var(--ps-field);border:1px solid var(--ps-edge-dark);border-radius:var(--ps-radius);box-shadow:inset 0 1px 1px #0006;outline:none}imageflow-editor imageflow-field>input[type=text]:focus,imageflow-editor imageflow-dialog-row>input[type=text]:focus{border-color:var(--ps-accent);box-shadow:0 0 0 1px var(--ps-accent)}imageflow-editor imageflow-swatch{display:inline-block;width:40px;height:20px;border-radius:var(--ps-radius);position:relative;cursor:default;overflow:hidden;background-image:repeating-conic-gradient(#bcbcbc,#bcbcbc 25%,#fff 0%,#fff 50%);background-size:8px 8px;background-clip:border-box}imageflow-editor imageflow-swatch:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-color:var(--swatch-color, #000);box-shadow:inset 0 0 0 1px var(--ps-edge-dark)}imageflow-editor imageflow-color-picker{display:flex;flex-direction:column;gap:10px;width:296px}imageflow-editor imageflow-color-picker imageflow-color-area{position:relative;height:180px;border-radius:var(--ps-radius);cursor:crosshair;overflow:hidden;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,var(--picker-hue, #f00))}imageflow-editor imageflow-color-picker imageflow-color-area imageflow-color-cursor{position:absolute;width:12px;height:12px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #0009;transform:translate(-50%,-50%);pointer-events:none}imageflow-editor imageflow-color-picker imageflow-color-hue,imageflow-editor imageflow-color-picker imageflow-color-alpha{position:relative;height:12px;border-radius:6px;cursor:pointer}imageflow-editor imageflow-color-picker imageflow-color-hue imageflow-color-cursor,imageflow-editor imageflow-color-picker imageflow-color-alpha imageflow-color-cursor{position:absolute;top:50%;width:14px;height:14px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #0009;transform:translate(-50%,-50%)}imageflow-editor imageflow-color-picker imageflow-color-hue{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}imageflow-editor imageflow-color-picker imageflow-color-alpha{background:linear-gradient(to right,transparent,var(--picker-color, #000)),repeating-conic-gradient(#bcbcbc,#bcbcbc 25%,#fff 0%,#fff 50%);background-size:auto,8px 8px}imageflow-editor imageflow-color-picker imageflow-color-inputs{display:grid;grid-template-columns:auto minmax(64px,1.4fr) 1fr 1fr 1fr;gap:6px;align-items:center}imageflow-editor imageflow-color-picker imageflow-color-inputs imageflow-color-preview{position:relative}imageflow-editor imageflow-color-picker imageflow-color-inputs imageflow-color-preview>imageflow-swatch{width:34px;height:24px}imageflow-editor imageflow-color-picker imageflow-gamut-warning,imageflow-editor imageflow-color-picker imageflow-gamut-warning[data-tooltip]{position:absolute;top:-5px;right:-8px;display:flex;align-items:center;gap:2px;cursor:pointer}imageflow-editor imageflow-color-picker imageflow-gamut-alarm{display:grid;place-items:center;width:12px;height:12px;border-radius:50%;background:#e0a020;color:#1a1a1a;font-size:9px;font-weight:700;line-height:1}imageflow-editor imageflow-color-picker imageflow-gamut-chip{display:block;width:11px;height:11px;border:1px solid var(--ps-edge-dark);background:var(--swatch-color, #000)}imageflow-editor imageflow-color-picker imageflow-color-models{display:flex;flex-direction:column;gap:4px}imageflow-editor imageflow-color-picker imageflow-color-model{display:grid;grid-template-columns:30px repeat(3,1fr);gap:4px;align-items:center}imageflow-editor imageflow-color-picker imageflow-color-model.cmyk{grid-template-columns:30px repeat(4,1fr)}imageflow-editor imageflow-color-picker imageflow-color-model>imageflow-label{font-size:10px;color:var(--ps-text-dim)}imageflow-editor imageflow-color-picker imageflow-color-model.out-of-gamut>imageflow-label{color:#e0a020}imageflow-editor imageflow-color-picker imageflow-color-quick{display:flex;flex-direction:column;gap:4px}imageflow-editor imageflow-color-picker imageflow-color-quick imageflow-button.add-swatch{display:flex;align-items:center;justify-content:center;gap:4px;font-size:10px;padding:3px 6px;cursor:pointer}imageflow-editor imageflow-color-picker imageflow-color-quick-strip{display:flex;flex-wrap:wrap;gap:2px;min-height:4px}imageflow-editor imageflow-color-picker imageflow-color-quick-strip imageflow-swatch{width:14px;height:14px;cursor:default}imageflow-editor imageflow-swatches{display:grid;grid-template-columns:repeat(12,1fr);gap:2px}imageflow-editor imageflow-swatches imageflow-swatch{width:100%;height:auto;aspect-ratio:1;cursor:default}imageflow-editor imageflow-swatches imageflow-swatch:hover{outline:1px solid #fff}imageflow-editor imageflow-menu{display:block;min-width:200px;padding:4px 0;background:var(--ps-panel-sub);border:1px solid var(--ps-edge-dark);box-shadow:0 3px 8px #0000008c;z-index:500;scrollbar-width:thin;scrollbar-color:#5a5a5a var(--ps-panel-sub)}imageflow-editor imageflow-menu imageflow-menu-item{display:flex;align-items:center;height:22px;padding:0 22px 0 24px;position:relative;font-size:11px;color:var(--ps-text);white-space:nowrap;cursor:default}imageflow-editor imageflow-menu imageflow-menu-item imageflow-menu-check{position:absolute;left:8px;display:grid;place-items:center;color:var(--ps-text)}imageflow-editor imageflow-menu imageflow-menu-item imageflow-menu-label{flex:1}imageflow-editor imageflow-menu imageflow-menu-item imageflow-menu-shortcut{margin-left:28px;color:var(--ps-text-faint)}imageflow-editor imageflow-menu imageflow-menu-item:hover,imageflow-editor imageflow-menu imageflow-menu-item.highlighted{background:var(--ps-accent);color:var(--ps-contrast)}imageflow-editor imageflow-menu imageflow-menu-item:hover imageflow-menu-shortcut,imageflow-editor imageflow-menu imageflow-menu-item.highlighted imageflow-menu-shortcut{color:#ffffffbf}imageflow-editor imageflow-menu imageflow-menu-item:hover imageflow-menu-check,imageflow-editor imageflow-menu imageflow-menu-item.highlighted imageflow-menu-check{color:var(--ps-contrast)}imageflow-editor imageflow-menu imageflow-menu-item:focus{outline:none}imageflow-editor imageflow-menu imageflow-menu-item.disabled{color:var(--ps-text-disabled);pointer-events:none}imageflow-editor imageflow-menu imageflow-menu-item.submenu:after{content:"";position:absolute;right:8px;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:5px solid currentColor}imageflow-editor imageflow-menu imageflow-menu-item>imageflow-submenu{display:contents}imageflow-editor imageflow-menu imageflow-menu-item>imageflow-submenu>imageflow-menu{position:fixed;top:0;left:0}imageflow-editor imageflow-menu imageflow-menu-item>imageflow-icon.chevron{display:none}imageflow-editor imageflow-menu imageflow-menu-separator{display:block;height:1px;margin:4px 0;background:#3a3a3a;border:0}imageflow-editor imageflow-dialogs{position:fixed;top:0;left:0;width:calc(100vw / var(--ps-ui-scale, 1));height:calc(100vh / var(--ps-ui-scale, 1));zoom:var(--ps-ui-scale, 1);display:grid;place-items:center;background:#00000073;z-index:700}imageflow-editor imageflow-dialogs.clear{background:transparent}imageflow-editor imageflow-dialogs.dragging{cursor:move;-webkit-user-select:none;user-select:none}imageflow-editor imageflow-dialogs.dragging imageflow-dialog{pointer-events:none}imageflow-editor imageflow-dialog{position:relative;display:flex;flex-direction:column;min-width:340px;max-width:560px;background:var(--ps-panel);border:1px solid var(--ps-edge-dark);border-radius:var(--ps-radius-lg);box-shadow:0 20px 60px #000000b3,inset 0 1px 0 var(--ps-edge-light);overflow:hidden}imageflow-editor imageflow-dialog imageflow-dialog-header{display:flex;align-items:center;height:30px;padding:0 12px;font-size:12px;font-weight:600;background:var(--ps-panel-header);border-bottom:1px solid var(--ps-divider);cursor:move;touch-action:none}imageflow-editor imageflow-dialog imageflow-dialog-header .close{margin-left:auto;margin-right:-4px;width:20px;height:20px;background:none;border:none;box-shadow:none;color:var(--ps-icon-dim);cursor:default}imageflow-editor imageflow-dialog imageflow-dialog-header .close:hover{background:#ffffff14;color:var(--ps-contrast)}imageflow-editor imageflow-dialog imageflow-dialog-header:focus{outline:none}imageflow-editor imageflow-dialog imageflow-dialog-header:focus-visible{outline:1px solid var(--ps-accent);outline-offset:-2px}imageflow-editor imageflow-dialog imageflow-dialog-body{display:flex;flex-direction:column;gap:10px;padding:14px;max-height:70vh;overflow:auto}imageflow-editor imageflow-dialog imageflow-dialog-footer{display:flex;justify-content:flex-end;gap:8px;padding:10px 14px;background:var(--ps-panel-header);border-top:1px solid var(--ps-divider)}imageflow-editor imageflow-dialog imageflow-dialog-footer-extra{display:flex;align-items:center;gap:10px;margin-right:auto}imageflow-editor imageflow-dialog imageflow-ls-swatch{display:block;width:132px;height:100px;border:1px solid var(--ps-edge-dark);background:#383838}imageflow-editor imageflow-dialog imageflow-ls-swatch canvas{display:block;width:132px;height:100px}imageflow-editor imageflow-dialog imageflow-dialog-discard{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:grid;place-items:center;padding:16px;background:#0000008c}imageflow-editor imageflow-dialog imageflow-dialog-discard imageflow-dialog-discard-box{display:flex;flex-direction:column;gap:14px;max-width:320px;padding:16px;background:var(--ps-panel-header);border:1px solid var(--ps-edge-dark);border-radius:var(--ps-radius-lg);box-shadow:0 10px 34px #0009}imageflow-editor imageflow-dialog imageflow-dialog-discard imageflow-dialog-discard-text{display:block;color:var(--ps-text);line-height:1.45}imageflow-editor imageflow-dialog imageflow-dialog-discard imageflow-dialog-discard-actions{display:flex;justify-content:flex-end;gap:8px}imageflow-editor imageflow-dialog imageflow-dialog-row{display:flex;align-items:center;gap:10px}imageflow-editor imageflow-dialog imageflow-dialog-row>imageflow-label{min-width:96px;color:var(--ps-text-dim);text-align:right}imageflow-editor imageflow-dialog imageflow-dialog-row>imageflow-checkbox:first-child{margin-left:0;gap:10px}imageflow-editor imageflow-dialog imageflow-dialog-row>imageflow-checkbox:first-child>imageflow-label{order:-1;min-width:96px;text-align:right;color:var(--ps-text-dim)}imageflow-editor imageflow-dialog imageflow-dialog-row>imageflow-checkbox:not(:first-child)>imageflow-label{order:0;min-width:0;text-align:left}imageflow-editor imageflow-dialog imageflow-ls-section>imageflow-checkbox{margin-left:126px}imageflow-editor imageflow-dialog imageflow-dialog-note{color:var(--ps-text-faint);font-size:11px}imageflow-editor imageflow-dialog imageflow-field{display:flex;align-items:center;flex:1;gap:8px}imageflow-editor imageflow-dialog imageflow-field>imageflow-label{flex:none;color:var(--ps-text-dim)}imageflow-editor imageflow-dialog imageflow-dialog-preview{display:grid;place-items:center;background-image:repeating-conic-gradient(#3a3a3a,#3a3a3a 25%,#444 0%,#444 50%);background-size:16px 16px;border:1px solid var(--ps-edge-dark);border-radius:var(--ps-radius)}imageflow-editor imageflow-dialog imageflow-dialog-preview canvas{max-width:100%;display:block}imageflow-editor .anchor-grid{display:grid;grid-template-columns:repeat(3,24px);grid-template-rows:repeat(3,24px);gap:2px}imageflow-editor .anchor-grid imageflow-button{width:24px;height:24px;padding:0;font-size:13px}imageflow-editor .anchor-grid imageflow-button.active{background:var(--ps-field);box-shadow:inset 0 1px 3px #0009}imageflow-editor imageflow-dialog.compact{max-width:640px}imageflow-editor imageflow-dialog.newdoc{max-width:760px;width:760px}imageflow-editor imageflow-dialog.imagesize{max-width:640px;width:640px}imageflow-editor imageflow-dialog.colorpicker{max-width:780px;width:780px}imageflow-editor imageflow-dialog.filter{max-width:none}imageflow-editor imageflow-dialog.adjustment{max-width:500px;width:500px}imageflow-editor imageflow-dialog.restore-session{max-width:420px;width:420px}imageflow-editor imageflow-restore-lead{display:flex;align-items:center;gap:12px;color:var(--ps-text);font-size:12px;line-height:1.5}imageflow-editor imageflow-restore-lead svg{color:var(--ps-accent, #4a90d9);flex:none}imageflow-editor imageflow-restore-list{display:flex;flex-direction:column;gap:2px;max-height:200px;overflow:auto;padding:6px;margin-top:2px;background:var(--ps-field);border:1px solid var(--ps-divider);border-radius:var(--ps-radius)}imageflow-editor imageflow-restore-item{display:flex;align-items:center;gap:8px;padding:4px 6px;border-radius:var(--ps-radius);font-size:12px;color:var(--ps-text)}imageflow-editor imageflow-restore-item svg{color:var(--ps-icon-dim);flex:none}imageflow-editor imageflow-restore-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}imageflow-editor imageflow-restore-dims{color:var(--ps-text-faint);font-size:11px;flex:none}imageflow-editor imageflow-restore-progress{display:block;position:relative;height:22px;margin-top:4px;background:var(--ps-field);border:1px solid var(--ps-divider);border-radius:var(--ps-radius);overflow:hidden}imageflow-editor imageflow-restore-bar{display:block;position:absolute;inset:0 auto 0 0;background:var(--ps-accent, #4a90d9);opacity:.35;transition:width .16s ease}imageflow-editor imageflow-restore-progress span{position:relative;display:flex;align-items:center;justify-content:center;height:100%;font-size:11px;color:var(--ps-text)}imageflow-editor imageflow-dialog-split{display:flex;align-items:flex-start;gap:14px;padding:14px}imageflow-editor imageflow-dialog-split imageflow-dialog-body{flex:1;padding:0;overflow:visible}imageflow-editor imageflow-dialog-buttoncol{display:flex;flex-direction:column;gap:8px;flex:none;min-width:96px}imageflow-editor imageflow-dialog-buttoncol imageflow-button{justify-content:center;width:100%}imageflow-editor imageflow-dialog-preview.thumb{width:200px;height:200px;flex:none}imageflow-editor imageflow-dialog-preview.thumb canvas{max-width:100%;max-height:100%;object-fit:contain}imageflow-editor imageflow-dialog-preview.filter{width:100%;height:240px}imageflow-editor imageflow-dialog-preview.filter canvas{max-width:100%;max-height:100%}imageflow-editor imageflow-dialog.newdoc>imageflow-dialog-body{display:none}imageflow-editor imageflow-newdoc-tabs{display:flex;align-items:center;gap:18px;height:40px;padding:0 18px;background:var(--ps-panel-header);border-bottom:1px solid var(--ps-divider);font-size:12px}imageflow-editor imageflow-newdoc-tab{color:var(--ps-text-dim);cursor:default;padding:2px 0;border-bottom:2px solid transparent}imageflow-editor imageflow-newdoc-tab:hover{color:var(--ps-text)}imageflow-editor imageflow-newdoc-tab.active{color:var(--ps-contrast);border-bottom-color:var(--ps-contrast)}imageflow-editor imageflow-newdoc-cols{display:flex;align-items:stretch;min-height:360px}imageflow-editor imageflow-newdoc-gallery{flex:1;padding:14px 16px;overflow:auto;max-height:60vh}imageflow-editor imageflow-newdoc-gallery-head{display:block;font-size:10px;letter-spacing:.5px;color:var(--ps-text-faint);margin-bottom:10px}imageflow-editor imageflow-newdoc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}imageflow-editor imageflow-preset-card{display:flex;flex-direction:column;border:1px solid transparent;border-radius:var(--ps-radius);padding:4px;cursor:default}imageflow-editor imageflow-preset-card:hover{border-color:#555}imageflow-editor imageflow-preset-card.active{border-color:var(--ps-accent);box-shadow:0 0 0 1px var(--ps-accent)}imageflow-editor imageflow-preset-thumb{display:grid;place-items:center;width:100%;height:84px;padding:7px;box-sizing:border-box;background:var(--ps-field);border:1px solid var(--ps-edge-dark);border-radius:2px;color:var(--ps-icon-dim);margin-bottom:6px}imageflow-editor imageflow-preset-thumb>svg{display:block}imageflow-editor imageflow-preset-name{font-size:11px;color:var(--ps-text)}imageflow-editor imageflow-preset-dims{font-size:10px;color:var(--ps-text-faint)}imageflow-editor imageflow-newdoc-details{flex:none;width:260px;padding:14px 16px;background:var(--ps-panel-header);border-left:1px solid var(--ps-divider);display:flex;flex-direction:column;gap:10px}imageflow-editor imageflow-newdoc-details-head{display:block;font-size:10px;letter-spacing:.5px;color:var(--ps-text-faint)}imageflow-editor imageflow-newdoc-details imageflow-dialog-row{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center}imageflow-editor imageflow-newdoc-details imageflow-dialog-row>imageflow-label{grid-column:1 / -1;min-width:0;text-align:left;color:var(--ps-text-dim)}imageflow-editor imageflow-newdoc-orient{display:flex;gap:4px}imageflow-editor imageflow-field.newdoc-name{width:100%}imageflow-editor imageflow-imagesize-body{display:flex;gap:16px;align-items:flex-start}imageflow-editor imageflow-imagesize-fields{flex:1;display:flex;flex-direction:column;gap:8px}imageflow-editor imageflow-imagesize-fields imageflow-dialog-row>imageflow-label{min-width:84px}imageflow-editor imageflow-imagesize-dims{display:flex;align-items:stretch;gap:6px}imageflow-editor imageflow-imagesize-link{display:flex;align-items:center;justify-content:center;width:16px;flex:none;color:var(--ps-icon-dim);border-left:1px solid var(--ps-divider);border-top:1px solid var(--ps-divider);border-bottom:1px solid var(--ps-divider);border-radius:3px 0 0 3px;cursor:default}imageflow-editor imageflow-imagesize-link.linked{color:var(--ps-accent)}imageflow-editor imageflow-imagesize-rows{flex:1;display:flex;flex-direction:column;gap:8px}imageflow-editor imageflow-imagesize-fields imageflow-select{min-width:130px}imageflow-editor imageflow-export-body{display:flex;gap:16px;align-items:flex-start}imageflow-editor imageflow-export-fields{flex:1;display:flex;flex-direction:column;gap:8px}imageflow-editor imageflow-export-legend{display:block;font-size:10px;letter-spacing:.5px;color:var(--ps-text-faint);margin-top:6px;border-top:1px solid var(--ps-divider);padding-top:8px}imageflow-editor imageflow-dialog.export2 imageflow-dialog-body{flex:1;min-height:0;max-height:none;padding:12px 14px;overflow:hidden}imageflow-editor imageflow-export2{display:flex;gap:16px;align-items:stretch;height:100%;min-height:0}imageflow-editor imageflow-export2-main{flex:1;min-width:0;display:flex;flex-direction:column}imageflow-editor imageflow-export2-side{flex:none;width:330px;display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding-right:2px}imageflow-editor imageflow-export2-side imageflow-dialog-row>imageflow-label{min-width:56px}imageflow-editor imageflow-export2-side imageflow-dialog-row>imageflow-checkbox:first-child{margin-left:66px}imageflow-editor imageflow-export2-section{display:flex;flex-direction:column;gap:8px}imageflow-editor imageflow-export2-section>imageflow-export-legend{margin-top:0}imageflow-editor imageflow-export2-files{display:flex;flex-direction:column;gap:2px;max-height:190px;overflow-y:auto;padding:3px;background:var(--ps-field);border:1px solid var(--ps-edge-dark);border-radius:var(--ps-radius)}imageflow-editor imageflow-export2-file{display:flex;align-items:center;gap:6px;padding:5px 7px;border-radius:var(--ps-radius);cursor:default}imageflow-editor imageflow-export2-file:hover{background:#ffffff0d}imageflow-editor imageflow-export2-file.active{background:var(--ps-accent);color:var(--ps-contrast)}imageflow-editor imageflow-export2-file.active imageflow-export2-file-meta{color:#ffffffd1}imageflow-editor imageflow-export2-file.clash imageflow-export2-file-name{color:#e0a020}imageflow-editor imageflow-export2-file.clash imageflow-export2-file-meta{color:#e0a020}imageflow-editor imageflow-export2-file-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}imageflow-editor imageflow-export2-file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}imageflow-editor imageflow-export2-file-meta{font-size:10px;color:var(--ps-text-faint);font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}imageflow-editor imageflow-export2-addrow{display:inline-flex;align-items:center;gap:6px;cursor:pointer;align-self:flex-start;padding:4px 9px;color:var(--ps-text-dim);border:1px dashed var(--ps-divider);border-radius:var(--ps-radius)}imageflow-editor imageflow-export2-addrow:hover{color:var(--ps-text);border-color:var(--ps-accent)}imageflow-editor imageflow-export2-hint{display:flex;align-items:center;gap:6px;min-height:15px;color:var(--ps-text-faint);line-height:1.45;font-variant-numeric:tabular-nums}imageflow-editor imageflow-export2-hint imageflow-swatch.tiny{width:12px;height:12px;flex:none}imageflow-editor imageflow-export2-size{display:flex;flex-direction:column;gap:2px;padding:8px 10px;background:var(--ps-field);border:1px solid var(--ps-edge-dark);border-radius:var(--ps-radius)}imageflow-editor imageflow-export2-size-value{font-size:17px;font-weight:600;color:var(--ps-text);font-variant-numeric:tabular-nums}imageflow-editor imageflow-export2-size-note{font-size:10px;color:var(--ps-text-faint);font-variant-numeric:tabular-nums}imageflow-editor imageflow-field.exportas-suffix,imageflow-editor imageflow-field.exportas-base{flex:1}imageflow-editor imageflow-field.exportas-suffix>input[type=text],imageflow-editor imageflow-field.exportas-base>input[type=text]{width:100%}imageflow-editor imageflow-export2-dims{display:flex;align-items:center;gap:5px;flex:1;min-width:0}imageflow-editor imageflow-export2-dims>imageflow-number{flex:1;min-width:0}imageflow-editor imageflow-export2-dims>imageflow-number input{width:100%}imageflow-editor imageflow-export2-dims>imageflow-select{flex:none;min-width:58px}imageflow-editor imageflow-export2-times{flex:none;color:var(--ps-text-faint)}imageflow-editor imageflow-export2-file imageflow-button.export-remove{flex:none;opacity:0;background:none;border:none;box-shadow:none;color:var(--ps-icon-dim);transition:opacity .1s linear,color .1s linear}imageflow-editor imageflow-export2-file:hover imageflow-button.export-remove,imageflow-editor imageflow-export2-file.active imageflow-button.export-remove,imageflow-editor imageflow-export2-file imageflow-button.export-remove:focus-visible{opacity:1}imageflow-editor imageflow-export2-file imageflow-button.export-remove:hover{color:#ff6b60}imageflow-editor imageflow-export2-spinner{display:inline-block;flex:none;width:10px;height:10px;margin-right:5px;vertical-align:-1px;border:1.5px solid var(--ps-text-faint);border-top-color:var(--ps-accent);border-radius:50%;animation:imageflow-spin .7s linear infinite}imageflow-editor imageflow-dialog.resizable{max-width:none;max-height:none;min-width:420px;min-height:320px;width:min(var(--ps-dialog-w, 860px),calc(100vw - 32px));height:min(var(--ps-dialog-h, 620px),calc(100vh - 32px))}imageflow-editor imageflow-dialog-resizer{position:absolute!important;right:0;bottom:0;z-index:4;width:14px;height:14px;cursor:nwse-resize;background:linear-gradient(135deg,transparent 0 54%,currentColor 54% 60%,transparent 60% 74%,currentColor 74% 80%,transparent 80%);color:var(--ps-icon-dim);opacity:.28;transition:opacity .1s linear}imageflow-editor imageflow-dialog-resizer:hover{opacity:.7}imageflow-editor imageflow-preview{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0;min-height:0}imageflow-editor imageflow-preview-bar{display:flex;align-items:center;gap:6px;flex:none}imageflow-editor imageflow-preview-bar imageflow-select{min-width:76px}imageflow-editor imageflow-preview-spacer{color:var(--ps-text-dim);font-variant-numeric:tabular-nums;white-space:nowrap}imageflow-editor imageflow-preview-spacer.status{margin-left:auto;opacity:.75}imageflow-editor imageflow-preview-stage{position:relative;display:flex;align-items:center;justify-content:center;flex:1;min-width:0;min-height:120px;overflow:hidden;border:1px solid var(--ps-edge-dark);border-radius:var(--ps-radius);background:#1b1b1b;cursor:grab;touch-action:none;overscroll-behavior:contain}imageflow-editor imageflow-preview-stage:active{cursor:grabbing}imageflow-editor imageflow-preview-frame{display:block;flex:none;position:relative;background:repeating-conic-gradient(#3a3a3a,#3a3a3a 25%,#444 0%,#444 50%) 50% / 16px 16px;box-shadow:0 0 0 1px #0000008c}imageflow-editor imageflow-filter-body{display:flex;gap:14px;padding:14px;align-items:stretch;flex:1;min-height:0}imageflow-editor imageflow-filter-left{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}imageflow-editor imageflow-filter-right{flex:none;width:264px;display:flex;flex-direction:column;gap:10px;align-items:stretch;overflow-y:auto}imageflow-editor imageflow-filter-params{display:flex;flex-direction:column;gap:8px;padding:4px 0 8px}imageflow-editor imageflow-filter-param{display:flex;flex-direction:column;gap:4px}imageflow-editor imageflow-filter-blending{display:flex;flex-direction:column;margin-top:4px;padding-top:10px;border-top:1px solid var(--ps-divider)}imageflow-editor imageflow-filter-param-head{display:flex;align-items:center;gap:8px}imageflow-editor imageflow-filter-param-head imageflow-label{min-width:70px;color:var(--ps-text-dim)}imageflow-editor imageflow-filter-param-head imageflow-number{margin-left:auto}imageflow-editor imageflow-filter-param imageflow-slider{width:100%}imageflow-editor imageflow-filter-param imageflow-slider>imageflow-label.value{display:none}imageflow-editor imageflow-canvassize-group{display:block;position:relative;border:1px solid var(--ps-divider);border-radius:var(--ps-radius);padding:14px 12px 10px;margin-top:6px}imageflow-editor imageflow-canvassize-group>imageflow-dialog-row{margin-bottom:8px}imageflow-editor imageflow-canvassize-group>imageflow-dialog-row:last-child{margin-bottom:0}imageflow-editor imageflow-canvassize-group>imageflow-dialog-note{display:block;margin-left:12px}imageflow-editor imageflow-canvassize-legend{position:absolute;top:-8px;left:8px;padding:0 6px;background:var(--ps-panel);font-size:11px;color:var(--ps-text-dim)}imageflow-editor imageflow-canvassize-group imageflow-dialog-row>imageflow-label{min-width:130px}imageflow-editor imageflow-radio-row{display:flex;gap:16px}imageflow-editor imageflow-radio{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--ps-text-dim);cursor:default}imageflow-editor imageflow-radio.active{color:var(--ps-text)}imageflow-editor imageflow-radio-dot{width:12px;height:12px;border-radius:50%;border:1px solid var(--ps-edge-dark);background:var(--ps-field);box-shadow:inset 0 1px 1px #0006;display:inline-block;position:relative}imageflow-editor imageflow-radio.active imageflow-radio-dot:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:var(--ps-accent)}imageflow-editor imageflow-cp{display:flex;gap:12px;padding:14px;align-items:stretch}imageflow-editor imageflow-color-area.cp{position:relative;width:260px;height:260px;flex:none;border-radius:var(--ps-radius);cursor:crosshair;overflow:hidden;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,var(--picker-hue, #f00))}imageflow-editor imageflow-color-area.cp imageflow-color-cursor{position:absolute;width:12px;height:12px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #0009;transform:translate(-50%,-50%);pointer-events:none}imageflow-editor imageflow-cp-hue{position:relative;width:24px;flex:none;border-radius:2px;cursor:pointer;background:linear-gradient(to bottom,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}imageflow-editor imageflow-cp-hue imageflow-color-cursor{position:absolute;left:50%;width:30px;height:8px;border:2px solid #fff;box-shadow:0 0 0 1px #0009;transform:translate(-50%,-50%);pointer-events:none}imageflow-editor imageflow-color-area.cp>canvas.cp-web,imageflow-editor imageflow-cp-hue>canvas.cp-web{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;image-rendering:pixelated;pointer-events:none;border-radius:inherit}imageflow-editor imageflow-cp-unit{color:var(--ps-text-faint);font-size:11px}imageflow-editor imageflow-cp2{display:flex;gap:14px;padding:14px;align-items:stretch}imageflow-editor imageflow-cp2-canvas{display:flex;gap:8px;flex:1;min-width:0}imageflow-editor imageflow-cp2-canvas>imageflow-color-area.cp{flex:1;width:auto;height:auto;min-height:300px}imageflow-editor imageflow-cp2-side{flex:none;width:292px;display:flex;flex-direction:column;gap:12px}imageflow-editor imageflow-cp2-side>imageflow-dialog-buttoncol{flex:none}imageflow-editor imageflow-cp2-compare{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"newlabel new" "curlabel current";align-items:center;gap:0 8px;position:relative}imageflow-editor imageflow-cp2-compare imageflow-cp2-compare-label{font-size:10px;color:var(--ps-text-faint);text-align:right}imageflow-editor imageflow-cp2-compare imageflow-cp2-compare-label:first-of-type{grid-area:newlabel}imageflow-editor imageflow-cp2-compare imageflow-cp2-compare-label:last-of-type{grid-area:curlabel}imageflow-editor imageflow-cp2-compare imageflow-cp2-compare-half{display:block;height:28px;background:var(--swatch-color, #000);border:1px solid var(--ps-edge-dark)}imageflow-editor imageflow-cp2-compare imageflow-cp2-compare-half.new{grid-area:new;border-bottom:none}imageflow-editor imageflow-cp2-compare imageflow-cp2-compare-half.current{grid-area:current;cursor:default}imageflow-editor imageflow-gamut-warning.clear{visibility:hidden;pointer-events:none}imageflow-editor imageflow-cp2-side>imageflow-gamut-warning{flex:none;align-self:flex-start;display:flex;align-items:center;gap:5px;cursor:pointer;color:var(--ps-text-dim);padding:2px 5px;margin-left:-5px;border-radius:3px}imageflow-editor imageflow-cp2-side>imageflow-gamut-warning:hover{background:color-mix(in srgb,var(--ps-text) 9%,transparent);color:var(--ps-text);text-decoration:none}imageflow-editor imageflow-cp2-side>imageflow-gamut-warning imageflow-gamut-alarm{display:grid;place-items:center;width:13px;height:13px;border-radius:50%;background:#e0a020;color:#1a1a1a;font-size:9px;font-weight:700;line-height:1}imageflow-editor imageflow-cp2-side>imageflow-gamut-warning imageflow-gamut-chip{display:block;width:13px;height:13px;border:1px solid var(--ps-edge-dark);background:var(--swatch-color, #000)}imageflow-editor imageflow-cp2-side>imageflow-gamut-warning:after{content:"out of CMYK gamut";font-size:10px}imageflow-editor imageflow-cp2-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}imageflow-editor imageflow-cp2-group{display:flex;flex-direction:column;gap:3px}imageflow-editor imageflow-cp2-group.out-of-gamut imageflow-cp2-grouphead{color:var(--ps-warning, #e0a030)}imageflow-editor imageflow-cp2-grouphead{display:block;font-size:10px;letter-spacing:.6px;text-transform:uppercase;color:var(--ps-text-faint);border-bottom:1px solid var(--ps-divider);padding-bottom:2px;margin-bottom:1px}imageflow-editor imageflow-cp2-cell{display:flex;align-items:center;gap:6px}imageflow-editor imageflow-cp2-cell>imageflow-label{width:14px;flex:none;color:var(--ps-text-dim);text-align:right}imageflow-editor imageflow-cp2-cell>imageflow-number{flex:1;min-width:0}imageflow-editor imageflow-cp2-cell>imageflow-field{flex:1;min-width:0}imageflow-editor imageflow-cp2-cell>imageflow-cp2-unit{width:10px;flex:none;color:var(--ps-text-faint)}imageflow-editor imageflow-cp2-cell.hex>imageflow-checkbox{flex:none;margin-left:4px}imageflow-editor imageflow-cp2-foot{display:flex;flex-direction:column;gap:8px;padding:0 14px 14px}imageflow-editor imageflow-swatches.cp{grid-template-columns:repeat(18,1fr)}imageflow-editor imageflow-popover{position:absolute;z-index:620;padding:8px;background:var(--ps-panel-sub);border:1px solid var(--ps-edge-dark);border-radius:var(--ps-radius);box-shadow:0 10px 30px #0009}imageflow-editor [data-tooltip]{position:relative}imageflow-editor [data-tooltip]:hover:after,imageflow-editor [data-tooltip]:focus-visible:after{content:attr(data-tooltip);position:absolute;top:100%;left:50%;transform:translate(-50%);margin:6px 0 0;padding:3px 7px;font-size:10px;color:var(--ps-contrast);white-space:nowrap;background:#000;border:1px solid #444;border-radius:var(--ps-radius);box-shadow:0 2px 8px #0009;pointer-events:none;z-index:800;animation:imageflow-tooltip-in 90ms linear var(--ps-tooltip-delay, 0ms) both}imageflow-editor[data-tooltips=off] [data-tooltip]:hover:after,imageflow-editor[data-tooltips=off] [data-tooltip]:focus-visible:after{content:none}imageflow-editor [data-tooltip-placement=top]:hover:after,imageflow-editor [data-tooltip-placement=top]:focus-visible:after{top:auto;bottom:100%;left:50%;transform:translate(-50%);margin:0 0 6px}imageflow-editor [data-tooltip-placement=left]:hover:after,imageflow-editor [data-tooltip-placement=left]:focus-visible:after{top:50%;bottom:auto;left:auto;right:100%;transform:translateY(-50%);margin:0 8px 0 0}imageflow-editor [data-tooltip-placement=right]:hover:after,imageflow-editor [data-tooltip-placement=right]:focus-visible:after{top:50%;bottom:auto;left:100%;right:auto;transform:translateY(-50%);margin:0 0 0 8px}imageflow-editor imageflow-toolbar [data-tooltip]:hover:after{z-index:900}imageflow-editor imageflow-kbd{display:inline-grid;place-items:center;min-width:16px;padding:1px 4px;font-size:10px;color:var(--ps-text-dim);background:var(--ps-field);border:1px solid var(--ps-edge-dark);border-radius:var(--ps-radius)}imageflow-editor imageflow-spinner{display:inline-block;width:14px;height:14px;border:2px solid var(--ps-edge-light);border-top-color:var(--ps-accent);border-radius:50%;animation:imageflow-spin .7s linear infinite}imageflow-editor imageflow-doc-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;background:var(--ps-pasteboard, #262626)}imageflow-editor imageflow-doc-loading imageflow-spinner{width:22px;height:22px;border-width:3px}imageflow-editor *::-webkit-scrollbar{width:9px;height:9px}imageflow-editor *::-webkit-scrollbar-track{background:var(--ps-divider)}imageflow-editor *::-webkit-scrollbar-thumb{background:#4a4a4a;border:2px solid var(--ps-divider);border-radius:5px}imageflow-editor *::-webkit-scrollbar-thumb:hover{background:#5a5a5a}imageflow-editor *::-webkit-scrollbar-corner{background:var(--ps-divider)}imageflow-editor imageflow-label{font-size:11px}imageflow-editor textarea.imageflow-type-input{position:absolute;z-index:40;width:1px;min-width:1px;margin:0;padding:0;border:0;outline:none;resize:none;overflow:hidden;white-space:pre;background:transparent;color:transparent;caret-color:transparent;opacity:0;pointer-events:none}imageflow-editor imageflow-note-editor{position:absolute;z-index:45;display:flex;flex-direction:column;gap:6px;width:236px;padding:8px;margin:14px 0 0 14px;background:var(--ps-panel);color:var(--ps-text);border:1px solid var(--ps-edge-dark);border-radius:var(--ps-radius);box-shadow:0 8px 24px #0000008c;font-size:11px}imageflow-editor imageflow-note-head{display:flex;align-items:center;gap:6px}imageflow-editor imageflow-note-swatch{display:block;width:12px;height:12px;flex:none;border:1px solid var(--ps-edge-dark);border-radius:2px}imageflow-editor input.imageflow-note-author,imageflow-editor textarea.imageflow-note-text{width:100%;box-sizing:border-box;padding:3px 5px;background:var(--ps-field);color:var(--ps-text);border:1px solid var(--ps-edge-dark);border-radius:2px;font:inherit;outline:none}imageflow-editor input.imageflow-note-author:focus,imageflow-editor textarea.imageflow-note-text:focus{border-color:var(--ps-accent)}imageflow-editor textarea.imageflow-note-text{height:92px;resize:none;line-height:1.45}imageflow-editor imageflow-note-actions{display:flex;justify-content:flex-end;gap:6px}imageflow-editor imageflow-note-actions>button{padding:3px 10px;background:var(--ps-button, #3a3a3a);color:var(--ps-text);border:1px solid var(--ps-edge-dark);border-radius:var(--ps-radius);font:inherit;cursor:default}imageflow-editor imageflow-note-actions>button:hover{border-color:#666}imageflow-editor imageflow-note-actions>button.primary{background:var(--ps-accent);border-color:var(--ps-accent);color:#fff}imageflow-editor imageflow-char-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:6px 8px}imageflow-editor imageflow-char-full{display:flex;padding:6px 8px 0}imageflow-editor imageflow-char-full imageflow-select{flex:1;min-width:0}imageflow-editor imageflow-char-style{display:flex;flex:1;min-width:0}imageflow-editor imageflow-char-style imageflow-select{flex:1;min-width:0}imageflow-editor imageflow-char-toggles imageflow-label.faux{margin-inline-start:4px;color:var(--ps-text-dim);font-size:10px;text-transform:uppercase;letter-spacing:.4px}imageflow-editor imageflow-char-grid>imageflow-char-full{grid-column:1 / -1;padding:0}imageflow-editor imageflow-char-field{display:flex;align-items:center;gap:5px;min-width:0;position:relative}imageflow-editor imageflow-char-field>imageflow-icon{color:var(--ps-icon-dim);flex:none}imageflow-editor imageflow-char-field>imageflow-number{flex:1;min-width:0}imageflow-editor imageflow-char-field>imageflow-number input{width:100%}imageflow-editor imageflow-char-field>imageflow-select{flex:1;min-width:0}imageflow-editor imageflow-char-field>imageflow-swatch{width:22px;height:18px}imageflow-editor imageflow-char-field>imageflow-popover{position:absolute;top:100%;left:0;z-index:50;margin-top:4px}imageflow-editor imageflow-char-field.color>imageflow-label{color:var(--ps-text-dim);font-size:11px;flex:none}imageflow-editor imageflow-char-field.color>imageflow-swatch{width:40px;height:20px;flex:none}imageflow-editor imageflow-char-langrow{display:flex;align-items:center;gap:6px;padding:2px 8px 8px}imageflow-editor imageflow-char-langrow>imageflow-select{flex:1.4;min-width:0}imageflow-editor imageflow-char-aa{display:flex;align-items:center;gap:4px;flex:1;min-width:0}imageflow-editor imageflow-char-aa>imageflow-label.aa{color:var(--ps-icon-dim);font-size:13px;font-weight:600;flex:none}imageflow-editor imageflow-char-aa>imageflow-label.aa i{font-style:normal;font-size:10px}imageflow-editor imageflow-char-aa>imageflow-select{flex:1;min-width:0}imageflow-editor imageflow-char-toggles{display:flex;align-items:center;gap:0;padding:6px 8px}imageflow-editor imageflow-char-toggles imageflow-button.icon{width:22px;height:22px;border-radius:0;color:var(--ps-icon);background:none;border:none;box-shadow:none;border-right:1px solid var(--ps-divider)}imageflow-editor imageflow-char-toggles imageflow-button.icon:first-child{border-radius:var(--ps-radius) 0 0 var(--ps-radius)}imageflow-editor imageflow-char-toggles imageflow-button.icon:last-child{border-radius:0 var(--ps-radius) var(--ps-radius) 0;border-right:none}imageflow-editor imageflow-char-toggles imageflow-button.icon:hover{background:var(--ps-hover);color:var(--ps-contrast)}imageflow-editor imageflow-char-toggles imageflow-button.icon.active{background:var(--ps-active);color:#f4f4f4}imageflow-editor imageflow-char-toggles imageflow-button.icon.disabled,imageflow-editor imageflow-char-toggles imageflow-button.icon:disabled{color:var(--ps-text-disabled);pointer-events:none}imageflow-editor imageflow-path-list{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;padding:2px 0}imageflow-editor imageflow-path-row{display:flex;align-items:center;gap:8px;height:40px;padding:2px 10px;cursor:default;color:var(--ps-text);border-bottom:1px solid rgba(0,0,0,.18)}imageflow-editor imageflow-path-row:hover{background:var(--ps-hover)}imageflow-editor imageflow-path-row.active{background:var(--ps-selected)}imageflow-editor imageflow-path-row imageflow-path-thumb{flex:none;width:42px;height:34px;display:grid;place-items:center;background:color-mix(in srgb,#000 12%,var(--ps-panel));border:1px solid var(--ps-divider)}imageflow-editor imageflow-path-row imageflow-path-thumb>canvas{width:40px;height:34px}imageflow-editor imageflow-path-row imageflow-path-name{flex:1;min-width:0;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}imageflow-editor imageflow-path-row imageflow-path-name.work{font-style:italic;color:var(--ps-text-dim)}imageflow-editor imageflow-path-row .imageflow-path-name-edit{flex:1;min-width:0;height:18px;font-size:11px;color:var(--ps-text);background:var(--ps-input, #1e1e1e);border:1px solid var(--ps-accent);border-radius:2px;padding:0 4px;outline:none}imageflow-editor imageflow-panel-toolbar.paths{display:flex;align-items:center;gap:2px;flex:none;height:30px;padding:0 8px;min-width:0;max-width:100%;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;background:var(--ps-panel-header);border-top:1px solid var(--ps-divider)}imageflow-editor imageflow-panel-toolbar.paths::-webkit-scrollbar{height:0}imageflow-editor imageflow-panel-toolbar.paths>*{flex:none}imageflow-editor imageflow-panel-toolbar.paths imageflow-button{display:grid;place-items:center;width:26px;height:24px;border-radius:var(--ps-radius);color:var(--ps-icon);background:none;border:none;box-shadow:none}imageflow-editor imageflow-panel-toolbar.paths imageflow-button:hover{background:var(--ps-hover);color:var(--ps-contrast)}imageflow-editor imageflow-panel-toolbar.paths imageflow-button:disabled,imageflow-editor imageflow-panel-toolbar.paths imageflow-button.disabled{color:var(--ps-text-disabled);pointer-events:none}imageflow-editor imageflow-tool-option.hint{font-size:11px;color:var(--ps-text-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:40ch}imageflow-editor imageflow-tool-option.hint.patch-hint,imageflow-editor imageflow-tool-options imageflow-tool-option.hint:only-child{max-width:60ch}imageflow-editor imageflow-custom-shape-chip{display:inline-flex;align-items:center;gap:2px;height:22px;padding:0 4px;cursor:default;background:var(--ps-panel-sub);border:1px solid var(--ps-divider);border-radius:var(--ps-radius);color:var(--ps-icon)}imageflow-editor imageflow-custom-shape-chip>canvas{width:22px;height:22px}imageflow-editor imageflow-custom-shape-chip:hover{border-color:var(--ps-accent)}imageflow-editor imageflow-custom-shape-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;padding:6px;max-width:200px}imageflow-editor imageflow-custom-shape-cell{display:grid;place-items:center;width:32px;height:32px;cursor:default;background:var(--ps-panel-sub);border:1px solid transparent;border-radius:var(--ps-radius);color:var(--ps-icon)}imageflow-editor imageflow-custom-shape-cell>canvas{width:28px;height:28px}imageflow-editor imageflow-custom-shape-cell:hover{background:var(--ps-hover)}imageflow-editor imageflow-custom-shape-cell.active{border-color:var(--ps-accent);background:var(--ps-selected)}imageflow-editor imageflow-dialog.blending-options{width:420px}imageflow-editor imageflow-dialog.blending-options imageflow-dialog-body{display:flex;flex-direction:column;gap:12px}imageflow-editor imageflow-blending-section{display:flex;flex-direction:column;gap:7px;padding-bottom:10px;border-bottom:1px solid var(--ps-divider)}imageflow-editor imageflow-blending-section:last-child{border-bottom:none;padding-bottom:0}imageflow-editor imageflow-blending-heading{font-weight:600;color:var(--ps-text);margin-bottom:2px}imageflow-editor imageflow-blending-channels{display:flex;gap:14px;align-items:center}imageflow-editor imageflow-blendif-row{display:grid;grid-template-columns:96px 1fr;align-items:center;gap:8px}imageflow-editor imageflow-blendif-row>imageflow-label{color:var(--ps-text-dim)}imageflow-editor imageflow-blendif-track{position:relative;height:26px;margin:4px 8px 10px}imageflow-editor imageflow-blendif-gradient{position:absolute;left:0;right:0;top:2px;height:12px;border:1px solid var(--ps-divider);border-radius:1px;background:linear-gradient(to right,#000,#fff)}imageflow-editor imageflow-blendif-handle{position:absolute;top:15px;width:11px;height:11px;margin-left:-5.5px;cursor:ew-resize;touch-action:none}imageflow-editor imageflow-blendif-handle:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-left:5.5px solid transparent;border-right:5.5px solid transparent;border-bottom:9px solid var(--ps-text)}imageflow-editor imageflow-blendif-handle.black:after{border-bottom-color:#1c1c1c}imageflow-editor imageflow-blendif-handle.white:after{border-bottom-color:#f0f0f0}imageflow-editor imageflow-blendif-handle.left{clip-path:polygon(0 0,50% 0,50% 100%,0 100%)}imageflow-editor imageflow-blendif-handle.right{clip-path:polygon(50% 0,100% 0,100% 100%,50% 100%)}imageflow-editor imageflow-blendif-handle:hover:after{filter:brightness(1.3)}imageflow-editor imageflow-style-grid{display:grid;grid-template-columns:repeat(auto-fill,40px);gap:6px;padding:8px;overflow:auto;align-content:start;flex:1}imageflow-editor imageflow-style-tile{position:relative;width:40px;height:40px;cursor:default;border:1px solid var(--ps-divider);border-radius:var(--ps-radius);overflow:hidden;background:var(--ps-panel-sub)}imageflow-editor imageflow-style-tile:hover{border-color:var(--ps-accent)}imageflow-editor imageflow-style-tile imageflow-icon-button.style-del{position:absolute;top:1px;right:1px;opacity:0;background:#0000008c;border-radius:2px}imageflow-editor imageflow-style-tile:hover imageflow-icon-button.style-del{opacity:1}imageflow-editor imageflow-style-chip{display:block;width:100%;height:100%;box-shadow:inset 0 0 0 1px #ffffff14,inset 0 -6px 10px #00000059,inset 0 6px 8px #ffffff1f}imageflow-editor imageflow-layer-label{position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--layer-label, transparent);display:none}imageflow-editor imageflow-layer{position:relative}imageflow-editor imageflow-layer.labeled{background:color-mix(in srgb,var(--layer-label) 12%,transparent)}imageflow-editor imageflow-layer.labeled imageflow-layer-label{display:block}imageflow-editor imageflow-layer.labeled.active{background:color-mix(in srgb,var(--layer-label) 22%,var(--ps-selected))}imageflow-editor imageflow-context-menu{position:fixed;z-index:2000;min-width:170px;padding:4px 0;background:var(--ps-panel);border:1px solid var(--ps-divider);border-radius:var(--ps-radius-lg);box-shadow:0 6px 24px #00000080;color:var(--ps-text);font-size:11px;outline:none}imageflow-editor imageflow-context-item{display:block;padding:4px 14px;cursor:default;white-space:nowrap}imageflow-editor imageflow-context-item:hover{background:var(--ps-accent);color:var(--ps-contrast)}imageflow-editor imageflow-context-item.disabled{color:var(--ps-text-disabled);pointer-events:none}imageflow-editor imageflow-context-item.disabled:hover{background:none;color:var(--ps-text-disabled)}imageflow-editor imageflow-context-separator{display:block;height:1px;margin:4px 0;background:var(--ps-divider)}imageflow-editor imageflow-context-label{display:block;padding:3px 14px 2px;color:var(--ps-text-dim);font-size:10px}imageflow-editor imageflow-context-colors{display:flex;gap:5px;padding:4px 12px 6px}imageflow-editor imageflow-context-swatch{display:grid;place-items:center;width:15px;height:15px;border-radius:50%;cursor:default;border:1px solid var(--ps-divider);color:var(--ps-text-dim)}imageflow-editor imageflow-context-swatch:hover{transform:scale(1.15)}imageflow-editor imageflow-context-swatch.active{box-shadow:0 0 0 2px var(--ps-accent)}imageflow-editor imageflow-dialog.layer-style{width:880px;max-width:96vw}imageflow-editor imageflow-dialog.layer-style>imageflow-dialog-body{padding:0;gap:0;max-height:none;overflow:hidden}imageflow-editor imageflow-dialog.layer-style>imageflow-dialog-split{padding:0;gap:0;align-items:stretch;min-height:0}imageflow-editor imageflow-dialog.layer-style>imageflow-dialog-split>imageflow-dialog-body{padding:0;gap:0;max-height:none;overflow:hidden;min-width:0}imageflow-editor imageflow-dialog.layer-style>imageflow-dialog-split>imageflow-dialog-buttoncol{width:158px;min-width:158px;gap:6px;padding:12px;overflow-y:auto;background:var(--ps-panel-sub);border-left:1px solid var(--ps-divider)}imageflow-editor imageflow-dialog.layer-style>imageflow-dialog-split>imageflow-dialog-buttoncol>imageflow-ls-swatch{margin-bottom:2px}imageflow-editor imageflow-dialog.layer-style>imageflow-dialog-split>imageflow-dialog-buttoncol>imageflow-checkbox,imageflow-editor imageflow-dialog.layer-style>imageflow-dialog-split>imageflow-dialog-buttoncol>label{margin:2px 0 6px}imageflow-editor imageflow-ls-body{display:flex;align-items:stretch;height:min(620px,78vh);min-height:0}imageflow-editor imageflow-ls-rail{flex:none;width:190px;display:flex;flex-direction:column;padding:8px 0;background:var(--ps-panel-sub);border-right:1px solid var(--ps-divider);overflow-y:auto}imageflow-editor imageflow-ls-item{display:flex;align-items:center;gap:6px;flex-wrap:wrap;flex:none;min-height:24px;padding:0 10px;color:var(--ps-text);cursor:default}imageflow-editor imageflow-ls-item:hover{background:var(--ps-hover)}imageflow-editor imageflow-ls-item.active{background:var(--ps-selected)}imageflow-editor imageflow-ls-item:focus-visible{outline:1px solid var(--ps-accent);outline-offset:-1px}imageflow-editor imageflow-ls-check{display:inline-flex;width:14px;justify-content:center}imageflow-editor imageflow-ls-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}imageflow-editor imageflow-ls-count{flex:none;color:var(--ps-text-dim);font-variant-numeric:tabular-nums}imageflow-editor imageflow-ls-actions{flex:none;display:flex;align-items:center;gap:1px;margin-right:-4px}imageflow-editor imageflow-ls-actions>imageflow-button.icon{width:20px;min-width:0;height:20px;padding:0}imageflow-editor imageflow-ls-actions>imageflow-button.ls-fx-up svg{transform:rotate(180deg)}imageflow-editor imageflow-ls-item>imageflow-ls-actions{margin-left:auto}imageflow-editor imageflow-ls-item:not(:hover):not(.active):not(:focus-within) imageflow-ls-actions{opacity:0;pointer-events:none}imageflow-editor imageflow-ls-item[draggable=true]{cursor:grab}imageflow-editor imageflow-ls-item.dragging{opacity:.5;cursor:grabbing}imageflow-editor imageflow-ls-item.drop-before{box-shadow:inset 0 2px 0 0 var(--ps-accent)}imageflow-editor imageflow-ls-item.drop-after{box-shadow:inset 0 -2px 0 0 var(--ps-accent)}imageflow-editor imageflow-ls-note{display:block;padding:6px 8px;border-radius:2px;background:var(--ps-panel-sub);color:var(--ps-text-dim);border-left:2px solid var(--ps-accent)}imageflow-editor imageflow-ls-page{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px;padding:12px 14px;overflow-y:auto}imageflow-editor imageflow-ls-page>*,imageflow-editor imageflow-ls-section>*{flex:none}imageflow-editor imageflow-ls-page-title{font-size:12px;font-weight:600;color:var(--ps-text)}imageflow-editor imageflow-ls-section{display:flex;flex-direction:column;gap:7px;padding-bottom:10px;border-bottom:1px solid var(--ps-divider)}imageflow-editor imageflow-ls-section:last-child{border-bottom:none;padding-bottom:0}imageflow-editor imageflow-ls-heading{font-weight:600;color:var(--ps-text);margin-bottom:2px}imageflow-editor imageflow-ls-color{position:relative;display:inline-flex}imageflow-editor imageflow-popover.ls-color{top:calc(100% + 4px);left:0}imageflow-editor imageflow-ls-contour{display:inline-flex;flex:none}imageflow-editor imageflow-dialog.layer-style imageflow-dialog-row>imageflow-label{min-width:116px}imageflow-editor imageflow-dialog.layer-style imageflow-dialog-row.stack{display:block;padding-left:126px}imageflow-editor imageflow-dialog.about{min-width:360px}imageflow-editor imageflow-dialog.about imageflow-dialog-body{display:flex;flex-direction:column;gap:14px;padding:18px 20px}imageflow-editor imageflow-about-head{display:flex;align-items:center;gap:14px}imageflow-editor imageflow-about-head>img{border-radius:6px}imageflow-editor imageflow-about-title{display:flex;flex-direction:column;gap:2px;min-width:0}imageflow-editor imageflow-about-name{font-size:22px;font-weight:600;letter-spacing:.2px;line-height:1.1;color:var(--ps-text)}imageflow-editor imageflow-about-version{font-size:11px;color:var(--ps-text-dim);font-variant-numeric:tabular-nums}imageflow-editor imageflow-about-legal{display:block;font-size:11px;color:var(--ps-text-faint)}imageflow-editor imageflow-about-author{display:block;font-size:11px;color:var(--ps-text-dim)}imageflow-editor imageflow-about-author>a{color:var(--ps-accent);text-decoration:none}imageflow-editor imageflow-about-author>a:hover{text-decoration:underline}imageflow-editor imageflow-dialog.edit-toolbar{width:340px}imageflow-editor imageflow-toollist{display:flex;flex-direction:column;max-height:46vh;overflow-y:auto;background:var(--ps-panel-sub);border:1px solid var(--ps-edge-dark);border-radius:var(--ps-radius)}imageflow-editor imageflow-toollist-row{display:flex;align-items:center;gap:8px;height:24px;padding:0 6px 0 8px;border-bottom:1px solid var(--ps-divider)}imageflow-editor imageflow-toollist-row:last-child{border-bottom:none}imageflow-editor imageflow-toollist-row>imageflow-checkbox{flex:1;min-width:0}imageflow-editor imageflow-toollist-actions{display:flex;gap:2px}imageflow-editor imageflow-fx-anchor{position:relative;display:inline-flex}imageflow-editor imageflow-fx-menu{position:absolute;bottom:calc(100% + 5px);left:0;min-width:178px;padding:4px 0;background:var(--ps-panel);border:1px solid var(--ps-divider);border-radius:var(--ps-radius-lg);box-shadow:0 6px 24px #00000080;color:var(--ps-text);font-size:11px;z-index:640}imageflow-editor imageflow-fx-menu.tall{max-height:min(60vh,420px);overflow-y:auto}imageflow-editor imageflow-tool-option.session-name{font-weight:600;color:var(--ps-text);letter-spacing:.02em}imageflow-editor imageflow-char-toolrow{display:flex;align-items:center;gap:6px;padding:4px 8px 6px;border-bottom:1px solid var(--ps-divider);margin-bottom:4px}imageflow-editor imageflow-char-toolrow>imageflow-label{font-size:11px;color:var(--ps-text-dim)}imageflow-editor imageflow-char-axes{display:block;padding:6px 8px 4px;margin-top:4px;border-top:1px solid var(--ps-divider)}imageflow-editor imageflow-char-axes-head{display:flex;align-items:center;gap:5px;margin-bottom:4px;font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--ps-text-dim)}imageflow-editor imageflow-char-axis{display:flex;align-items:center;gap:6px;margin:3px 0}imageflow-editor imageflow-char-axis-label{flex:0 0 84px;display:flex;justify-content:space-between;align-items:baseline;font-size:11px;color:var(--ps-text)}imageflow-editor imageflow-char-axis-label>i{font-style:normal;opacity:.5;font-size:9px;text-transform:uppercase}imageflow-editor imageflow-char-axis imageflow-slider{flex:1 1 auto;min-width:0}imageflow-editor imageflow-char-feature{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 4px;font-size:9px;font-weight:600;letter-spacing:.02em;color:var(--ps-icon);cursor:pointer;-webkit-user-select:none;user-select:none;border-right:1px solid var(--ps-divider)}imageflow-editor imageflow-char-feature:hover{background:var(--ps-hover);color:var(--ps-contrast)}imageflow-editor imageflow-char-feature.active{background:var(--ps-active);color:#f4f4f4}imageflow-editor imageflow-char-feature.disabled{color:var(--ps-text-disabled);pointer-events:none}imageflow-editor imageflow-char-feature:last-child{border-right:none}imageflow-editor imageflow-char-kernrow{display:flex;align-items:center;gap:4px;padding:0 8px 6px}imageflow-editor imageflow-char-kernrow imageflow-label{font-size:11px;color:var(--ps-text-dim);flex:0 0 auto}imageflow-editor imageflow-char-kernrow imageflow-number{flex:1 1 0;min-width:0}imageflow-editor imageflow-char-kernrow imageflow-char-feature{border:1px solid var(--ps-divider);border-radius:var(--ps-radius)}imageflow-editor imageflow-char-hint{display:block;padding:0 8px 6px;font-size:10px;line-height:1.35;color:var(--ps-text-dim)}imageflow-editor imageflow-text-style-list{display:block;overflow:auto;max-height:300px}imageflow-editor imageflow-text-style-row{display:flex;flex-direction:column;gap:1px;padding:5px 9px;cursor:pointer;border-bottom:1px solid var(--ps-divider)}imageflow-editor imageflow-text-style-row:hover{background:var(--ps-hover)}imageflow-editor imageflow-text-style-row.active{background:var(--ps-accent)}imageflow-editor imageflow-text-style-name{font-size:12px;color:var(--ps-text)}imageflow-editor imageflow-text-style-sub{font-size:10px;color:var(--ps-text-dim)}imageflow-editor imageflow-text-style-row.active imageflow-text-style-sub{color:#ffffffc7}imageflow-editor imageflow-text-style-empty{display:block;padding:14px;text-align:center;font-size:11px;color:var(--ps-text-dim)}imageflow-editor imageflow-glyphs-head{display:block;padding:6px 8px}imageflow-editor imageflow-glyphs-section{display:block;padding:5px 8px 2px;font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--ps-text-dim)}imageflow-editor imageflow-glyphs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(28px,1fr));gap:2px;padding:0 6px}imageflow-editor imageflow-glyphs-grid.scroll{max-height:260px;overflow:auto}imageflow-editor imageflow-glyph{display:flex;align-items:center;justify-content:center;height:28px;font-size:16px;line-height:1;color:var(--ps-text);background:var(--ps-input);border:1px solid transparent;cursor:pointer;-webkit-user-select:none;user-select:none}imageflow-editor imageflow-glyph:hover{border-color:var(--ps-accent);background:var(--ps-hover)}imageflow-editor imageflow-glyphs-foot{display:block;padding:6px 8px;font-size:10px;color:var(--ps-text-dim);border-top:1px solid var(--ps-divider)}imageflow-editor imageflow-warp-orient{display:flex;gap:6px}imageflow-editor imageflow-findreplace-actions{display:flex;gap:8px;margin-top:8px}imageflow-editor imageflow-gradient-editor{display:flex;flex-direction:column;gap:10px;width:300px;max-width:100%;min-width:0;outline:none}imageflow-editor imageflow-gradient-presets{display:grid;grid-template-columns:repeat(8,1fr);gap:3px;align-items:center}imageflow-editor imageflow-gradient-preset{display:block;height:18px;border:1px solid var(--ps-edge-dark);border-radius:var(--ps-radius);cursor:pointer;background-image:var(--grad-preview),repeating-conic-gradient(#bcbcbc,#bcbcbc 25%,#fff 0%,#fff 50%);background-size:auto,8px 8px}imageflow-editor imageflow-gradient-preset:hover{outline:1px solid var(--ps-accent)}imageflow-editor imageflow-gradient-preset.user{box-shadow:inset 0 0 0 1px #ffffff26}imageflow-editor imageflow-gradient-bar{position:relative;height:56px;margin:0 8px}imageflow-editor imageflow-gradient-track{position:absolute;left:0;right:0;top:18px;height:20px;border:1px solid var(--ps-edge-dark);background-image:var(--grad-preview),repeating-conic-gradient(#bcbcbc,#bcbcbc 25%,#fff 0%,#fff 50%);background-size:auto,10px 10px}imageflow-editor imageflow-gradient-stops{position:absolute;left:0;right:0;height:18px}imageflow-editor imageflow-gradient-stops.opacity{top:0;cursor:copy}imageflow-editor imageflow-gradient-stops.mid{top:18px;height:20px;pointer-events:none}imageflow-editor imageflow-gradient-stops.color{bottom:0;cursor:copy}imageflow-editor imageflow-gradient-stop{position:absolute;width:12px;height:14px;transform:translate(-50%);background:var(--stop-color, #000);border:1px solid var(--ps-edge-dark);box-shadow:0 0 0 1px #fff;cursor:pointer}imageflow-editor imageflow-gradient-stop.active{box-shadow:0 0 0 1px var(--ps-accent);border-color:var(--ps-accent);z-index:3}imageflow-editor imageflow-gradient-stop.opacity{top:2px;border-radius:2px 2px 0 0}imageflow-editor imageflow-gradient-stop.color{bottom:2px;border-radius:0 0 2px 2px}imageflow-editor imageflow-gradient-midpoint{position:absolute;top:50%;width:8px;height:8px;transform:translate(-50%,-50%) rotate(45deg);background:#d0d0d0;border:1px solid var(--ps-edge-dark);cursor:ew-resize;pointer-events:auto}imageflow-editor imageflow-gradient-midpoint.active{background:var(--ps-accent)}imageflow-editor imageflow-gradient-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}imageflow-editor imageflow-gradient-row imageflow-label{color:var(--ps-text-dim);font-size:10px}imageflow-editor imageflow-gradient-fields{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid var(--ps-divider);padding-top:8px}imageflow-editor imageflow-gradient-fields imageflow-label{color:var(--ps-text-dim);font-size:10px}imageflow-editor imageflow-swatch-set{display:block;padding:6px 8px}imageflow-editor imageflow-swatch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(18px,1fr));gap:2px;padding:0 8px 6px}imageflow-editor imageflow-swatch-grid imageflow-swatch{width:100%;height:auto;aspect-ratio:1;cursor:pointer;border-radius:0}imageflow-editor imageflow-swatch-grid imageflow-swatch:hover{outline:1px solid #fff}imageflow-editor imageflow-swatch-grid imageflow-swatch.active{outline:1px solid var(--ps-accent);z-index:2}imageflow-editor imageflow-label.section{display:block;padding:4px 8px 2px;font-size:10px;color:var(--ps-text-dim)}imageflow-editor imageflow-color-panel{display:flex;flex-direction:column;gap:8px;padding:8px}imageflow-editor imageflow-color-fgbg{display:flex;align-items:center;gap:6px}imageflow-editor imageflow-color-fgbg imageflow-swatch.large{width:30px;height:24px;cursor:pointer;border-radius:0}imageflow-editor imageflow-color-fgbg imageflow-swatch.large.active{outline:2px solid var(--ps-accent);z-index:2}imageflow-editor imageflow-color-mode-toggle{margin-left:auto;padding:3px 8px;font-size:10px;cursor:pointer;color:var(--ps-text);background:var(--ps-input);border:1px solid var(--ps-divider);border-radius:var(--ps-radius)}imageflow-editor imageflow-color-mode-toggle:hover{background:var(--ps-hover)}imageflow-editor imageflow-color-slider-row{display:flex;align-items:center}imageflow-editor imageflow-color-ramp{display:block;height:22px;border:1px solid var(--ps-edge-dark);border-radius:var(--ps-radius);cursor:crosshair;margin-top:2px}imageflow-editor imageflow-pattern-picker{display:flex;flex-direction:column;width:240px}imageflow-editor imageflow-pattern-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:4px;padding:8px;max-height:240px;overflow:auto}imageflow-editor imageflow-pattern-tile{display:block;width:100%;aspect-ratio:1;border:1px solid var(--ps-edge-dark);cursor:pointer;background-repeat:repeat;background-size:24px 24px;image-rendering:pixelated}imageflow-editor imageflow-pattern-tile:hover{outline:1px solid #fff}imageflow-editor imageflow-pattern-tile.active{outline:2px solid var(--ps-accent);z-index:2}imageflow-editor imageflow-popover.brush-settings{width:268px;max-height:70vh;overflow:auto}imageflow-editor imageflow-brush-panel{display:flex;flex-direction:column;gap:2px}imageflow-editor imageflow-brush-fields{display:flex;flex-direction:column;gap:5px;padding:4px 0}imageflow-editor imageflow-brush-fields imageflow-slider{width:140px}imageflow-editor imageflow-brush-fields imageflow-pattern-picker{width:100%}imageflow-editor imageflow-brush-section{border-top:1px solid #1e1e1e}imageflow-editor imageflow-brush-section.open>imageflow-brush-section-head{color:var(--ps-text)}imageflow-editor imageflow-brush-section-head{display:flex;align-items:center;gap:6px;padding:4px 2px;cursor:default;color:var(--ps-text-dim)}imageflow-editor imageflow-brush-section-head:hover{color:var(--ps-text)}imageflow-editor imageflow-brush-section-head imageflow-label{min-width:0}imageflow-editor imageflow-brush-presets{display:flex;flex-direction:column;gap:4px}imageflow-editor imageflow-brush-preset-list{display:flex;flex-direction:column;gap:2px;max-height:190px;overflow:auto;padding:2px 0}imageflow-editor imageflow-brush-preset{display:flex;align-items:center;gap:6px;padding:2px 4px;border:1px solid transparent;border-radius:var(--ps-radius);cursor:pointer}imageflow-editor imageflow-brush-preset:hover{background:#3a3a3a}imageflow-editor imageflow-brush-preset.active{background:var(--ps-accent);color:var(--ps-contrast)}imageflow-editor imageflow-brush-thumb{display:block;flex:none;width:88px;height:30px;border:1px solid var(--ps-edge-dark);background:#fff center/contain no-repeat}imageflow-editor imageflow-brush-preset-name{font-size:10px;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}imageflow-editor imageflow-brush-status{font-size:10px;color:var(--ps-text-dim);padding:0 2px}imageflow-editor imageflow-brush-tip-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:3px;padding:4px 0;max-height:120px;overflow:auto}imageflow-editor imageflow-brush-tip{display:flex;flex-direction:column;align-items:center;gap:1px;padding:2px;border:1px solid transparent;border-radius:var(--ps-radius);cursor:pointer}imageflow-editor imageflow-brush-tip:hover{background:#3a3a3a}imageflow-editor imageflow-brush-tip.active{border-color:var(--ps-accent);background:#3a3a3a}imageflow-editor imageflow-brush-tip-thumb{display:block;width:34px;height:34px;background:#fff center/contain no-repeat;border:1px solid var(--ps-edge-dark)}imageflow-editor imageflow-brush-tip-size{font-size:9px;color:var(--ps-text-dim);line-height:1}imageflow-editor imageflow-brush-stroke-preview{display:block;margin-top:4px;padding-top:4px;border-top:1px solid #1e1e1e}imageflow-editor imageflow-brush-stroke-preview canvas{display:block;width:100%;height:46px;background:#fff;border:1px solid var(--ps-edge-dark)}imageflow-editor imageflow-panel-toolbar.brushes{display:flex;align-items:center;gap:4px}imageflow-editor imageflow-button.flip-up imageflow-icon,imageflow-editor imageflow-icon.flip-up{transform:rotate(180deg)}imageflow-editor imageflow-sf-badge{display:inline-grid;place-items:center;width:16px;height:16px;color:var(--ps-icon);cursor:default}imageflow-editor imageflow-sf-badge:hover{color:var(--ps-contrast)}imageflow-editor imageflow-sf-badge.tool{width:15px;height:15px;color:var(--ps-icon-dim)}imageflow-editor imageflow-sf-badge.tool:hover{color:var(--ps-contrast)}imageflow-editor imageflow-layer-smartfilters{display:flex;flex-direction:column;background-color:color-mix(in srgb,var(--ps-accent) 8%,var(--ps-panel));background-image:linear-gradient(to right,transparent 0 21px,rgba(0,0,0,.25) 21px 22px,transparent 22px)}imageflow-editor imageflow-layer-smartfilter{display:flex;align-items:center;gap:8px;height:22px;padding:0 6px 0 40px;border-bottom:1px solid rgba(0,0,0,.2)}imageflow-editor imageflow-layer-smartfilter imageflow-effect-eye{display:grid;place-items:center;width:16px;height:16px;flex:none;color:var(--ps-icon);cursor:default}imageflow-editor imageflow-layer-smartfilter imageflow-effect-eye:hover{color:var(--ps-contrast)}imageflow-editor imageflow-layer-smartfilter imageflow-effect-eye:not(.on){color:var(--ps-icon-dim)}imageflow-editor imageflow-layer-smartfilter imageflow-layer-name{font-size:11px;color:var(--ps-text-dim);flex:1}imageflow-editor imageflow-layer-smartfilter.master{padding-left:26px}imageflow-editor imageflow-layer-smartfilter.master imageflow-layer-name{color:var(--ps-text)}imageflow-editor imageflow-layer-smartfilter:hover{background:#ffffff0a}imageflow-editor imageflow-dialog.filtergallery,imageflow-editor imageflow-dialog.liquify,imageflow-editor imageflow-dialog.blurgallery{width:min(94vw,1040px);max-width:94vw}imageflow-editor imageflow-gallery-pane{display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0;min-height:0;background:var(--ps-panel-header)}imageflow-editor imageflow-gallery-pane>:first-child{min-width:0;min-height:0}imageflow-editor imageflow-liquify-canvas.space-pan,imageflow-editor imageflow-fg-preview.space-pan,imageflow-editor imageflow-bg-preview.space-pan{cursor:grab}imageflow-editor imageflow-liquify-canvas.space-pan canvas,imageflow-editor imageflow-fg-preview.space-pan canvas,imageflow-editor imageflow-bg-preview.space-pan canvas{cursor:grab}imageflow-editor imageflow-liquify-canvas.panning,imageflow-editor imageflow-fg-preview.panning,imageflow-editor imageflow-bg-preview.panning{cursor:grabbing}imageflow-editor imageflow-liquify-canvas.panning canvas,imageflow-editor imageflow-fg-preview.panning canvas,imageflow-editor imageflow-bg-preview.panning canvas{cursor:grabbing}imageflow-editor imageflow-liquify-canvas.space-pan imageflow-liquify-cursor{display:none!important}imageflow-editor imageflow-fg-body{display:grid;grid-template-columns:1fr 220px 260px;gap:1px;background:#000;height:min(72vh,640px)}imageflow-editor imageflow-fg-preview{display:grid;place-items:center;overflow:auto;background:var(--ps-pasteboard, #404040);padding:12px}imageflow-editor imageflow-fg-preview canvas{max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 2px 12px #00000080}imageflow-editor imageflow-fg-categories{display:block;overflow:auto;background:var(--ps-panel);padding:6px}imageflow-editor imageflow-fg-category{display:block;margin-bottom:4px}imageflow-editor imageflow-fg-cat-head{display:flex;align-items:center;gap:6px;padding:4px 6px;font-size:11px;font-weight:600;color:var(--ps-text);cursor:default;text-transform:none}imageflow-editor imageflow-fg-cat-head imageflow-icon.closed{transform:rotate(-90deg)}imageflow-editor imageflow-fg-cat-head:hover{color:var(--ps-contrast)}imageflow-editor imageflow-fg-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;padding:4px 2px 8px}imageflow-editor imageflow-fg-thumb{display:flex;flex-direction:column;gap:3px;cursor:pointer;align-items:center;padding:3px;border:1px solid transparent;border-radius:var(--ps-radius)}imageflow-editor imageflow-fg-thumb img,imageflow-editor imageflow-fg-thumb imageflow-fg-thumb-blank{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#2a2a2a;border:1px solid var(--ps-edge-dark)}imageflow-editor imageflow-fg-thumb:hover{border-color:var(--ps-divider)}imageflow-editor imageflow-fg-thumb.selected{border-color:var(--ps-accent);background:color-mix(in srgb,var(--ps-accent) 18%,transparent)}imageflow-editor imageflow-fg-thumb-label{font-size:10px;color:var(--ps-text-dim);text-align:center;line-height:1.1}imageflow-editor imageflow-fg-right{display:flex;flex-direction:column;gap:10px;padding:12px;background:var(--ps-panel);overflow:auto}imageflow-editor imageflow-fg-params{display:flex;flex-direction:column;gap:8px}imageflow-editor imageflow-fg-params-title{font-size:12px;font-weight:600;color:var(--ps-text)}imageflow-editor imageflow-fg-stack{margin-top:auto;display:flex;flex-direction:column;border:1px solid var(--ps-edge-dark);background:color-mix(in srgb,#000 12%,var(--ps-panel))}imageflow-editor imageflow-fg-stack-row{display:flex;align-items:center;gap:6px;padding:3px 6px;cursor:pointer;border-bottom:1px solid rgba(0,0,0,.25)}imageflow-editor imageflow-fg-stack-row imageflow-effect-eye{display:grid;place-items:center;width:15px;height:15px;color:var(--ps-icon)}imageflow-editor imageflow-fg-stack-row imageflow-layer-name{font-size:11px;color:var(--ps-text-dim)}imageflow-editor imageflow-fg-stack-row.active{background:var(--ps-accent)}imageflow-editor imageflow-fg-stack-row.active imageflow-layer-name{color:var(--ps-contrast)}imageflow-editor imageflow-fg-stack-row:hover:not(.active){background:var(--ps-hover)}imageflow-editor imageflow-fg-stack-tools{display:flex;justify-content:flex-end;gap:2px;padding:3px 4px;background:var(--ps-panel)}imageflow-editor imageflow-liquify-body{display:grid;grid-template-columns:44px 1fr 240px;grid-template-rows:minmax(0,1fr) auto;gap:1px;background:#000;height:min(74vh,660px)}imageflow-editor imageflow-liquify-zoomrow{grid-row:2;grid-column:1 / span 2;min-width:0}imageflow-editor imageflow-liquify-side{grid-row:1 / span 2}imageflow-editor imageflow-liquify-tools{display:flex;flex-direction:column;gap:2px;padding:6px 4px;background:var(--ps-panel)}imageflow-editor imageflow-liquify-tool{display:grid;place-items:center;width:32px;height:30px;cursor:pointer;color:var(--ps-icon);border:1px solid transparent;border-radius:var(--ps-radius)}imageflow-editor imageflow-liquify-tool:hover{background:var(--ps-hover);color:var(--ps-contrast)}imageflow-editor imageflow-liquify-tool.active{background:var(--ps-accent);color:var(--ps-contrast)}imageflow-editor imageflow-liquify-canvas{display:grid;place-items:center;overflow:auto;position:relative;background:var(--ps-pasteboard, #404040);padding:12px}imageflow-editor imageflow-liquify-canvas canvas{max-width:100%;max-height:100%;object-fit:contain;cursor:none;background-image:repeating-conic-gradient(#3a3a3a,#3a3a3a 25%,#444 0%,#444 50%);background-size:16px 16px;box-shadow:0 2px 12px #00000080;touch-action:none}imageflow-editor imageflow-liquify-canvas imageflow-liquify-cursor{display:none;position:absolute;top:0;left:0;border:1px solid rgba(255,255,255,.9);border-radius:50%;outline:1px solid rgba(0,0,0,.55);pointer-events:none;will-change:transform}imageflow-editor imageflow-liquify-side{display:flex;flex-direction:column;gap:10px;padding:12px;background:var(--ps-panel);overflow:auto}imageflow-editor imageflow-bg-body{display:grid;grid-template-columns:1fr 250px;gap:1px;background:#000;height:min(72vh,620px)}imageflow-editor imageflow-bg-preview{display:grid;place-items:center;overflow:auto;background:var(--ps-pasteboard, #404040);padding:12px}imageflow-editor imageflow-bg-preview canvas{max-width:100%;max-height:100%;object-fit:contain;cursor:crosshair;box-shadow:0 2px 12px #00000080;touch-action:none}imageflow-editor imageflow-bg-side{display:flex;flex-direction:column;gap:10px;padding:12px;background:var(--ps-panel);overflow:auto}imageflow-editor imageflow-channel-list{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;padding:2px 0}imageflow-editor imageflow-channel-row{display:flex;align-items:center;gap:8px;height:34px;padding:2px 8px;cursor:default;color:var(--ps-text);border-bottom:1px solid rgba(0,0,0,.18)}imageflow-editor imageflow-channel-row:hover{background:var(--ps-hover)}imageflow-editor imageflow-channel-row.active{background:var(--ps-selected)}imageflow-editor imageflow-channel-row imageflow-channel-eye{flex:none;width:20px;display:grid;place-items:center;color:var(--ps-icon);cursor:pointer}imageflow-editor imageflow-channel-row imageflow-channel-eye.on{color:var(--ps-contrast)}imageflow-editor imageflow-channel-row imageflow-channel-thumb{flex:none;width:36px;height:26px;display:grid;place-items:center;background:color-mix(in srgb,#000 14%,var(--ps-panel));border:1px solid var(--ps-divider)}imageflow-editor imageflow-channel-row imageflow-channel-thumb>canvas{width:34px;height:24px}imageflow-editor imageflow-channel-row imageflow-channel-name{flex:1;min-width:0;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}imageflow-editor imageflow-channel-row imageflow-channel-key{flex:none;font-size:10px;color:var(--ps-text-dim)}imageflow-editor imageflow-channel-row .imageflow-channel-name-edit{flex:1;min-width:0;height:18px;font-size:11px;color:var(--ps-text);background:var(--ps-input, #1e1e1e);border:1px solid var(--ps-accent);border-radius:2px;padding:0 4px;outline:none}imageflow-editor imageflow-panel-toolbar.channels{display:flex;align-items:center;gap:2px;flex:none;height:30px;padding:0 8px;background:var(--ps-panel-header);border-top:1px solid var(--ps-divider)}imageflow-editor imageflow-panel-toolbar.channels imageflow-button{display:grid;place-items:center;width:26px;height:24px;border-radius:var(--ps-radius);color:var(--ps-icon);background:none;border:none;box-shadow:none}imageflow-editor imageflow-panel-toolbar.channels imageflow-button:hover{background:var(--ps-hover);color:var(--ps-contrast)}imageflow-editor imageflow-panel-toolbar.channels imageflow-button:disabled,imageflow-editor imageflow-panel-toolbar.channels imageflow-button.disabled{color:var(--ps-text-disabled);pointer-events:none}imageflow-editor imageflow-ruler-readout{display:inline-flex;align-items:center;min-width:34px;height:20px;padding:0 4px;font-size:11px;color:var(--ps-text);background:var(--ps-input, #1e1e1e);border:1px solid var(--ps-divider);border-radius:2px}imageflow-editor imageflow-dialog.colorrange{width:560px}imageflow-editor imageflow-colorrange-body{display:grid;grid-template-columns:230px 1fr;gap:14px}imageflow-editor imageflow-colorrange-controls{display:flex;flex-direction:column;gap:8px}imageflow-editor imageflow-colorrange-preview{display:grid;place-items:center;background:#000;border:1px solid var(--ps-divider);min-height:240px}imageflow-editor imageflow-colorrange-preview>canvas{max-width:100%;max-height:320px;object-fit:contain;cursor:crosshair;touch-action:none}imageflow-editor imageflow-dialog.selectmask{width:min(90vw,940px);max-width:min(90vw,940px)}imageflow-editor imageflow-selectmask-body{display:grid;grid-template-columns:1fr 260px;gap:1px;background:#000;height:min(72vh,620px)}imageflow-editor imageflow-selectmask-canvas{display:grid;place-items:center;overflow:auto;background:var(--ps-pasteboard, #404040);padding:12px}imageflow-editor imageflow-selectmask-canvas>canvas{max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 2px 12px #00000080}imageflow-editor imageflow-selectmask-canvas.brushing>canvas{cursor:crosshair;touch-action:none}imageflow-editor imageflow-selectmask-side{display:flex;flex-direction:column;gap:10px;padding:12px;background:var(--ps-panel);overflow:auto}imageflow-editor imageflow-history-snapshot{cursor:default}imageflow-editor imageflow-history-snapshot:hover{background:var(--ps-hover)}imageflow-editor imageflow-history-snapshot.active{background:var(--ps-selected)}imageflow-editor imageflow-history-snapshot>input{flex:1;min-width:0;height:18px;padding:1px 4px;font:inherit;font-size:11px;color:var(--ps-text);background:var(--ps-field);border:1px solid var(--ps-accent);border-radius:var(--ps-radius);outline:none}imageflow-editor imageflow-history-options{display:flex;align-items:center;flex:none;padding:6px 8px;border-top:1px solid var(--ps-divider);background:var(--ps-panel-sub, var(--ps-panel))}imageflow-editor imageflow-navigator-view{position:relative;display:block;flex:none;margin:10px auto 8px;padding:5px;box-sizing:content-box;background:var(--ps-panel-sub, #232323);border:1px solid var(--ps-edge-dark);touch-action:none;cursor:crosshair;overflow:hidden}imageflow-editor imageflow-navigator-view>img{display:block;object-fit:fill;pointer-events:none;background:#1a1a1a repeating-conic-gradient(#3a3a3a,#3a3a3a 25%,#2e2e2e 0%,#2e2e2e 50%) 0 0 / 12px 12px}imageflow-editor imageflow-navigator-rect{position:absolute;display:block;border:1px solid #ff3b30;box-shadow:0 0 0 1px #0000008c,inset 0 0 0 1px #ffffff73;pointer-events:none}imageflow-editor imageflow-navigator-controls{display:flex;align-items:center;gap:6px;flex:none;padding:0 8px 8px}imageflow-editor imageflow-navigator-controls>imageflow-icon{color:var(--ps-icon);flex:none}imageflow-editor imageflow-navigator-controls>imageflow-slider{flex:1;min-width:0}imageflow-editor imageflow-navigator-controls imageflow-slider>imageflow-label.value{display:none}imageflow-editor imageflow-navigator-hint{display:block;flex:none;padding:0 8px 8px;font-size:11px;color:var(--ps-text-dim)}imageflow-editor imageflow-actions-list{display:flex;flex-direction:column;flex:1;min-height:0;overflow:auto}imageflow-editor imageflow-actions-set,imageflow-editor imageflow-actions-action{display:flex;flex-direction:column}imageflow-editor imageflow-actions-row{display:flex;align-items:center;gap:4px;min-height:21px;padding:0 6px;font-size:11px;color:var(--ps-text);cursor:default}imageflow-editor imageflow-actions-row>imageflow-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}imageflow-editor imageflow-actions-row>imageflow-icon{color:var(--ps-icon);flex:none}imageflow-editor imageflow-actions-row>imageflow-button.icon{width:18px;height:18px;opacity:0}imageflow-editor imageflow-actions-row>input{flex:1;min-width:0;height:17px;padding:0 4px;font:inherit;font-size:11px;color:var(--ps-text);background:var(--ps-field);border:1px solid var(--ps-accent);border-radius:var(--ps-radius);outline:none}imageflow-editor imageflow-actions-row:hover{background:var(--ps-hover)}imageflow-editor imageflow-actions-row:hover>imageflow-button.icon{opacity:1}imageflow-editor imageflow-actions-row.active{background:var(--ps-selected)}imageflow-editor imageflow-actions-row.action{padding-left:12px}imageflow-editor imageflow-actions-row.recording>imageflow-label{color:#ff5b50}imageflow-editor imageflow-actions-row.step{padding-left:30px;color:var(--ps-text-dim)}imageflow-editor imageflow-actions-row.step.empty{font-style:italic;color:var(--ps-text-faint)}imageflow-editor imageflow-actions-chevron{display:grid;place-items:center;flex:none;width:12px;height:12px;color:var(--ps-icon-dim)}imageflow-editor imageflow-actions-count{flex:none;font-size:10px;color:var(--ps-text-faint);padding-right:2px}imageflow-editor imageflow-actions-glyph{display:grid;place-items:center;flex:none;width:22px;height:22px;border-radius:var(--ps-radius);cursor:default}imageflow-editor imageflow-actions-glyph:hover{background:var(--ps-hover)}imageflow-editor imageflow-actions-glyph.disabled{opacity:.35;pointer-events:none}imageflow-editor imageflow-actions-glyph:before{content:"";display:block}imageflow-editor imageflow-actions-glyph.stop:before{width:9px;height:9px;background:var(--ps-icon);border-radius:1px}imageflow-editor imageflow-actions-glyph.record:before{width:10px;height:10px;background:var(--ps-icon);border-radius:50%}imageflow-editor imageflow-actions-glyph.record.on:before{background:#ff3b30}imageflow-editor imageflow-actions-glyph.play:before,imageflow-editor imageflow-actions-glyph.step:before{width:0;height:0;border-left:9px solid var(--ps-icon);border-top:5.5px solid transparent;border-bottom:5.5px solid transparent}imageflow-editor imageflow-actions-glyph.step:after{content:"";display:block;width:2px;height:11px;background:var(--ps-icon);margin-left:1px}imageflow-editor imageflow-actions-glyph.step{grid-auto-flow:column}imageflow-editor imageflow-panel-toolbar.actions{justify-content:flex-start;gap:2px}imageflow-editor imageflow-dialog.batch{width:460px}imageflow-editor imageflow-dialog.newaction{width:340px}imageflow-editor imageflow-batch-progress{display:block;height:6px;margin:8px 0;background:var(--ps-field);border:1px solid var(--ps-edge-dark);border-radius:2px;overflow:hidden}imageflow-editor imageflow-batch-bar{display:block;height:100%;background:var(--ps-accent);transition:width .1s linear}imageflow-editor imageflow-batch-report{display:flex;flex-direction:column;gap:2px;max-height:180px;overflow:auto}imageflow-editor imageflow-batch-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:var(--ps-text)}imageflow-editor imageflow-batch-row>imageflow-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}imageflow-editor imageflow-batch-row>imageflow-value{color:var(--ps-text-dim);flex:none}imageflow-editor imageflow-batch-row.error>imageflow-value{color:#ff6b60}imageflow-editor imageflow-batch-group{display:block;margin:8px 0;padding:6px 8px 8px;border:1px solid var(--ps-divider);border-radius:var(--ps-radius)}imageflow-editor imageflow-batch-legend{display:block;margin-bottom:4px;font-size:11px;font-weight:600;color:var(--ps-text-dim)}imageflow-editor imageflow-batch-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:4px 0}imageflow-editor imageflow-batch-actions>imageflow-value{font-size:11px;color:var(--ps-text-dim);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}imageflow-editor imageflow-dialog.variables{width:620px}imageflow-editor imageflow-variables-section{display:flex;flex-direction:column;gap:6px;padding:8px 0;border-bottom:1px solid var(--ps-divider)}imageflow-editor imageflow-variables-def{display:grid;grid-template-columns:120px 1fr 140px 24px;gap:6px;align-items:center}imageflow-editor imageflow-variables-pixel{grid-column:1 / -1;display:grid;grid-template-columns:140px 140px 1fr;gap:6px;align-items:center;padding-left:12px}imageflow-editor imageflow-variables-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}imageflow-editor imageflow-variables-pool{display:flex;flex-wrap:wrap;gap:4px;max-height:64px;overflow:auto}imageflow-editor imageflow-variables-chip{display:block;padding:1px 6px;border-radius:9px;background:var(--ps-field);border:1px solid var(--ps-divider);font-size:10px;color:var(--ps-text-dim);white-space:nowrap}imageflow-editor imageflow-variables-table{display:flex;flex-direction:column;gap:4px;max-height:200px;overflow:auto}imageflow-editor imageflow-variables-row{display:flex;align-items:center;gap:6px;padding:2px 4px;border-radius:var(--ps-radius);font-size:11px;color:var(--ps-text);cursor:default}imageflow-editor imageflow-variables-row>imageflow-label{flex:none;width:60px;color:var(--ps-text-dim)}imageflow-editor imageflow-variables-row>imageflow-field{flex:1;min-width:0}imageflow-editor imageflow-variables-row:hover{background:var(--ps-hover)}imageflow-editor imageflow-variables-row.active{background:var(--ps-selected)}imageflow-editor imageflow-dialog.matchcolor{width:460px}imageflow-editor imageflow-dialog.matchcolor imageflow-dialog-preview.thumb{width:100%;height:200px;margin-bottom:8px}imageflow-editor imageflow-dialog.matchcolor imageflow-dialog-row>imageflow-label{min-width:104px}imageflow-editor imageflow-dialog.preferences{width:760px;max-width:760px;--ps-prefs-body-h: min(70vh, 560px)}imageflow-editor imageflow-prefs-split{display:flex;align-items:stretch;min-height:0;flex:1}imageflow-editor imageflow-prefs-split>imageflow-dialog-body{flex:1;min-width:0;height:var(--ps-prefs-body-h);max-height:var(--ps-prefs-body-h);overflow-y:auto;padding:0}imageflow-editor imageflow-prefs-rail{display:flex;flex-direction:column;flex:none;width:168px;padding:6px 0;background:var(--ps-panel-header);border-right:1px solid var(--ps-divider);overflow-y:auto}imageflow-editor imageflow-prefs-cat{padding:6px 14px;font-size:11px;color:var(--ps-text-dim);cursor:default;-webkit-user-select:none;user-select:none;border-left:2px solid transparent}imageflow-editor imageflow-prefs-cat:hover{background:var(--ps-hover);color:var(--ps-text)}imageflow-editor imageflow-prefs-cat.active{background:var(--ps-selected);color:var(--ps-text);border-left-color:var(--ps-accent)}imageflow-editor imageflow-prefs-cat:focus-visible{outline:1px solid var(--ps-accent);outline-offset:-2px}imageflow-editor imageflow-prefs-pane{display:flex;flex-direction:column;gap:14px;padding:14px 16px}imageflow-editor imageflow-prefs-pane-head{font-size:13px;font-weight:600;color:var(--ps-text);padding-bottom:8px;border-bottom:1px solid var(--ps-divider)}imageflow-editor imageflow-prefs-section{display:flex;flex-direction:column;gap:8px}imageflow-editor imageflow-prefs-section-head{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--ps-text-dim)}imageflow-editor imageflow-prefs-row{display:flex;align-items:center;gap:10px}imageflow-editor imageflow-prefs-row>imageflow-label{flex:none;width:132px;text-align:right;color:var(--ps-text-dim)}imageflow-editor imageflow-prefs-control{display:flex;align-items:center;gap:8px;flex:1;min-width:0}imageflow-editor imageflow-prefs-note{display:block;margin-left:142px;color:var(--ps-text-faint);font-size:10px;line-height:1.5}imageflow-editor imageflow-prefs-row imageflow-prefs-note{margin-left:0}imageflow-editor imageflow-theme-row,imageflow-editor imageflow-accent-row{display:flex;align-items:center;gap:6px}imageflow-editor imageflow-theme-chip{display:grid;place-items:center;width:34px;height:24px;border:1px solid var(--ps-edge-dark);border-radius:var(--ps-radius);font-size:11px;cursor:default}imageflow-editor imageflow-theme-chip.active{outline:2px solid var(--ps-accent);outline-offset:1px}imageflow-editor imageflow-theme-chip:focus-visible{outline:2px solid var(--ps-accent-hi);outline-offset:1px}imageflow-editor imageflow-accent-chip{display:block;width:20px;height:20px;border:1px solid var(--ps-edge-dark);border-radius:50%;cursor:default}imageflow-editor imageflow-accent-chip.active{outline:2px solid var(--ps-text);outline-offset:1px}imageflow-editor imageflow-accent-chip:focus-visible{outline:2px solid var(--ps-text);outline-offset:1px}imageflow-editor imageflow-gpu-availability{display:inline-block;padding:1px 7px;border-radius:9px;font-size:10px;white-space:nowrap;background:var(--ps-field);border:1px solid var(--ps-divider);color:var(--ps-text-dim)}imageflow-editor imageflow-gpu-availability[data-availability=available]{color:#6dc48a;border-color:#6dc48a80}imageflow-editor imageflow-gpu-availability[data-availability=software]{color:#d8a24a;border-color:#d8a24a80}imageflow-editor imageflow-gpu-status{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--ps-text-dim);line-height:1.4}imageflow-editor imageflow-gpu-status>imageflow-gpu-dot{display:block;flex:none;width:7px;height:7px;border-radius:50%;background:var(--ps-text-faint)}imageflow-editor imageflow-gpu-status[data-state=ready]{color:var(--ps-text)}imageflow-editor imageflow-gpu-status[data-state=ready]>imageflow-gpu-dot{background:#d8a24a}imageflow-editor imageflow-gpu-status[data-state=partial]>imageflow-gpu-dot{background:#d8a24a}imageflow-editor imageflow-gpu-status[data-state=active]{color:var(--ps-text)}imageflow-editor imageflow-gpu-status[data-state=active]>imageflow-gpu-dot{background:#6dc48a}imageflow-editor imageflow-prefs-note[data-gpu-error]{color:#e0806f}imageflow-editor imageflow-gpu-backends{display:flex;flex-direction:column;gap:4px;margin-left:142px}imageflow-editor imageflow-gpu-backend{display:grid;grid-template-columns:1fr auto;column-gap:8px;padding:5px 8px;border-radius:var(--ps-radius);background:var(--ps-field);border:1px solid var(--ps-divider);font-size:11px;color:var(--ps-text-dim)}imageflow-editor imageflow-gpu-backend>imageflow-gpu-backend-name{color:var(--ps-text)}imageflow-editor imageflow-gpu-backend>imageflow-gpu-backend-state{font-size:10px;text-transform:uppercase;letter-spacing:.4px;color:var(--ps-text-faint)}imageflow-editor imageflow-gpu-backend>imageflow-gpu-backend-note{grid-column:1 / -1;font-size:10px;color:var(--ps-text-faint);line-height:1.4}imageflow-editor imageflow-gpu-backend[data-on=yes]{border-color:#6dc48a73}imageflow-editor imageflow-gpu-backend[data-on=yes]>imageflow-gpu-backend-state{color:#6dc48a}imageflow-editor imageflow-ai-settings{display:flex;flex-direction:column;gap:14px}imageflow-editor imageflow-ai-section{display:flex;flex-direction:column;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--ps-divider)}imageflow-editor imageflow-ai-section:last-child{border-bottom:none;padding-bottom:0}imageflow-editor imageflow-ai-section-head{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--ps-text-dim)}imageflow-editor imageflow-ai-banner{padding:7px 9px;border-radius:var(--ps-radius);background:#1473e61f;border:1px solid rgba(20,115,230,.4);color:var(--ps-text);font-size:11px}imageflow-editor imageflow-ai-note{color:var(--ps-text-faint);font-size:10px;line-height:1.5}imageflow-editor imageflow-ai-task{display:grid;grid-template-columns:130px 1fr;grid-template-rows:auto auto;column-gap:10px;row-gap:2px;align-items:center}imageflow-editor imageflow-ai-task-label{grid-row:1;grid-column:1;color:var(--ps-text-dim);font-size:11px}imageflow-editor imageflow-ai-meta{grid-row:2;grid-column:2;color:var(--ps-text-faint);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}imageflow-editor imageflow-ai-select{grid-row:1;grid-column:2;position:relative;display:inline-flex;align-items:center;height:22px;min-width:0;padding:0 6px;background:var(--ps-field);border:1px solid var(--ps-edge-dark);border-radius:var(--ps-radius);box-shadow:inset 0 1px 1px #00000059;color:var(--ps-text);cursor:default}imageflow-editor imageflow-ai-select imageflow-ai-select-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}imageflow-editor imageflow-ai-select:after{content:"";margin-left:6px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid var(--ps-icon-dim)}imageflow-editor imageflow-ai-select:hover{border-color:#2a2a2a}imageflow-editor imageflow-ai-select.open{border-color:var(--ps-accent)}imageflow-editor imageflow-ai-select imageflow-ai-options{position:absolute;top:100%;left:0;margin-top:2px;min-width:100%;max-height:320px;overflow-y:auto;background:var(--ps-panel-sub);border:1px solid var(--ps-edge-dark);border-radius:var(--ps-radius);box-shadow:0 8px 24px #0000008c;z-index:600;padding:3px}imageflow-editor imageflow-ai-select imageflow-ai-options imageflow-ai-option{display:flex;align-items:center;gap:7px;min-height:22px;padding:3px 8px;border-radius:var(--ps-radius);white-space:nowrap;cursor:default}imageflow-editor imageflow-ai-select imageflow-ai-options imageflow-ai-option imageflow-ai-option-name{flex:1;overflow:hidden;text-overflow:ellipsis}imageflow-editor imageflow-ai-select imageflow-ai-options imageflow-ai-option:hover{background:var(--ps-accent);color:var(--ps-contrast)}imageflow-editor imageflow-ai-select imageflow-ai-options imageflow-ai-option.active{color:var(--ps-contrast)}imageflow-editor imageflow-ai-select imageflow-ai-options imageflow-ai-option.incompatible{color:var(--ps-text-disabled);cursor:not-allowed}imageflow-editor imageflow-ai-select imageflow-ai-options imageflow-ai-option.incompatible:hover{background:transparent;color:var(--ps-text-disabled)}imageflow-editor imageflow-ai-badge{flex:none;font-size:9px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;padding:2px 7px;border-radius:999px;line-height:1}imageflow-editor imageflow-ai-badge.current{background:var(--ps-accent);color:var(--ps-contrast)}imageflow-editor imageflow-ai-badge.muted{background:transparent;color:var(--ps-text-faint);border:1px solid var(--ps-divider)}imageflow-editor imageflow-ai-option:hover imageflow-ai-badge.current{background:#fff;color:var(--ps-accent)}imageflow-editor imageflow-ai-row{display:flex;align-items:center;gap:10px}imageflow-editor imageflow-ai-row-label{flex:none;width:130px;color:var(--ps-text-dim);font-size:11px}imageflow-editor imageflow-ai-row-value{flex:1;color:var(--ps-text);font-size:11px;font-variant-numeric:tabular-nums}imageflow-editor imageflow-sc-pane{display:block}imageflow-editor imageflow-sc-toolbar{display:flex;align-items:center;gap:8px;position:sticky;top:0;z-index:1;padding-bottom:10px;margin-bottom:4px;background:var(--ps-panel);border-bottom:1px solid var(--ps-divider)}imageflow-editor imageflow-sc-toolbar>input[type=text]{flex:1;min-width:0}imageflow-editor imageflow-sc-count{flex:none;font-size:10px;color:var(--ps-text-faint);font-variant-numeric:tabular-nums}imageflow-editor imageflow-sc-empty{display:block;padding:24px 8px;text-align:center;font-size:11px;color:var(--ps-text-faint)}imageflow-editor imageflow-sc-group{display:block;margin-top:14px}imageflow-editor imageflow-sc-group-head{display:block;padding:4px 0 6px;font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--ps-text-faint)}imageflow-editor imageflow-sc-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:3px 6px;border-radius:3px;scroll-margin-top:44px}imageflow-editor imageflow-sc-row:hover{background:var(--ps-hover)}imageflow-editor imageflow-sc-row.customised{box-shadow:inset 2px 0 0 var(--ps-accent)}imageflow-editor imageflow-sc-label{flex:1;min-width:0;font-size:11px;color:var(--ps-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}imageflow-editor imageflow-sc-binding{flex:none;min-width:86px;text-align:center;padding:3px 8px;border:1px solid var(--ps-divider);border-radius:3px;background:var(--ps-field);color:var(--ps-text);font-size:11px;font-variant-numeric:tabular-nums;cursor:pointer}imageflow-editor imageflow-sc-binding:hover{border-color:var(--ps-accent)}imageflow-editor imageflow-sc-binding.recording{border-color:var(--ps-accent);color:var(--ps-accent-hi);background:color-mix(in srgb,var(--ps-accent) 18%,transparent)}imageflow-editor imageflow-sc-binding:focus-visible{outline:1px solid var(--ps-accent);outline-offset:1px}imageflow-editor imageflow-sc-none{color:var(--ps-text-faint);font-style:italic}imageflow-editor imageflow-sc-actions{flex:none;display:flex;gap:4px;min-width:0;visibility:hidden}imageflow-editor imageflow-sc-row:hover imageflow-sc-actions,imageflow-editor imageflow-sc-row:focus-within imageflow-sc-actions,imageflow-editor imageflow-sc-row.customised imageflow-sc-actions{visibility:visible}imageflow-editor imageflow-sc-clash{flex-basis:100%;margin:4px 0 2px;padding:7px 9px;border-radius:3px;background:color-mix(in srgb,#c8871a 16%,transparent);border:1px solid color-mix(in srgb,#c8871a 45%,transparent);font-size:11px;color:var(--ps-text)}imageflow-editor imageflow-sc-clash>strong{font-weight:600}imageflow-editor imageflow-sc-clash-actions{display:flex;gap:6px;margin-top:6px}@keyframes imageflow-spin{to{transform:rotate(360deg)}}@keyframes imageflow-tooltip-in{0%{opacity:0}to{opacity:1}}imageflow-editor[data-screen-mode=fullMenu] imageflow-statusbar,imageflow-editor[data-screen-mode=fullMenu] imageflow-tabstrip{display:none}imageflow-editor[data-screen-mode=full] imageflow-menubar,imageflow-editor[data-screen-mode=full] imageflow-tool-options,imageflow-editor[data-screen-mode=full] imageflow-toolbar,imageflow-editor[data-screen-mode=full] imageflow-panels,imageflow-editor[data-screen-mode=full] imageflow-statusbar,imageflow-editor[data-screen-mode=full] imageflow-tabstrip{display:none}imageflow-editor[data-screen-mode=full] imageflow-viewport{background:#000}html.imageflow-scrubbing,html.imageflow-scrubbing *{cursor:ew-resize!important;-webkit-user-select:none!important;user-select:none!important}imageflow-editor imageflow-num-combo imageflow-num-combo-field.editable{justify-content:flex-start;cursor:text}imageflow-editor imageflow-num-combo imageflow-num-combo-field.editable imageflow-num-combo-value{display:inline-flex;align-items:center;gap:1px;flex:1;min-width:0}imageflow-editor imageflow-num-combo imageflow-num-combo-field.editable input{width:100%;min-width:0;margin:0;padding:0;border:0;background:none;box-shadow:none;outline:none;color:inherit;font:inherit;font-variant-numeric:tabular-nums;text-align:right;cursor:text}imageflow-editor imageflow-num-combo imageflow-num-combo-field.editable input::selection{background:var(--ps-selected);color:var(--ps-contrast)}imageflow-editor imageflow-num-combo imageflow-num-combo-field.editable:focus-within{border-color:var(--ps-accent, #4b8bd6)}imageflow-editor imageflow-num-combo imageflow-num-combo-field.editable>.chevron{flex:none;margin-left:auto;cursor:default}imageflow-layers[data-load-sel]:not([data-load-sel=""]) imageflow-layer-thumb,imageflow-layers[data-load-sel]:not([data-load-sel=""]) imageflow-mask-thumb{cursor:var(--load-sel-cursor, pointer)}imageflow-histogram{display:block;margin:6px 8px;padding:4px;background:var(--ps-well, rgba(0,0,0,.25));border:1px solid var(--ps-divider);border-radius:2px}imageflow-histogram svg{display:block;width:100%;height:78px}imageflow-histogram-stats{display:grid;grid-template-columns:1fr 1fr;gap:2px 10px;padding:2px 10px 8px;font-size:10px;color:var(--ps-text-dim);font-variant-numeric:tabular-nums}imageflow-note-list,imageflow-preset-list,imageflow-comp-list{display:block;overflow-y:auto;flex:1;min-height:60px}imageflow-note,imageflow-preset,imageflow-comp{display:flex;align-items:center;gap:6px;padding:4px 8px;border-bottom:1px solid var(--ps-divider);font-size:11px;cursor:default;-webkit-user-select:none;user-select:none}imageflow-note:hover,imageflow-preset:hover,imageflow-comp:hover{background:#ffffff0d}imageflow-note imageflow-button,imageflow-preset imageflow-button,imageflow-comp imageflow-button{flex:none;opacity:0}imageflow-note:hover imageflow-button,imageflow-preset:hover imageflow-button,imageflow-comp:hover imageflow-button{opacity:1}imageflow-preset,imageflow-comp{cursor:pointer}imageflow-note-body{flex:1;min-width:0}imageflow-note-text,imageflow-preset-name,imageflow-comp-name{display:block;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}imageflow-note-meta,imageflow-preset-tool,imageflow-comp-count{font-size:10px;color:var(--ps-text-dim);flex:none}imageflow-frame-strip{display:block;overflow-y:auto;flex:1;min-height:60px}imageflow-frame{display:flex;align-items:center;gap:6px;padding:4px 8px;border-bottom:1px solid var(--ps-divider);font-size:11px;cursor:pointer;-webkit-user-select:none;user-select:none}imageflow-frame:hover{background:#ffffff0d}imageflow-frame.active{background:var(--ps-selection, rgba(60,120,220,.35))}imageflow-frame input{width:62px;flex:none}imageflow-frame imageflow-button{flex:none;opacity:0}imageflow-frame:hover imageflow-button{opacity:1}imageflow-frame-index{flex:none;width:20px;color:var(--ps-text-dim);font-variant-numeric:tabular-nums}imageflow-frame-layers{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}imageflow-frame-count{margin-left:auto;font-size:10px;color:var(--ps-text-dim)}imageflow-button.disabled{opacity:.4;pointer-events:none}imageflow-ls-item.sub{padding-left:26px}imageflow-ls-item.sub imageflow-ls-name{font-size:11px;color:var(--ps-text-dim)}imageflow-ls-item.sub.under-active imageflow-ls-name{color:var(--ps-text)}imageflow-levels-widget{display:block;margin:6px 10px 2px}imageflow-levels-widget imageflow-histogram{margin:0}imageflow-levels-widget imageflow-histogram canvas{height:72px}imageflow-levels-track{position:relative;display:block;height:14px;margin-top:2px;touch-action:none;cursor:pointer}imageflow-levels-handle{position:absolute;top:1px;width:0;height:0;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:10px solid var(--ps-text, #d4d4d4);cursor:ew-resize}imageflow-levels-handle.black{border-bottom-color:#101010;filter:drop-shadow(0 0 .5px rgba(255,255,255,.85))}imageflow-levels-handle.grey{border-bottom-color:#8a8a8a}imageflow-levels-handle.white{border-bottom-color:#f2f2f2;filter:drop-shadow(0 0 .5px rgba(0,0,0,.85))}imageflow-levels-handle:hover{transform:scale(1.15)}imageflow-levels-ramp{display:block;height:12px;border:1px solid var(--ps-edge-dark);border-radius:2px;background:linear-gradient(to right,#000,#fff)}imageflow-levels-widget imageflow-adjustment-caption{padding:6px 0 2px}imageflow-levels-inputs{display:flex;align-items:center;gap:6px;padding:2px 10px}imageflow-levels-inputs imageflow-transform-cell{display:flex;align-items:center;gap:4px;flex:1;min-width:0}imageflow-levels-inputs imageflow-transform-cell>imageflow-label{flex:none;color:var(--ps-text-dim);font-size:10px}imageflow-levels-inputs imageflow-transform-cell imageflow-number{flex:1;min-width:0}imageflow-adjustment-actions{display:flex;align-items:center;gap:6px;padding:4px 10px 6px}imageflow-adjustment-actions imageflow-button.eyedropper{display:grid;place-items:center;width:22px;height:22px;flex:none;border-radius:var(--ps-radius);background:var(--ps-field);border:1px solid var(--ps-edge-dark);cursor:pointer}imageflow-adjustment-actions imageflow-button.eyedropper:hover{background:var(--ps-hover)}imageflow-adjustment-actions imageflow-button.eyedropper.active{background:var(--ps-active);border-color:var(--ps-accent-hi)}imageflow-eyedropper-chip{display:block;width:10px;height:10px;border-radius:50%;border:1px solid var(--ps-edge-dark)}imageflow-eyedropper-chip[data-tone=black]{background:#000}imageflow-eyedropper-chip[data-tone=grey]{background:gray}imageflow-eyedropper-chip[data-tone=white]{background:#fff}imageflow-mask-preview{display:block;margin:4px 10px;padding:3px;background:var(--ps-field);border:1px solid var(--ps-edge-dark);border-radius:var(--ps-radius)}imageflow-mask-preview canvas{display:block;width:100%;height:auto}imageflow-field.status.error{color:#fff;background:#b3352f;border-radius:2px;padding:0 6px;font-weight:500}imageflow-layer-link[role=button]{cursor:pointer}imageflow-layer-link[role=button]:hover{color:var(--ps-contrast)}imageflow-layer-link[role=button]:focus-visible{outline:2px solid var(--ps-accent);outline-offset:1px}imageflow-layer-link.unlinked{color:var(--ps-text-disabled)}imageflow-layer.provisional{opacity:.72;font-style:italic;pointer-events:none}imageflow-layer.provisional imageflow-layer-thumb.text-provisional{display:grid;place-items:center;font:600 13px/1 var(--ps-font, sans-serif);font-style:normal;color:var(--ps-text);background:var(--ps-panel);border:1px dashed var(--ps-edge-dark)}imageflow-layer-drop-mark{display:block;height:2px;margin-top:-1px;background:var(--imageflow-accent, #2d7ff9);box-shadow:0 0 0 1px #00000059;border-radius:1px}imageflow-layer-drop-mark:before{content:"";position:absolute;left:-3px;top:-3px;width:8px;height:8px;border-radius:50%;background:var(--imageflow-accent, #2d7ff9);box-shadow:0 0 0 1px #00000059}imageflow-tab.drop-armed{outline:2px solid var(--ps-accent, #4a90d9);outline-offset:-2px}imageflow-button.drop-armed{outline:2px solid var(--ps-accent, #4a90d9);outline-offset:-1px;background:color-mix(in srgb,var(--ps-accent, #4a90d9) 25%,transparent)}imageflow-kernel-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;margin:4px 0}imageflow-kernel-grid input{width:100%;min-width:0;padding:3px 2px;text-align:center;font-size:11px;background:var(--ps-field);color:var(--ps-text);border:1px solid var(--ps-divider);border-radius:3px}imageflow-kernel-grid input:focus{outline:1px solid var(--ps-accent, #4a90d9)}imageflow-vp-workspace{position:fixed;top:0;left:0;width:calc(100vw / var(--ps-ui-scale, 1));height:calc(100vh / var(--ps-ui-scale, 1));zoom:var(--ps-ui-scale, 1);z-index:720;display:grid;place-items:stretch;background:#0000008c;padding:12px}imageflow-vp-frame{display:flex;flex-direction:column;min-height:0;background:var(--ps-panel);border:1px solid var(--ps-edge-dark);border-radius:var(--ps-radius-lg);box-shadow:0 24px 70px #000000bf,inset 0 1px 0 var(--ps-edge-light);overflow:hidden}imageflow-vp-header{display:flex;align-items:center;gap:10px;height:30px;padding:0 12px;flex:none;font-size:12px;font-weight:600;background:var(--ps-panel-header);border-bottom:1px solid var(--ps-divider)}imageflow-vp-headnote{color:var(--ps-text-faint);font-weight:400}imageflow-vp-options{display:flex;align-items:center;gap:12px;flex:none;padding:6px 10px;min-height:34px;background:var(--ps-panel-header);border-bottom:1px solid var(--ps-divider)}imageflow-vp-field{display:flex;align-items:center;gap:6px;min-width:150px}imageflow-vp-field.narrow{min-width:auto}imageflow-vp-field>imageflow-label{color:var(--ps-text-dim);white-space:nowrap}imageflow-vp-field>imageflow-slider{flex:1;min-width:70px}imageflow-vp-spacer{flex:1}imageflow-vp-main{display:flex;flex:1;min-height:0}imageflow-vp-rail{display:flex;flex-direction:column;gap:2px;flex:none;padding:6px 4px;background:var(--ps-panel-header);border-right:1px solid var(--ps-divider)}imageflow-vp-tool{display:grid;place-items:center;width:28px;height:28px;border-radius:3px;color:var(--ps-icon-dim);cursor:default}imageflow-vp-tool:hover{background:#ffffff14;color:var(--ps-contrast)}imageflow-vp-tool.active{background:var(--ps-accent, #4a90d9);color:#fff}imageflow-vp-stage{position:relative;flex:1;min-width:0;min-height:0;overflow:hidden;background:#2a2a2a}imageflow-vp-stage canvas{display:block}imageflow-vp-busy{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--ps-text-dim);font-size:12px;background:#00000059}imageflow-vp-footer{display:flex;align-items:center;gap:14px;flex:none;padding:6px 10px;min-height:30px;background:var(--ps-panel-header);border-top:1px solid var(--ps-divider)}imageflow-vp-zoom{display:flex;align-items:center;gap:6px;flex:none;font-size:11px}imageflow-vp-status{flex:1;min-width:0;font-size:11px;color:var(--ps-text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}imageflow-vp-status.warn{color:#e8c33a}imageflow-vp-status.bad{color:#ff5d4d}imageflow-gallery-zoombar{display:flex;align-items:center;gap:4px;padding:3px 8px;background:var(--ps-panel-header);border-top:1px solid var(--ps-divider)}imageflow-gallery-zoompct{min-width:44px;text-align:right;font-size:11px;font-variant-numeric:tabular-nums;color:var(--ps-text-dim, var(--ps-text))}imageflow-gallery-zoomhint{margin-left:auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:var(--ps-text-dim, var(--ps-text));opacity:.75}imageflow-fileinfo-grid{display:flex;flex-direction:column;gap:2px;min-width:320px;max-height:60vh;overflow-y:auto}imageflow-fileinfo-row{display:grid;grid-template-columns:118px 1fr;gap:8px;padding:3px 2px}imageflow-fileinfo-row:nth-child(odd){background:color-mix(in srgb,var(--ps-text) 4%,transparent)}imageflow-fileinfo-key{font-size:11px;color:var(--ps-text-dim, var(--ps-text))}imageflow-fileinfo-value{font-size:11px;color:var(--ps-text);overflow-wrap:anywhere;font-variant-numeric:tabular-nums}details.fileinfo-tags{margin-top:8px}details.fileinfo-tags summary{font-size:11px;color:var(--ps-text-dim, var(--ps-text));cursor:pointer}details.fileinfo-tags imageflow-fileinfo-grid{max-height:240px;margin-top:4px}imageflow-vtl-scroll{display:block;flex:1 1 auto;min-height:0;overflow:auto}imageflow-vtl-ruler{position:relative;display:block;height:18px;flex:none;margin:2px 0 4px 178px;background:linear-gradient(to right,color-mix(in srgb,var(--ps-text) 10%,transparent) 0 1px,transparent 1px 100%);background-size:10px 100%;border-bottom:1px solid var(--ps-divider);cursor:ew-resize;touch-action:none}imageflow-vtl-playhead{position:absolute;top:0;bottom:-2000px;width:1px;background:var(--ps-accent, #4a90d9);pointer-events:none}imageflow-vtl-playhead:before{content:"";position:absolute;top:0;left:-4px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid var(--ps-accent, #4a90d9)}imageflow-vtl-tracks{display:flex;flex-direction:column;gap:2px}imageflow-vtl-track{display:flex;align-items:center;gap:4px;flex:none}imageflow-vtl-name{position:sticky;left:0;z-index:1;flex:0 0 114px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:var(--ps-text);background:var(--ps-panel)}imageflow-vtl-keys{position:sticky;left:118px;z-index:1;display:flex;gap:2px;flex:0 0 56px;background:var(--ps-panel)}imageflow-vtl-keys imageflow-button{padding:0 3px;font-size:10px}imageflow-vtl-lane{position:relative;display:block;height:16px;flex:none;background:color-mix(in srgb,var(--ps-text) 6%,transparent);border-radius:3px}imageflow-vtl-bar{position:absolute;top:2px;height:12px;border-radius:2px;background:color-mix(in srgb,var(--ps-accent, #4a90d9) 55%,transparent);border:1px solid var(--ps-accent, #4a90d9)}imageflow-vtl-key{position:absolute;top:4px;width:8px;height:8px;margin-left:-4px;transform:rotate(45deg);border:1px solid var(--ps-bg, #333)}imageflow-vtl-key.opacity{background:#e8c33a}imageflow-vtl-key.position{background:#6fd08c}imageflow-dialog-hint{display:block;margin:0 0 6px;font-size:11px;color:var(--ps-text-dim, #9a9a9a)}imageflow-tool-option.overflow{position:relative}imageflow-tool-overflow{position:absolute;top:100%;right:0;z-index:400;display:flex;flex-direction:column;align-items:stretch;gap:8px;min-width:220px;max-height:60vh;overflow-y:auto;overflow-x:visible;margin-top:4px;padding:8px;background:var(--ps-panel);border:1px solid var(--ps-divider);border-radius:var(--ps-radius);box-shadow:0 6px 20px #00000073;white-space:nowrap}imageflow-hsl-tabs{display:flex;gap:4px;margin-bottom:8px}imageflow-hsl-row{display:flex;align-items:center;gap:8px}imageflow-hsl-row>imageflow-slider-row,imageflow-hsl-row>*{min-width:0}imageflow-hsl-swatch{flex:none;width:10px;height:10px;border-radius:50%;box-shadow:inset 0 0 0 1px #00000059}