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-hover: #3a8ef5;--ps-accent-press: #0d64cc;--ps-warning: #e0a030;--ps-report: #e07a2f;--ps-report-hi: #ef8c42;--ps-report-press: #c26120;--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: 30px;--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;@keyframes imageflow-feedback-sweep{0%{transform:translate(-100%)}to{transform:translate(300%)}}@keyframes imageflow-relight-sweep{0%{margin-left:-35%}to{margin-left:100%}}@keyframes imageflow-selectmask-spin{to{transform:rotate(360deg)}}@keyframes imageflow-selectmask-slide{0%{transform:translate(-100%) scaleX(.4)}50%{transform:translate(0) scaleX(.6)}to{transform:translate(100%) scaleX(.4)}}}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-menubar imageflow-feedback-button{margin-left:auto;align-self:center;display:inline-flex;align-items:center;gap:5px;height:18px;padding:0 8px;border-radius:var(--ps-radius);font-size:11px;cursor:default;color:var(--ps-report-hi);background:color-mix(in srgb,var(--ps-report) 16%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ps-report) 45%,transparent)}imageflow-editor imageflow-menubar imageflow-feedback-button>svg{flex:none;display:block}imageflow-editor imageflow-menubar imageflow-feedback-button:hover{background:color-mix(in srgb,var(--ps-report) 30%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ps-report) 70%,transparent);color:var(--ps-contrast)}imageflow-editor imageflow-menubar imageflow-feedback-button:active{background:color-mix(in srgb,var(--ps-report-press) 48%,transparent);color:var(--ps-contrast)}imageflow-editor imageflow-menubar imageflow-feedback-button:focus{outline:none}imageflow-editor imageflow-menubar imageflow-feedback-button:focus-visible{outline:1px solid var(--ps-report-hi);outline-offset:1px}imageflow-editor imageflow-menubar imageflow-feedback-button.disabled{color:var(--ps-text-disabled);background:none;box-shadow:inset 0 0 0 1px var(--ps-button-edge)}:where(imageflow-editor[data-theme=light],imageflow-editor[data-theme=medium]) :is(imageflow-editor imageflow-menubar imageflow-feedback-button){color:var(--ps-report-press)}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.scrolls imageflow-tool-rail{overflow-y:auto;scrollbar-width:none;flex:0 1 auto}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.two-col imageflow-tool-divider-filler{visibility:hidden;width:28px;height:28px}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-menu.tab-overflow-menu{max-width:320px}imageflow-editor 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-tab-dirty{flex:none;margin-left:3px}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-tabs imageflow-tab.dragging{opacity:.55}imageflow-editor imageflow-tabs imageflow-tab.drop-before{box-shadow:inset 2px 0 0 var(--ps-accent, #4a90d9)}imageflow-editor imageflow-tabs imageflow-tab.drop-after{box-shadow:inset -2px 0 0 var(--ps-accent, #4a90d9)}imageflow-editor imageflow-viewport{position:relative;flex:1;min-height:0;overflow:hidden;overflow:clip;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-empty-state.start{--start-ring: color-mix(in srgb, var(--ps-text) 18%, transparent);justify-content:space-between;gap:0;padding:clamp(16px,6vh,64px) 24px clamp(14px,4vh,40px);overflow:hidden;text-align:center;color:var(--ps-text-dim)}imageflow-editor imageflow-empty-state.start p{margin:0;font-size:12px}imageflow-editor imageflow-empty-state.start a{color:var(--ps-text);text-decoration:none;border-radius:3px}imageflow-editor imageflow-empty-state.start a:hover{text-decoration:underline}imageflow-editor imageflow-empty-state.start a:focus-visible{outline:1px solid var(--ps-accent);outline-offset:2px}imageflow-editor imageflow-empty-state .start-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:0}imageflow-editor imageflow-empty-state .start-title{display:flex;align-items:center;gap:14px}imageflow-editor imageflow-empty-state .start-title img{display:block;filter:drop-shadow(0 6px 18px rgba(0,0,0,.35))}imageflow-editor imageflow-empty-state .start-title h1{margin:0;font:800 44px/1 Inter,var(--ps-font, system-ui),sans-serif;letter-spacing:-.045em;color:var(--ps-text)}imageflow-editor imageflow-empty-state p.start-lede{font-size:15px;color:var(--ps-text)}imageflow-editor imageflow-empty-state p.start-features{font-size:12px;letter-spacing:.02em;color:var(--ps-text-faint)}imageflow-editor imageflow-empty-state .start-private{margin:10px 0 4px;display:flex;flex-direction:column;gap:3px}imageflow-editor imageflow-empty-state .start-private .start-private-head{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:600;color:var(--ps-text)}imageflow-editor imageflow-empty-state .start-private .start-private-head imageflow-icon{color:inherit}imageflow-editor imageflow-empty-state .start-actions{display:flex;gap:10px;margin-top:8px}imageflow-editor imageflow-empty-state p.start-drop{margin-top:2px;font-size:11px;color:var(--ps-text-faint)}imageflow-editor imageflow-empty-state .start-credit{display:flex;flex-direction:column;align-items:center;gap:10px}imageflow-editor imageflow-empty-state .start-credit p{font-size:11px;color:var(--ps-text-faint)}imageflow-editor imageflow-empty-state a.start-avatar-link{display:block;border-radius:50%}imageflow-editor imageflow-empty-state a.start-avatar-link:hover{text-decoration:none}imageflow-editor imageflow-empty-state .start-avatar{display:block;perspective:800px;cursor:pointer}imageflow-editor imageflow-empty-state .start-card{display:block;width:100%;height:100%;border-radius:50%;transform-style:preserve-3d;will-change:transform;box-shadow:0 0 0 1px var(--start-ring),0 18px 40px -12px #00000073}imageflow-editor imageflow-empty-state .start-card canvas,imageflow-editor imageflow-empty-state .start-card img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}@media(max-height:560px){imageflow-editor imageflow-empty-state .start-credit{display:none}}@media(max-height:380px){imageflow-editor imageflow-empty-state p.start-features,imageflow-editor imageflow-empty-state .start-private,imageflow-editor imageflow-empty-state p.start-drop{display:none}}imageflow-editor imageflow-dialog.legal{width:min(780px,92vw);height:min(760px,86vh)}imageflow-editor imageflow-dialog.legal imageflow-dialog-body{flex:1;min-height:0;padding:0;display:flex}imageflow-editor imageflow-legal-doc{flex:1;min-height:0;overflow-y:auto;padding:18px 26px 26px;font-size:13px;line-height:1.6;color:var(--ps-text-dim);-webkit-user-select:text;user-select:text}imageflow-editor imageflow-legal-doc h2{margin:30px 0 8px;font-size:15px;font-weight:600;color:var(--ps-text);scroll-margin-top:12px}imageflow-editor imageflow-legal-doc h3{margin:18px 0 6px;font-size:13px;font-weight:600;color:var(--ps-text)}imageflow-editor imageflow-legal-doc p{margin:0 0 10px}imageflow-editor imageflow-legal-doc ul,imageflow-editor imageflow-legal-doc ol{margin:0 0 12px;padding-left:1.4em}imageflow-editor imageflow-legal-doc li{margin:0 0 4px}imageflow-editor imageflow-legal-doc strong{color:var(--ps-text);font-weight:600}imageflow-editor imageflow-legal-doc a{color:var(--ps-accent);text-decoration:none}imageflow-editor imageflow-legal-doc a:hover{text-decoration:underline}imageflow-editor imageflow-legal-doc section{scroll-margin-top:12px}imageflow-editor imageflow-legal-doc .legal-num{color:var(--ps-text-faint);font-variant-numeric:tabular-nums;font-weight:500}imageflow-editor imageflow-legal-doc .legal-caps{text-transform:uppercase;font-size:12px;letter-spacing:.01em}imageflow-editor imageflow-legal-doc .legal-callout{border-left:3px solid var(--ps-accent);background:var(--ps-panel-header);border-radius:0 6px 6px 0;padding:10px 14px 2px;margin:0 0 14px}imageflow-editor imageflow-legal-doc .legal-toc{background:var(--ps-panel-header);border-radius:6px;padding:12px 16px 6px;margin:0 0 6px}imageflow-editor imageflow-legal-doc .legal-toc h2{margin:0 0 6px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ps-text-faint)}imageflow-editor imageflow-legal-doc .legal-toc ol{columns:2 14rem;column-gap:24px;margin:0}imageflow-editor imageflow-legal-doc .legal-toc li{break-inside:avoid;margin:0 0 5px}imageflow-editor imageflow-legal-doc .legal-toc a{color:var(--ps-text-dim)}imageflow-editor imageflow-legal-doc .legal-toc a:hover{color:var(--ps-accent)}imageflow-editor imageflow-legal-doc .legal-foot{margin-top:28px;font-size:11px;color:var(--ps-text-faint)}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-flyout{position:fixed;z-index:60;display:flex;flex-direction:column;background:var(--ps-panel);border:1px solid var(--ps-edge-dark);box-shadow:0 4px 14px #0000008c;overflow:hidden}imageflow-editor imageflow-dock-rail-tab.open{background:var(--ps-hover);color:var(--ps-text)}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-isolate-chip{display:inline-flex;align-items:center;gap:4px;flex:none;height:20px;padding:0 6px;border-radius:10px;font-size:10px;cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--ps-contrast);background:var(--ps-accent)}imageflow-editor imageflow-layer-filter imageflow-isolate-chip:hover{filter:brightness(1.12)}imageflow-editor imageflow-layer-filter imageflow-isolate-chip:focus-visible{outline:1px solid var(--ps-contrast);outline-offset:1px}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>imageflow-select{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:#f2f2f2;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.mask.vector.disabled{position:relative}imageflow-editor imageflow-layer imageflow-layer-thumb.mask.vector.disabled:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;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-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-missing-font{display:grid;place-items:center;flex:none}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-align-row{display:flex;flex-wrap:wrap;gap:2px;padding:2px 8px}imageflow-editor imageflow-adjustment-preset{display:block;padding:3px 10px 3px 26px;font-size:11px;color:var(--ps-text);cursor:default}imageflow-editor imageflow-adjustment-preset:hover{background:var(--ps-hover)}imageflow-editor imageflow-adjustment-preset:focus-visible{outline:1px solid var(--ps-focus, currentColor);outline-offset:-1px}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-body>imageflow-slider{flex:none;padding:4px 8px}imageflow-editor imageflow-prop-body>imageflow-slider>imageflow-label:first-child{flex:none;min-width:72px}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-info-row imageflow-swatch{width:16px;height:12px;margin-left:6px;flex:none;align-self:center}imageflow-editor imageflow-info-samplers{display:grid;grid-template-columns:1fr 1fr;gap:3px 10px;padding:3px 10px;font-size:11px}imageflow-editor imageflow-info-samplers imageflow-info-sampler{display:flex;align-items:center;gap:5px;min-width:0;white-space:nowrap}imageflow-editor imageflow-info-samplers imageflow-info-sampler imageflow-info-label{color:var(--ps-text-dim)}imageflow-editor imageflow-info-samplers imageflow-info-sampler imageflow-info-value{color:var(--ps-text);font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis}imageflow-editor imageflow-info-samplers imageflow-info-sampler imageflow-swatch{width:12px;height:12px;flex:none}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(var(--ps-accent-hover),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.danger{color:#fff;background:linear-gradient(#e8625a,#d8483f);border-color:var(--ps-edge-dark)}imageflow-editor imageflow-button.danger:hover{background:#e8625a}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.disabled{opacity:.4;pointer-events:none}imageflow-editor imageflow-slider.small imageflow-slider-track{height:3px}imageflow-editor imageflow-slider>imageflow-number.slider-field{flex:none;width:64px}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-slider.develop{--imageflow-slider-thumb: 11px;display:grid;grid-template-columns:78px minmax(48px,1fr) 46px;align-items:center;column-gap:8px;height:22px;min-width:0;flex:none}imageflow-editor imageflow-slider.develop imageflow-slider-label{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right;color:var(--ps-text-dim)}imageflow-editor imageflow-slider.develop imageflow-slider-label:hover{color:var(--ps-text)}imageflow-editor imageflow-slider.develop imageflow-slider-track{position:relative;display:block;height:100%;min-width:0;background:none;border:0;border-radius:0;touch-action:none}imageflow-editor imageflow-slider.develop imageflow-slider-track:focus-visible{outline:none}imageflow-editor imageflow-slider.develop imageflow-slider-track:focus-visible imageflow-slider-thumb{box-shadow:0 0 0 2px var(--ps-accent)}imageflow-editor imageflow-slider.develop imageflow-slider-groove{position:absolute;left:0;right:0;top:50%;height:4px;transform:translateY(-50%);background:var(--ps-field);border:1px solid var(--ps-edge-dark);border-radius:2px}imageflow-editor imageflow-slider.develop imageflow-slider-fill{position:absolute;top:0;bottom:0;display:block;border-radius:2px}imageflow-editor imageflow-slider.develop imageflow-slider-origin{position:absolute;top:-3px;bottom:-3px;display:block;width:1px;margin-left:-.5px;background:var(--ps-text-faint)}imageflow-editor imageflow-slider.develop imageflow-slider-thumb{width:var(--imageflow-slider-thumb);height:var(--imageflow-slider-thumb);pointer-events:none}imageflow-editor imageflow-slider.develop.dragging imageflow-slider-thumb{background:linear-gradient(#fff,#e0e0e0)}imageflow-editor imageflow-slider.develop.ramped imageflow-slider-groove{height:8px}imageflow-editor imageflow-slider.develop imageflow-slider-value{display:block;min-width:0}imageflow-editor imageflow-slider.develop imageflow-slider-value input{display:block;width:100%;height:18px;padding:0 3px;font:inherit;font-variant-numeric:tabular-nums;text-align:right;color:var(--ps-text);background:transparent;border:1px solid transparent;border-radius:var(--ps-radius);outline:none;cursor:ew-resize}imageflow-editor imageflow-slider.develop imageflow-slider-value input:hover{background:var(--ps-field);border-color:var(--ps-edge-dark)}imageflow-editor imageflow-slider.develop imageflow-slider-value input:focus{cursor:text;background:var(--ps-field);border-color:var(--ps-accent);box-shadow:0 0 0 1px var(--ps-accent)}imageflow-editor imageflow-slider.develop.modified imageflow-slider-value input{color:var(--ps-contrast)}imageflow-editor imageflow-slider.develop.disabled{opacity:.4;pointer-events:none}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 imageflow-select-thumb{flex:none;display:block;width:22px;height:16px;border-radius:2px;overflow:hidden;box-shadow:inset 0 0 0 1px #0000008c}imageflow-editor imageflow-select imageflow-select-thumb>svg{display:block;width:100%;height:100%}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.wide{min-width:132px}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(400px,calc(100vh - 24px));max-height:calc(8px + 22px*round(down,(min(400px,100vh - 24px) - 8px) / 22px,1));overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--ps-icon-dim) transparent;background:linear-gradient(var(--ps-panel-sub) 30%,transparent) center top / 100% 16px local no-repeat,linear-gradient(transparent,var(--ps-panel-sub) 70%) center bottom / 100% 16px local no-repeat,radial-gradient(farthest-side at 50% 0,rgba(255,255,255,.22),transparent) center top / 100% 8px scroll no-repeat,radial-gradient(farthest-side at 50% 100%,rgba(255,255,255,.22),transparent) center bottom / 100% 8px scroll no-repeat,var(--ps-panel-sub);width:max-content;max-width:min(360px,90vw);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>imageflow-select-label{overflow:visible;text-overflow:clip}imageflow-editor imageflow-options:has(imageflow-select-thumb){width:max-content;max-width:min(320px,90vw)}imageflow-editor imageflow-options:has(imageflow-select-thumb)>imageflow-option>imageflow-select-label{overflow:visible;text-overflow:clip}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-thumb{flex:none}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-options imageflow-option.highlighted{background:var(--ps-accent);color:var(--ps-contrast)}imageflow-editor imageflow-options imageflow-option.highlighted>imageflow-icon{color:var(--ps-contrast)}imageflow-editor imageflow-options imageflow-option.disabled{color:var(--ps-text-disabled);pointer-events:none}imageflow-editor imageflow-options imageflow-option>imageflow-option-hint{flex:none;margin-left:16px;color:var(--ps-text-faint)}imageflow-editor imageflow-options imageflow-option:hover>imageflow-option-hint,imageflow-editor imageflow-options imageflow-option.highlighted>imageflow-option-hint{color:inherit;opacity:.75}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-checkbox.mixed imageflow-checkbox-box{background:var(--ps-accent);border-color:var(--ps-accent-press);color:var(--ps-contrast)}imageflow-editor imageflow-checkbox.disabled{opacity:.4;pointer-events:none}imageflow-editor imageflow-switch{display:inline-flex;align-items:center;flex:none;width:24px;height:13px;padding:1px;background:var(--ps-field);border:1px solid var(--ps-edge-dark);border-radius:7px;box-shadow:inset 0 1px 1px #0006;cursor:default}imageflow-editor imageflow-switch:before{content:"";display:block;width:9px;height:9px;border-radius:50%;background:linear-gradient(#8a8a8a,#6f6f6f);transition:transform .1s}imageflow-editor imageflow-switch.on{background:var(--ps-accent);border-color:var(--ps-accent-press)}imageflow-editor imageflow-switch.on:before{background:linear-gradient(#efefef,#cfcfcf);transform:translate(11px)}imageflow-editor imageflow-switch:focus{outline:none}imageflow-editor imageflow-switch:focus-visible{outline:1px solid var(--ps-accent);outline-offset:1px}imageflow-editor imageflow-switch.disabled{opacity:.4;pointer-events:none}imageflow-editor imageflow-tab-badge{display:inline-grid;place-items:center;min-width:14px;height:14px;padding:0 4px;font-size:10px;color:var(--ps-text);background:var(--ps-active);border-radius:7px}imageflow-editor imageflow-tabs-extra{display:flex;align-items:center;gap:2px;margin-left:auto;padding:0 4px}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-color-eyedropper{position:absolute;bottom:-5px;right:-8px;display:grid;place-items:center;width:18px;height:18px;padding:0;border-radius:50%;background:var(--ps-panel-bg, #383838);color:var(--ps-text, #ddd);border:1px solid var(--ps-edge-dark);cursor:pointer}imageflow-editor imageflow-color-picker .imageflow-color-eyedropper:hover{background:var(--ps-hover-bg, #454545)}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;--ps-dvw: calc(1vw / var(--ps-ui-scale, 1));--ps-dvh: calc(1vh / var(--ps-ui-scale, 1));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.clear[data-dialog=filter]{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17'%3E%3Crect x='3.5' y='3.5' width='10' height='10' fill='none' stroke='%23000' stroke-width='3'/%3E%3Crect x='3.5' y='3.5' width='10' height='10' fill='none' stroke='%23fff'/%3E%3C/svg%3E") 8 8,crosshair}imageflow-editor imageflow-dialogs.clear[data-dialog=filter]>imageflow-dialog{cursor:default}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;max-height:calc(100 * var(--ps-dvh, 1vh) - 16px);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:calc(70 * var(--ps-dvh, 1vh));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-dialog-note.error{color:var(--ps-warning, #e0a030)}imageflow-editor imageflow-dialog.rasterize-prompt imageflow-dialog-note{color:var(--ps-text);font-size:12px;line-height:1.45}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:calc(60 * var(--ps-dvh, 1vh))}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-compare{display:inline-flex;flex:none;margin-left:4px}imageflow-editor imageflow-export2-compare>button{height:22px;padding:0 9px;margin-left:-1px;font:inherit;font-size:11px;color:var(--ps-text-dim);background:var(--ps-button, #3a3a3a);border:1px solid var(--ps-edge-dark);border-radius:0;cursor:pointer}imageflow-editor imageflow-export2-compare>button:first-child{margin-left:0;border-radius:var(--ps-radius) 0 0 var(--ps-radius)}imageflow-editor imageflow-export2-compare>button:last-child{border-radius:0 var(--ps-radius) var(--ps-radius) 0}imageflow-editor imageflow-export2-compare>button:hover:not(:disabled){color:var(--ps-text)}imageflow-editor imageflow-export2-compare>button.active{background:var(--ps-accent);border-color:var(--ps-accent-press, var(--ps-accent));color:var(--ps-contrast);position:relative}imageflow-editor imageflow-export2-compare>button:focus-visible{outline:2px solid var(--ps-accent);outline-offset:1px;position:relative;z-index:1}imageflow-editor imageflow-export2-compare>button:disabled{cursor:default;opacity:.45}imageflow-editor imageflow-export2-divider{position:absolute;top:0;bottom:0;z-index:2;width:17px;margin-left:-8px;cursor:ew-resize;touch-action:none}imageflow-editor imageflow-export2-divider:before{content:"";position:absolute;top:0;bottom:0;left:8px;width:1px;background:#ffffffe6;box-shadow:0 0 0 1px #00000059}imageflow-editor imageflow-export2-divider:focus-visible{outline:none}imageflow-editor imageflow-export2-divider:focus-visible imageflow-export2-divider-grip{box-shadow:0 0 0 2px var(--ps-accent)}imageflow-editor imageflow-export2-divider-grip{position:absolute;top:50%;left:50%;width:17px;height:17px;transform:translate(-50%,-50%);border-radius:50%;background:#f2f2f2;box-shadow:0 1px 3px #00000080}imageflow-editor imageflow-export2-divider-grip:before,imageflow-editor imageflow-export2-divider-grip:after{content:"";position:absolute;top:5px;border:3.5px solid transparent}imageflow-editor imageflow-export2-divider-grip:before{left:.5px;border-right-color:#333}imageflow-editor imageflow-export2-divider-grip:after{right:.5px;border-left-color:#333}imageflow-editor imageflow-export2-tag{position:absolute;top:6px;z-index:1;pointer-events:none;padding:2px 6px;border-radius:var(--ps-radius);font-size:10px;color:#fff;background:#0009;white-space:nowrap;font-variant-numeric:tabular-nums}imageflow-editor imageflow-export2-tag.left{left:6px}imageflow-editor imageflow-export2-tag.right{right:6px}imageflow-editor imageflow-export2-size-note.error{color:#ff6b60}imageflow-editor imageflow-export2-error{display:flex;flex-direction:column;gap:3px;padding:8px 10px;border-radius:var(--ps-radius);border:1px solid rgba(255,107,96,.55);background:#ff6b601a;color:#ffb4ad;font-size:11px;line-height:1.4;overflow-wrap:anywhere}imageflow-editor imageflow-export2-error strong{color:#ff8a80;font-weight:600}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(100 * var(--ps-dvw, 1vw) - 32px));height:min(var(--ps-dialog-h, 620px),calc(100 * var(--ps-dvh, 1vh) - 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-dialog-edge{position:absolute!important;z-index:6;display:block;touch-action:none}imageflow-editor imageflow-dialog-edge[data-edge=n]{top:0;left:10px;right:10px;height:4px;cursor:ns-resize}imageflow-editor imageflow-dialog-edge[data-edge=s]{bottom:0;left:10px;right:10px;height:5px;cursor:ns-resize}imageflow-editor imageflow-dialog-edge[data-edge=e]{right:0;top:10px;bottom:10px;width:5px;cursor:ew-resize}imageflow-editor imageflow-dialog-edge[data-edge=w]{left:0;top:10px;bottom:10px;width:5px;cursor:ew-resize}imageflow-editor imageflow-dialog-edge[data-edge=nw]{top:0;left:0;width:10px;height:10px;cursor:nwse-resize}imageflow-editor imageflow-dialog-edge[data-edge=ne]{top:0;right:0;width:10px;height:10px;cursor:nesw-resize}imageflow-editor imageflow-dialog-edge[data-edge=sw]{bottom:0;left:0;width:10px;height:10px;cursor:nesw-resize}imageflow-editor imageflow-dialog-edge[data-edge=se]{bottom:0;right:0;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:.35;transition:opacity .1s linear}imageflow-editor imageflow-dialog-edge[data-edge=se]:hover{opacity:.75}imageflow-editor imageflow-dialog-edge[data-edge=se]:focus{outline:none}imageflow-editor imageflow-dialog-edge[data-edge=se]:focus-visible{opacity:1;outline:1px solid var(--ps-accent);outline-offset:-1px}imageflow-editor imageflow-dialog[data-resize-armed]>imageflow-dialog-resizer{display:none}imageflow-editor imageflow-dialog.sized{max-width:none;max-height:none;min-width:0;min-height:0}imageflow-editor imageflow-dialog.sized>imageflow-dialog-body,imageflow-editor imageflow-dialog.sized>imageflow-dialog-split{flex:1 1 auto;min-height:0;max-height:none}imageflow-editor imageflow-dialog.sized>imageflow-dialog-split>imageflow-dialog-body{max-height:none}imageflow-editor imageflow-dialog.sized>imageflow-fg-body,imageflow-editor imageflow-dialog.sized>imageflow-bg-body,imageflow-editor imageflow-dialog.sized>imageflow-liquify-body,imageflow-editor imageflow-dialog.sized>imageflow-selectmask-body{flex:1 1 auto;height:auto;min-height:0}imageflow-editor imageflow-dialog.sized imageflow-depthblur-preview{min-height:0}imageflow-editor imageflow-dialog.sized imageflow-colorrange-body{flex:1 1 auto;min-height:0;grid-template-rows:minmax(0,1fr)}imageflow-editor imageflow-dialog.sized imageflow-colorrange-preview{min-height:0}imageflow-editor imageflow-dialog.sized imageflow-colorrange-preview>canvas{max-height:100%}imageflow-editor imageflow-dialog.sized.matchcolor imageflow-dialog-preview.thumb{flex:1 1 auto;height:auto;min-height:120px}imageflow-editor imageflow-dialog .caf-view{flex:1 1 0;min-height:300px;display:flex;flex-direction:column}imageflow-editor imageflow-dialog.sized .caf-view{min-height:160px}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-tabs{display:flex;gap:2px;border-bottom:1px solid var(--ps-divider)}imageflow-editor imageflow-filter-tabs button{flex:1;padding:4px 2px;font:inherit;font-size:11px;cursor:pointer;background:transparent;color:var(--ps-text-dim);border:0;border-bottom:2px solid transparent}imageflow-editor imageflow-filter-tabs button[data-active]{color:var(--ps-text);border-bottom-color:var(--ps-accent, currentColor)}imageflow-editor imageflow-filter-subhead{display:block;margin-top:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--ps-text-dim)}imageflow-editor canvas[data-testid=filter-histogram]{width:100%;height:64px;background:var(--ps-panel-deep, #1b1b1b);border:1px solid var(--ps-divider)}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-head imageflow-angle-dial{margin-left:auto}imageflow-editor imageflow-filter-param-head imageflow-angle-dial+imageflow-number{margin-left:0}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-dialog.feedback{width:460px}imageflow-editor imageflow-dialog.feedback imageflow-dialog-body{display:flex;flex-direction:column;gap:12px;max-height:min(calc(66 * var(--ps-dvh, 1vh)),640px);overflow-y:auto}imageflow-editor imageflow-feedback-kinds{display:flex;gap:6px}imageflow-editor imageflow-feedback-kind{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:3px;padding:8px 8px 9px;border-radius:var(--ps-radius);background:var(--ps-button);box-shadow:inset 0 0 0 1px var(--ps-button-edge);color:var(--ps-text-dim);cursor:default}imageflow-editor imageflow-feedback-kind>svg{flex:none;display:block;color:var(--ps-icon-dim)}imageflow-editor imageflow-feedback-kind:hover{background:var(--ps-button-hover)}imageflow-editor imageflow-feedback-kind.active{color:var(--ps-text);background:color-mix(in srgb,var(--ps-report) 18%,var(--ps-button));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ps-report) 75%,transparent)}imageflow-editor imageflow-feedback-kind.active>svg{color:var(--ps-report-hi)}imageflow-editor imageflow-feedback-kind:focus{outline:none}imageflow-editor imageflow-feedback-kind:focus-visible{outline:1px solid var(--ps-accent);outline-offset:1px}imageflow-editor imageflow-feedback-kind-label{font-weight:600;font-size:11px}imageflow-editor imageflow-feedback-kind-hint{font-size:10px;line-height:1.3;color:var(--ps-text-faint)}imageflow-editor imageflow-feedback-field{display:flex;flex-direction:column;gap:4px}imageflow-editor imageflow-feedback-field>imageflow-label{color:var(--ps-text-dim)}imageflow-editor imageflow-feedback-field>imageflow-label>em{font-style:normal;color:var(--ps-text-faint)}imageflow-editor imageflow-feedback-field>input,imageflow-editor imageflow-feedback-field>textarea{width:100%;background:var(--ps-field);color:var(--ps-text);border:1px solid var(--ps-field-edge);border-radius:var(--ps-radius);padding:5px 6px;font:inherit}imageflow-editor imageflow-feedback-field>input:focus,imageflow-editor imageflow-feedback-field>textarea:focus{outline:none;border-color:var(--ps-accent)}imageflow-editor imageflow-feedback-field>input[aria-invalid=true],imageflow-editor imageflow-feedback-field>textarea[aria-invalid=true]{border-color:var(--ps-warning)}imageflow-editor imageflow-feedback-field>textarea{min-height:96px;resize:vertical;line-height:1.45}imageflow-editor imageflow-feedback-attach{display:flex;flex-direction:column;gap:7px;position:relative;border:1px solid var(--ps-divider);border-radius:var(--ps-radius);padding:14px 12px 10px}imageflow-editor imageflow-feedback-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-feedback-docs{display:flex;flex-direction:column;gap:5px;margin:-1px 0 2px 18px;padding-left:8px;border-left:1px solid var(--ps-divider);max-height:132px;overflow-y:auto}imageflow-editor imageflow-feedback-doc{display:flex;align-items:baseline;gap:8px;min-width:0}imageflow-editor imageflow-feedback-doc-meta{color:var(--ps-text-faint);font-size:10px;white-space:nowrap}imageflow-editor imageflow-feedback-error{display:block;padding:7px 9px;border-radius:var(--ps-radius);color:var(--ps-text);line-height:1.45;background:color-mix(in srgb,var(--ps-warning) 14%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ps-warning) 55%,transparent)}imageflow-editor imageflow-feedback-progress{display:flex;flex-direction:column;gap:8px;padding:12px 0}imageflow-editor imageflow-feedback-stage{color:var(--ps-text)}imageflow-editor imageflow-feedback-bar{display:block;height:6px;border-radius:3px;overflow:hidden;background:var(--ps-field);box-shadow:inset 0 0 0 1px var(--ps-field-edge)}imageflow-editor imageflow-feedback-bar-fill{display:block;height:100%;width:0;background:var(--ps-report);transition:width .12s linear}imageflow-editor imageflow-feedback-bar.indeterminate imageflow-feedback-bar-fill{width:35%;animation:imageflow-feedback-sweep 1.1s ease-in-out infinite}imageflow-editor imageflow-feedback-result{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 0 6px;text-align:center}imageflow-editor imageflow-feedback-tick{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;color:var(--ps-contrast);background:color-mix(in srgb,var(--ps-report) 85%,transparent)}imageflow-editor imageflow-feedback-headline{font-size:12px;font-weight:600;color:var(--ps-text)}imageflow-editor imageflow-feedback-id{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:15px;letter-spacing:.5px;color:var(--ps-report-hi);padding:3px 10px;border-radius:var(--ps-radius);background:color-mix(in srgb,var(--ps-report) 14%,transparent);-webkit-user-select:text;user-select:text}imageflow-editor imageflow-feedback-blurb{max-width:340px;color:var(--ps-text-dim);line-height:1.5}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-tools{display:flex;align-items:center;gap:4px;padding:6px 6px 0;max-width:200px}imageflow-editor imageflow-custom-shape-tools>input[type=search]{flex:1;min-width:0;height:22px}imageflow-editor imageflow-custom-shape-load{height:22px;padding:0 6px;display:inline-flex;align-items:center;cursor:default;border:1px solid var(--ps-divider);border-radius:var(--ps-radius);color:var(--ps-text)}imageflow-editor imageflow-custom-shape-load:hover{border-color:var(--ps-accent)}imageflow-editor imageflow-custom-shape-note{display:block;padding:4px 6px;max-width:200px;color:var(--ps-text-dim, var(--ps-text));font-size:11px}imageflow-editor imageflow-custom-shape-scroll{display:block;max-height:320px;overflow-y:auto}imageflow-editor imageflow-custom-shape-heading{display:block;padding:6px 6px 0;font-size:11px;font-weight:600;color:var(--ps-text)}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:flex;align-items:center;justify-content:center;width:100%;height:100%;background:repeating-conic-gradient(#3a3a3a,#3a3a3a 25%,#2c2c2c 0%,#2c2c2c 50%) 0 0 / 8px 8px}imageflow-editor imageflow-style-chip>i{display:block;width:22px;height:22px;border-radius:3px}imageflow-editor imageflow-style-tile.active{border-color:var(--ps-accent);box-shadow:0 0 0 1px var(--ps-accent)}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:calc(96 * var(--ps-dvw, 1vw))}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,calc(78 * var(--ps-dvh, 1vh)));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-details{display:grid;grid-template-columns:max-content 1fr;gap:3px 12px;font-size:11px;max-width:420px}imageflow-editor imageflow-about-row{display:contents}imageflow-editor imageflow-about-key{color:var(--ps-text-dim)}imageflow-editor imageflow-about-value{color:var(--ps-text);overflow-wrap:anywhere;-webkit-user-select:text;user-select:text}imageflow-editor imageflow-about-notices{display:flex;flex-direction:column;gap:2px;max-height:160px;overflow-y:auto;font-size:11px;padding:6px 8px;background:var(--ps-panel-inset, rgba(0,0,0,.2));border-radius:4px}imageflow-editor imageflow-about-notice{display:flex;justify-content:space-between;gap:12px;color:var(--ps-text-dim)}imageflow-editor imageflow-about-notice>span:last-child{color:var(--ps-text);white-space:nowrap}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:calc(46 * var(--ps-dvh, 1vh));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(calc(60 * var(--ps-dvh, 1vh)),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.large{grid-template-columns:repeat(auto-fill,minmax(32px,1fr));gap:3px}imageflow-editor imageflow-swatch-grid>imageflow-swatch.selected{outline:2px solid var(--ps-accent);outline-offset:-1px;z-index:3}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-swatch-group{display:block}imageflow-editor imageflow-swatch-group-head{display:flex;align-items:center;gap:4px;padding:2px 8px;cursor:pointer;color:var(--ps-text);font-size:11px;-webkit-user-select:none;user-select:none}imageflow-editor imageflow-swatch-group-head:hover{background:var(--ps-hover, rgba(255,255,255,.06))}imageflow-editor imageflow-swatch-group-head.selected{background:var(--ps-accent-dim, rgba(64,140,255,.28))}imageflow-editor imageflow-swatch-group-head.drop,imageflow-editor imageflow-swatch-group-head~imageflow-swatch-group-body imageflow-swatch-grid.drop{outline:1px dashed var(--ps-accent);outline-offset:-1px}imageflow-editor imageflow-swatch-group-head .name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}imageflow-editor imageflow-swatch-group-head .count{color:var(--ps-text-dim);font-size:10px}imageflow-editor imageflow-swatch-group-toggle{display:inline-flex;align-items:center;width:12px;height:12px;flex:none}imageflow-editor imageflow-swatch-group-body{display:block;margin-left:10px}imageflow-editor imageflow-swatch-grid.drop{outline:1px dashed var(--ps-accent);outline-offset:-1px}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-panel-toolbar.swatches{position:sticky;bottom:0;margin-top:auto;z-index:3}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(calc(94 * var(--ps-dvw, 1vw)),1040px);max-width:calc(94 * var(--ps-dvw, 1vw))}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(calc(72 * var(--ps-dvh, 1vh)),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-depthblur-body{display:flex;gap:14px;align-items:stretch;height:100%;min-height:0}imageflow-editor imageflow-depthblur-preview{display:grid;place-items:center;flex:1;min-width:0;min-height:360px;background:var(--ps-pasteboard, #404040);padding:8px;box-sizing:border-box}imageflow-editor imageflow-depthblur-preview canvas{max-width:100%;max-height:100%;object-fit:contain}imageflow-editor imageflow-depthblur-body>imageflow-filter-params{flex:none;width:240px}imageflow-editor imageflow-fg-body>imageflow-filter-left{min-height:0;padding:8px;background:var(--ps-panel-header)}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:pointer;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(calc(74 * var(--ps-dvh, 1vh)),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:safe 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-dialog.camera-raw>imageflow-dialog-body{flex:1;min-height:0;padding:0;display:flex;overflow:hidden}imageflow-editor imageflow-dialog.camera-raw imageflow-cr-body{flex:1;min-width:0;min-height:0;display:grid;grid-template-columns:44px minmax(0,1fr) 290px;gap:1px;background:#000}imageflow-editor imageflow-dialog.camera-raw imageflow-cr-body>imageflow-preview{min-width:0;min-height:0;padding:8px;background:var(--ps-panel)}imageflow-editor imageflow-dialog.camera-raw imageflow-cr-side{display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--ps-panel);overflow:auto;min-height:0}imageflow-editor imageflow-bg-body{display:grid;grid-template-columns:1fr 250px;gap:1px;background:#000;height:min(calc(72 * var(--ps-dvh, 1vh)),620px)}imageflow-editor imageflow-bg-preview{display:grid;place-items:safe center;overflow:auto;position:relative;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-preview canvas.bg-detail{position:absolute;display:none;max-width:none;max-height:none;box-shadow:none;pointer-events:none}imageflow-editor imageflow-bg-side{display:flex;flex-direction:column;gap:10px;padding:12px;background:var(--ps-panel);overflow:auto}imageflow-editor imageflow-dialog.relight>imageflow-dialog-body{flex:1;min-height:0;max-height:none;padding:0;display:flex;overflow:hidden}imageflow-editor imageflow-relight-body{flex:1;min-width:0;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) clamp(280px,calc(24 * var(--ps-dvw, 1vw)),320px);gap:1px;background:#000}imageflow-editor imageflow-relight-stage{position:relative;display:block;min-width:0;min-height:0;overflow:hidden}imageflow-editor imageflow-relight-preview{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:safe center;overflow:auto;background:var(--ps-pasteboard, #404040);padding:36px}imageflow-editor imageflow-relight-preview canvas{max-width:100%;max-height:100%;object-fit:contain;touch-action:none;box-shadow:0 2px 12px #00000080;background-color:#fff;background-image:var(--relight-thumb, none),linear-gradient(45deg,#ccc 25%,transparent 25%,transparent 75%,#ccc 75%),linear-gradient(45deg,#ccc 25%,transparent 25%,transparent 75%,#ccc 75%);background-size:100% 100%,16px 16px,16px 16px;background-position:0 0,0 0,8px 8px;background-repeat:no-repeat,repeat,repeat}imageflow-editor imageflow-relight-preview.space-pan{cursor:grab}imageflow-editor imageflow-relight-preview.space-pan canvas{cursor:grab}imageflow-editor imageflow-relight-preview.panning{cursor:grabbing}imageflow-editor imageflow-relight-preview.panning canvas{cursor:grabbing}imageflow-editor imageflow-relight-handles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}imageflow-editor imageflow-relight-handles.passthrough imageflow-relight-handle{pointer-events:none}imageflow-editor imageflow-relight-handle{--light-color: #fff;position:absolute;width:30px;height:30px;margin:-15px 0 0 -15px;display:grid;place-items:center;border-radius:50%;pointer-events:auto;cursor:grab;touch-action:none;outline:none;border:2px solid var(--light-color);box-shadow:0 0 0 1px #000000a6,inset 0 0 0 1px #00000080,0 1px 6px #00000073;background:radial-gradient(circle,transparent 55%,rgba(0,0,0,.12) 56%);transition:transform 90ms ease,box-shadow 90ms ease}imageflow-editor imageflow-relight-handle imageflow-relight-dot{display:block;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle,#fff 0 35%,var(--light-color) 70%);box-shadow:0 0 0 1px #0009,0 0 8px 2px var(--light-color)}imageflow-editor imageflow-relight-handle:hover{transform:scale(1.12);box-shadow:0 0 0 1px #000000a6,inset 0 0 0 1px #00000080,0 0 12px 2px var(--light-color)}imageflow-editor imageflow-relight-handle.selected{border-width:3px;box-shadow:0 0 0 1px #000000b3,0 0 0 3px #ffffffe6,0 0 0 4px #0000008c,0 0 14px 3px var(--light-color)}imageflow-editor imageflow-relight-handle.pinned{opacity:.6;border-style:dashed}imageflow-editor imageflow-relight-handle.hidden{opacity:.45;border-style:dotted}imageflow-editor imageflow-relight-handle.hidden imageflow-relight-dot{box-shadow:0 0 0 1px #0009;background:transparent}imageflow-editor imageflow-relight-handle.dragging{cursor:grabbing;transform:scale(1.06);transition:none}imageflow-editor imageflow-relight-handle:focus-visible{box-shadow:0 0 0 1px #000000b3,0 0 0 3px var(--ps-accent),0 0 14px 3px var(--light-color)}imageflow-editor imageflow-relight-handle:not(.selected):not(:hover){opacity:.78}imageflow-editor imageflow-relight-handle.selected,imageflow-editor imageflow-relight-handle.dragging{z-index:1}imageflow-editor imageflow-relight-ghandle{z-index:2}imageflow-editor imageflow-relight-handle.sun{border-color:transparent;background:radial-gradient(circle,rgba(0,0,0,.28),transparent 70%);box-shadow:none}imageflow-editor imageflow-relight-handle.sun:hover{box-shadow:0 0 12px 2px var(--light-color)}imageflow-editor imageflow-relight-handle.sun.selected{border:2px solid rgba(255,255,255,.92);box-shadow:0 0 0 1px #000000a6,0 0 14px 3px var(--light-color)}imageflow-editor imageflow-relight-handle.sun.hidden{border-style:dotted}imageflow-editor svg.relight-sun{display:block;overflow:visible;pointer-events:none}imageflow-editor svg.relight-sun .shade{fill:none;stroke:#0009;stroke-width:4;stroke-linecap:round}imageflow-editor svg.relight-sun .ray{fill:none;stroke:var(--light-color);stroke-width:2;stroke-linecap:round}imageflow-editor svg.relight-sun .disc{fill:var(--light-color);stroke:#0009;stroke-width:1.2}imageflow-editor imageflow-relight-handles svg.relight-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}imageflow-editor imageflow-relight-handles svg.relight-overlay path{fill:none;stroke-linecap:round;stroke-linejoin:round}imageflow-editor imageflow-relight-handles svg.relight-overlay path.shade{stroke:#00000080;stroke-width:3;stroke-dasharray:none}imageflow-editor imageflow-relight-handles svg.relight-overlay path.guide{stroke:#fffc;stroke-width:1.2;stroke-dasharray:6 4}imageflow-editor imageflow-relight-handles svg.relight-overlay path.sun-ray{stroke:#ffffffe6;stroke-width:1.6}imageflow-editor imageflow-relight-handles svg.relight-overlay path.sun-ray.shade{stroke:#00000080;stroke-width:3.6}imageflow-editor imageflow-relight-handles svg.relight-overlay.active path.guide{stroke:#fff}imageflow-editor imageflow-relight-ghandle{position:absolute;display:block;box-sizing:border-box;pointer-events:auto;touch-action:none;outline:none;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#fff;border:1px solid rgba(0,0,0,.7);box-shadow:0 0 0 1px #ffffff59,0 1px 4px #00000080;transition:transform 90ms ease}imageflow-editor imageflow-relight-ghandle:hover,imageflow-editor imageflow-relight-ghandle.dragging{transform:scale(1.25)}imageflow-editor imageflow-relight-ghandle:focus-visible{box-shadow:0 0 0 2px var(--ps-accent)}imageflow-editor imageflow-relight-ghandle.move{cursor:move;width:16px;height:16px;margin:-8px 0 0 -8px;background:radial-gradient(circle,#fff 0,#fff 30%,#ffffff40 34%);border:2px solid #fff;box-shadow:0 0 0 1px #000000b3,inset 0 0 0 1px #00000080}imageflow-editor imageflow-relight-ghandle.scale{cursor:nwse-resize;border-radius:1px;width:11px;height:11px;margin:-5.5px 0 0 -5.5px;transform:rotate(45deg)}imageflow-editor imageflow-relight-ghandle.scale:hover,imageflow-editor imageflow-relight-ghandle.scale.dragging{transform:rotate(45deg) scale(1.25)}imageflow-editor imageflow-relight-ghandle.rotate{cursor:grab;background:transparent;border:2px solid #fff;box-shadow:0 0 0 1px #000000b3,inset 0 0 0 1px #00000080}imageflow-editor imageflow-relight-ghandle.rotate.dragging{cursor:grabbing}imageflow-editor imageflow-relight-section>imageflow-field.relight-menu>imageflow-label{width:56px;flex:none}imageflow-editor imageflow-relight-section>imageflow-field.relight-menu>imageflow-select{flex:1;min-width:0}imageflow-editor imageflow-relight-status{position:absolute;left:50%;bottom:24px;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;min-width:260px;max-width:80%;padding:12px 16px;border-radius:var(--ps-radius-lg, 6px);background:#1e1e1ee0;color:var(--ps-text);font-size:12px;box-shadow:0 6px 24px #00000073}imageflow-editor imageflow-relight-status .error{color:#ffb4a8}imageflow-editor imageflow-relight-progress{display:block;height:4px;border-radius:2px;overflow:hidden;background:var(--ps-field, #1e1e1e)}imageflow-editor imageflow-relight-progress i{display:block;height:100%;background:var(--ps-accent-hi, #4b8fdb);transition:width .12s linear}imageflow-editor imageflow-relight-progress.indeterminate i{animation:imageflow-relight-sweep 1.2s ease-in-out infinite}imageflow-editor imageflow-relight-notice{position:absolute;left:10px;bottom:10px;max-width:calc(100% - 20px);padding:4px 8px;border-radius:var(--ps-radius, 3px);background:#0000008c;color:var(--ps-text-dim, #bbb);font-size:11px;pointer-events:none}imageflow-editor imageflow-relight-notice.error{color:#ffb4a8}imageflow-editor imageflow-relight-side{display:flex;flex-direction:column;gap:14px;padding:12px;background:var(--ps-panel);overflow:auto;min-height:0}imageflow-editor imageflow-relight-section{display:flex;flex-direction:column;gap:10px}imageflow-editor imageflow-relight-section+:is(imageflow-editor imageflow-relight-section){padding-top:12px;border-top:1px solid var(--ps-divider)}imageflow-editor imageflow-relight-section>imageflow-field{display:flex;align-items:center;gap:8px}imageflow-editor imageflow-relight-section>imageflow-field.disabled{opacity:.5}imageflow-editor imageflow-relight-section>imageflow-button{align-self:flex-start}imageflow-editor imageflow-relight-section-title{font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--ps-text-dim, var(--ps-text))}imageflow-editor imageflow-relight-light-head{display:flex;align-items:center;gap:4px}imageflow-editor imageflow-relight-light-head>imageflow-label{flex:1;min-width:0;font-weight:700;font-size:13px}imageflow-editor imageflow-relight-light-head>imageflow-button.icon{width:24px;height:24px;padding:0;color:var(--ps-icon);background:none;border-color:transparent;box-shadow:none}imageflow-editor imageflow-relight-light-head>imageflow-button.icon:hover{background:var(--ps-panel-sub);color:var(--ps-text)}imageflow-editor imageflow-relight-light-head>imageflow-button.icon.disabled{background:none;color:var(--ps-text-disabled)}imageflow-editor imageflow-relight-light-head>imageflow-button.icon:focus-visible{outline:2px solid var(--ps-accent);outline-offset:-2px}imageflow-editor imageflow-relight-list-wrap{display:flex;flex-direction:column;gap:4px}imageflow-editor imageflow-relight-list-head{display:flex;align-items:center;gap:4px}imageflow-editor imageflow-relight-list-head>imageflow-label{flex:1;min-width:0;color:var(--ps-text-dim, var(--ps-text))}imageflow-editor imageflow-relight-list-head>imageflow-button.icon{width:24px;height:24px;padding:0;color:var(--ps-icon);background:none;border-color:transparent;box-shadow:none}imageflow-editor imageflow-relight-list-head>imageflow-button.icon:hover{background:var(--ps-panel-sub);color:var(--ps-text)}imageflow-editor imageflow-relight-list-head>imageflow-button.icon.disabled{background:none;color:var(--ps-text-disabled)}imageflow-editor imageflow-relight-list-head>imageflow-button.icon:focus-visible{outline:2px solid var(--ps-accent);outline-offset:-2px}imageflow-editor imageflow-relight-list{display:flex;flex-direction:column;gap:2px;max-height:180px;overflow-y:auto;padding:2px;border:1px solid var(--ps-divider);border-radius:var(--ps-radius, 3px);background:var(--ps-field, #1e1e1e)}imageflow-editor imageflow-relight-row{display:flex;align-items:center;gap:12px;flex:none;height:30px;padding:0 10px;border-radius:var(--ps-radius, 3px);cursor:default;outline:none;color:var(--ps-text)}imageflow-editor imageflow-relight-row>imageflow-label{flex:1;min-width:0}imageflow-editor imageflow-relight-row>imageflow-relight-chip{flex:none;width:16px;height:16px;pointer-events:none}imageflow-editor imageflow-relight-row:hover{background:var(--ps-panel-sub)}imageflow-editor imageflow-relight-row.selected{background:var(--ps-active, #3a3a3a);color:var(--ps-contrast, #fff)}imageflow-editor imageflow-relight-row:focus-visible{box-shadow:inset 0 0 0 2px var(--ps-accent)}imageflow-editor imageflow-relight-row.hidden>imageflow-label{opacity:.55}imageflow-editor imageflow-relight-row-note{font-size:10px;color:var(--ps-text-dim, #bbb)}imageflow-editor imageflow-popover-box.relight-picker{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 imageflow-relight-rule{display:block;height:1px;background:var(--ps-divider);margin:2px 0}imageflow-editor imageflow-relight-section>imageflow-field.relight-color>imageflow-label{width:56px;flex:none}imageflow-editor imageflow-relight-section>imageflow-field.relight-color>imageflow-select{flex:1;min-width:0}imageflow-editor imageflow-relight-section>imageflow-field.relight-color>imageflow-swatch{flex:none;width:22px;height:22px}imageflow-editor imageflow-relight-section imageflow-filter-param.relight-axis>imageflow-filter-param-head{justify-content:space-between;-webkit-user-select:none;user-select:none}imageflow-editor imageflow-relight-swatch{display:block;box-sizing:border-box;width:100%;height:100%;border-radius:2px;border:1px solid rgba(255,255,255,.25);box-shadow:inset 0 0 0 1px #00000073}imageflow-editor imageflow-relight-compare{position:absolute;left:10px;top:8px;z-index:2;display:flex;align-items:center;gap:6px;height:28px;padding:0 2px;border-radius:var(--ps-radius, 3px);background:#0000008c}imageflow-editor imageflow-relight-compare>imageflow-button{width:24px;height:24px;touch-action:none}imageflow-editor imageflow-relight-compare>imageflow-label{padding-right:6px;font-size:11px;color:var(--ps-text);pointer-events:none}imageflow-editor imageflow-relight-compare.active{background:#000000b8}imageflow-editor imageflow-relight-compare>imageflow-button.relight-overlays.active{color:var(--ps-accent)}imageflow-editor imageflow-relight-pattern-thumb{position:relative;display:block;width:100%;height:100%;border-radius:2px;overflow:hidden}imageflow-editor imageflow-relight-pattern-thumb>canvas{display:block;width:100%;height:100%}imageflow-editor imageflow-relight-pattern-thumb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px #00000073}imageflow-editor imageflow-relight-pattern-note{display:block;font-size:11px;color:var(--ps-text-dim, #bbb);margin:-2px 0 4px}imageflow-editor imageflow-field.relight-invert{display:flex;padding:2px 0 4px}imageflow-editor imageflow-relight-lowres{position:absolute;left:74px;top:10px;max-width:calc(100% - 84px);padding:4px 8px;border-radius:var(--ps-radius, 3px);background:#0000008c;color:var(--ps-text-dim, #bbb);font-size:11px;pointer-events:none}imageflow-editor imageflow-relight-chip{--light-color: #fff;display:block;width:18px;height:18px;border-radius:50%;background:var(--light-color);box-shadow:0 0 0 1px #0009,inset 0 0 0 1px #00000040}imageflow-editor imageflow-relight-chip.hidden{opacity:.45;background:linear-gradient(135deg,transparent 44%,var(--ps-text) 44% 56%,transparent 56%),var(--light-color)}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:min(calc(92 * var(--ps-dvw, 1vw)),820px);max-width:min(calc(92 * var(--ps-dvw, 1vw)),820px)}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:480px;object-fit:contain;cursor:crosshair;touch-action:none}imageflow-editor imageflow-dialog.selectmask{width:min(calc(94 * var(--ps-dvw, 1vw)),1120px);max-width:min(calc(94 * var(--ps-dvw, 1vw)),1120px)}imageflow-editor imageflow-selectmask-body{display:flex;align-items:stretch;gap:1px;background:#000;height:min(calc(86 * var(--ps-dvh, 1vh)),800px)}imageflow-editor imageflow-selectmask-tools{flex:none;width:48px;display:flex;flex-direction:column;align-items:center;padding:8px 0;background:var(--ps-panel);overflow-y:auto}imageflow-editor imageflow-selectmask-tools>imageflow-button-group{display:inline-flex;flex-direction:column}imageflow-editor imageflow-selectmask-tools>imageflow-button-group imageflow-button{width:32px;height:32px;padding:0;justify-content:center;border-radius:0;margin-left:0;margin-top:-1px}imageflow-editor imageflow-selectmask-tools>imageflow-button-group imageflow-button:first-child{border-radius:var(--ps-radius) var(--ps-radius) 0 0;margin-top:0}imageflow-editor imageflow-selectmask-tools>imageflow-button-group imageflow-button:last-child{border-radius:0 0 var(--ps-radius) var(--ps-radius)}imageflow-editor imageflow-selectmask-tools>imageflow-button-group imageflow-button.active{background:var(--ps-accent);border-color:var(--ps-accent-press);color:var(--ps-contrast)}imageflow-editor imageflow-selectmask-tools>imageflow-button-group imageflow-button.active svg{color:var(--ps-contrast)}imageflow-editor imageflow-selectmask-main{flex:1;min-width:0;display:flex;flex-direction:column}imageflow-editor imageflow-selectmask-toolbar{flex:none;display:flex;align-items:center;flex-wrap:nowrap;gap:10px;padding:6px 10px;background:var(--ps-panel);border-bottom:1px solid var(--ps-edge-dark);min-height:34px;overflow:hidden}imageflow-editor imageflow-selectmask-toolbar>imageflow-checkbox{flex:none;white-space:nowrap}imageflow-editor imageflow-selectmask-toolbar>imageflow-button{flex:none;white-space:nowrap}imageflow-editor imageflow-selectmask-toolbar>.spacer{flex:1;min-width:4px}imageflow-editor imageflow-selectmask-toolbar-size{display:flex;align-items:center;gap:6px;flex:none;min-width:128px}imageflow-editor imageflow-selectmask-toolbar-size>imageflow-label{flex:none;color:var(--ps-text-dim);white-space:nowrap}imageflow-editor imageflow-selectmask-toolbar-size>imageflow-slider{width:88px}imageflow-editor imageflow-selectmask-toolbar imageflow-brush-chip.static{display:inline-flex;align-items:center;justify-content:center;flex:none;width:28px;height:24px;padding:0;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-selectmask-toolbar imageflow-brush-chip.static>imageflow-brush-dot{border-radius:50%;background:radial-gradient(circle,var(--ps-text) calc(70% - var(--dot-blur, 0%)),transparent 72%)}imageflow-editor imageflow-selectmask-toolbar-mode{display:inline-flex;flex:none;gap:0}imageflow-editor imageflow-selectmask-toolbar-mode>imageflow-button{width:26px;height:24px;padding:0;justify-content:center;border-radius:0;margin-left:-1px}imageflow-editor imageflow-selectmask-toolbar-mode>imageflow-button:first-child{border-radius:var(--ps-radius) 0 0 var(--ps-radius);margin-left:0}imageflow-editor imageflow-selectmask-toolbar-mode>imageflow-button:last-child{border-radius:0 var(--ps-radius) var(--ps-radius) 0}imageflow-editor imageflow-selectmask-toolbar-mode>imageflow-button.active{background:var(--ps-accent);border-color:var(--ps-accent-press);color:var(--ps-contrast)}imageflow-editor imageflow-selectmask-toolbar-mode>imageflow-button.active svg{color:var(--ps-contrast)}imageflow-editor imageflow-selectmask-canvas{flex:1;min-height:0;display:flex;position:relative;background:var(--ps-panel);padding:8px 10px 10px}imageflow-editor imageflow-selectmask-canvas>imageflow-preview{flex:1;min-width:0;min-height:0}imageflow-editor imageflow-selectmask-ring{position:absolute;display:none;z-index:2;pointer-events:none;border-radius:50%;border:1px solid rgba(255,255,255,.95);box-shadow:0 0 0 1px #000000bf,inset 0 0 0 1px #000000bf}imageflow-editor imageflow-selectmask-busy{position:absolute;z-index:3;left:50%;bottom:16px;transform:translate(-50%);display:flex;align-items:center;gap:10px;max-width:calc(100% - 24px);padding:8px 12px;border-radius:6px;background:#121212e0;border:1px solid var(--ps-edge-dark);box-shadow:0 6px 18px #00000073;pointer-events:auto}imageflow-editor imageflow-selectmask-busy>imageflow-button{flex:none}imageflow-editor imageflow-selectmask-busy-text{display:flex;flex-direction:column;gap:5px;min-width:180px}imageflow-editor imageflow-selectmask-busy-text>imageflow-label{color:var(--ps-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}imageflow-editor imageflow-selectmask-spinner{flex:none;display:block;width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.18);border-top-color:var(--ps-accent);animation:imageflow-selectmask-spin .8s linear infinite;will-change:transform}imageflow-editor imageflow-selectmask-bar{display:block;height:4px;border-radius:2px;overflow:hidden;background:#ffffff24}imageflow-editor imageflow-selectmask-bar.indeterminate>imageflow-selectmask-bar-fill{animation:imageflow-selectmask-slide 1.15s ease-in-out infinite;transform-origin:left center}imageflow-editor imageflow-selectmask-bar-fill{display:block;height:100%;background:var(--ps-accent);transition:width 90ms linear}imageflow-editor imageflow-selectmask-side{flex:none;width:268px;display:flex;flex-direction:column;background:var(--ps-panel);overflow:hidden}imageflow-editor imageflow-selectmask-panel{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px;padding:12px;overflow:auto}imageflow-editor imageflow-selectmask-refinemode{display:flex;gap:6px}imageflow-editor imageflow-selectmask-refinemode>imageflow-button{flex:1;justify-content:center}imageflow-editor imageflow-selectmask-refinemode>imageflow-button.active{background:var(--ps-accent);border-color:var(--ps-accent);color:#fff}imageflow-editor imageflow-selectmask-rowbuttons{display:flex;gap:8px}imageflow-editor imageflow-selectmask-rowbuttons>imageflow-button{flex:1;justify-content:center}imageflow-editor imageflow-selectmask-presetsave{display:flex;align-items:center;gap:6px}imageflow-editor imageflow-selectmask-presetsave>input{flex:1;min-width:0;height:22px;padding:0 6px;background:var(--ps-input);color:var(--ps-text);border:1px solid var(--ps-edge-dark);border-radius:var(--ps-radius);font:inherit}imageflow-editor imageflow-selectmask-presetsave>input:focus{outline:none;border-color:var(--ps-accent)}imageflow-editor imageflow-selectmask-presetsave>imageflow-button{flex:none}imageflow-editor imageflow-selectmask-presetnote{display:block;color:var(--ps-text-dim);line-height:1.35}imageflow-editor imageflow-selectmask-footer{flex:none;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-top:1px solid var(--ps-divider)}imageflow-editor imageflow-selectmask-footer-buttons{display:flex;gap:8px}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-stage{display:flex;flex:1 1 auto;align-items:center;justify-content:center;min-height:40px;min-width:0;overflow:hidden}imageflow-editor imageflow-navigator-view{position:relative;display:block;flex:none;margin:6px auto;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(calc(70 * var(--ps-dvh, 1vh)), 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-also{margin-left:8px;font-size:10px;color:var(--ps-text-faint)}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-panel-body>imageflow-histogram{display:flex;flex:1 1 78px;min-height:32px}imageflow-panel-body>imageflow-histogram svg{flex:1;height:auto;min-height:0}imageflow-panel-body>imageflow-histogram-stats{flex:none}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-preset.active{background:var(--ps-selected)}imageflow-note-body{flex:1;min-width:0}imageflow-note-text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;white-space:normal}imageflow-note{cursor:pointer}imageflow-preset-name,imageflow-comp-name{display:block;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}imageflow-comp-thumb{flex:none;width:32px;height:32px;display:grid;place-items:center;background:repeating-conic-gradient(#8884 0 25%,transparent 0 50%) 0 0 / 8px 8px;border:1px solid var(--ps-divider)}imageflow-comp-thumb img{max-width:100%;max-height:100%;display:block}imageflow-comp-body{display:flex;flex-direction:column;flex:1;min-width:0}imageflow-comp-comment{font-size:10px;color:var(--ps-text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}imageflow-comp-mark{flex:none;width:10px;font-size:9px;color:var(--ps-text-dim);text-align:center}imageflow-comp[data-active=modified] imageflow-comp-mark{color:#e8a33d}imageflow-comp.selected,imageflow-comp[data-active=true]{background:#ffffff14}imageflow-comp imageflow-button[aria-disabled=true]{pointer-events:none;opacity:0!important}.flip-v{transform:scaleY(-1)}imageflow-note-meta,imageflow-preset-tool,imageflow-comp-count{font-size:10px;color:var(--ps-text-dim);flex:none}imageflow-timeline-dock{position:relative;display:flex;flex-direction:column;flex:none;min-height:120px;background:var(--ps-panel);border-top:1px solid var(--ps-edge-dark)}imageflow-timeline-dock imageflow-panel-header{display:flex;align-items:center;gap:6px;height:var(--ps-tab-h);padding:0 8px;background:var(--ps-panel-header);border-bottom:1px solid var(--ps-divider)}imageflow-timeline-dock imageflow-panel-header imageflow-panel-title{font-size:11px;font-weight:600;color:var(--ps-text)}imageflow-timeline-dock imageflow-panel-header .close{margin-left:auto}imageflow-timeline-dock imageflow-panel-body{display:flex;flex-direction:column;flex:1;min-height:0;overflow:auto}imageflow-timeline-dock imageflow-panel-row{display:flex;align-items:center;gap:8px;padding:5px 8px}imageflow-timeline-dock imageflow-frame-strip{display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;gap:4px;padding:4px 8px}imageflow-timeline-dock imageflow-frame{flex-direction:column;align-items:flex-start;flex:none;width:96px;border:1px solid var(--ps-divider);border-radius:3px}imageflow-timeline-resizer{position:absolute;left:0;right:0;top:-3px;height:6px;cursor:ns-resize;z-index:2;touch-action: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,imageflow-ls-item.sub.active imageflow-ls-name{color:var(--ps-text)}imageflow-angle-dial{display:inline-grid;place-items:center;flex:none;border-radius:50%;cursor:default;touch-action:none;color:var(--ps-text)}imageflow-angle-dial>svg{display:block;overflow:visible}imageflow-angle-dial .face{fill:var(--ps-field);stroke:var(--ps-edge-dark);stroke-width:1}imageflow-angle-dial .hand{stroke:currentColor;stroke-width:1.25;stroke-linecap:round}imageflow-angle-dial .hub{fill:currentColor}imageflow-angle-dial .point line{stroke:currentColor;stroke-width:1.25;stroke-linecap:round}imageflow-angle-dial:focus-visible{outline:1px solid var(--ps-accent);outline-offset:1px}imageflow-angle-dial:hover .face{stroke:var(--ps-accent)}imageflow-angle-dial.disabled{opacity:.4;pointer-events:none}imageflow-dialog-row.ls-angle{gap:8px}imageflow-radio-group{display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px 14px}imageflow-radio-group.disabled{opacity:.4;pointer-events:none}imageflow-radio{display:inline-flex;align-items:center;gap:6px;cursor:default}imageflow-radio:focus-visible{outline:1px solid var(--ps-accent);outline-offset:2px;border-radius:2px}imageflow-radio-dot{display:grid;place-items:center;flex:none;width:14px;height:14px;border-radius:50%;background:var(--ps-field);border:1px solid var(--ps-edge-dark);box-shadow:inset 0 1px 1px #0006}imageflow-radio.checked imageflow-radio-dot{background:var(--ps-accent);border-color:var(--ps-accent-press)}imageflow-radio.checked imageflow-radio-dot:after{content:"";width:6px;height:6px;border-radius:50%;background:var(--ps-contrast)}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;flex-wrap:wrap;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{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);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}.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}imageflow-vtl-lane imageflow-vtl-key{cursor:ew-resize;touch-action:none;outline:none}imageflow-vtl-lane imageflow-vtl-key.selected{box-shadow:0 0 0 2px var(--ps-accent, #4a90d9);z-index:1}imageflow-vtl-lane imageflow-vtl-key.hold{border-radius:0;transform:none}imageflow-vtl-bar{touch-action:none}imageflow-vtl-handle{position:absolute;top:0;bottom:0;width:5px;cursor:ew-resize}imageflow-vtl-handle.start{left:-2px}imageflow-vtl-handle.end{right:-2px}imageflow-glyphs-head{display:flex;gap:4px;align-items:center}imageflow-glyphs-head>input.glyph-search{flex:1;min-width:0;height:20px;padding:0 6px;box-sizing:border-box;background:var(--ps-field);color:var(--ps-text);border:1px solid var(--ps-edge-dark);border-radius:var(--ps-radius);font-size:11px}imageflow-glyphs-preview{display:flex;align-items:baseline;gap:8px;height:34px;padding:0 8px;flex:none}imageflow-glyphs-preview>b{font-weight:400;font-size:26px;line-height:34px;color:var(--ps-text)}imageflow-glyphs-preview>span{font-size:10px;color:var(--ps-text-faint);font-family:var(--ps-mono, monospace)}imageflow-glyphs-preview>span.hint{font-family:inherit}.caf-view{position:relative}.caf-busy{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#18191eb8;border-radius:4px;color:#e6e6e6;font-size:12px;text-align:center;padding:12px}.caf-spinner{width:28px;height:28px;border-radius:50%;border:3px solid rgba(255,255,255,.18);border-top-color:var(--ps-accent, #1473e6);animation:imageflow-spin .8s linear infinite;will-change:transform}@media(prefers-reduced-motion:reduce){.caf-spinner{animation-duration:2.4s}}.caf-busy-label{max-width:90%}.caf-busy-fixed{border-radius:6px}.caf-busy-bar{width:60%;height:4px;border-radius:2px;background:#ffffff24;overflow:hidden}.caf-busy-bar i{display:block;height:100%;background:var(--ps-accent, #1473e6)}