.flow-editor { color:var(--text); background:var(--page-canvas); font:13px/1.45 var(--font-ui); width:100%; min-width:0; padding:100px 32px 0; }
.flow-editor * { box-sizing:border-box; }
.flow-editor [hidden] { display:none!important; }
.flow-editor h1,.flow-editor h2,.flow-editor h3,.flow-editor p { margin:0; }
.flow-editor h1 { font-size:26px; font-weight:600; }
.flow-editor h2 { font-size:15px; font-weight:600; }
.flow-editor h3 { font-size:13px; font-weight:600; }
.flow-editor .flow-review-dialog { position:fixed; inset:0; margin:auto; width:min(440px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); overflow:auto; padding:32px; border:1px solid var(--line); border-radius:18px; corner-shape: squircle; background:var(--surface-raised); color:var(--text); box-shadow:0 10px 28px rgb(0 0 0 / .12); font:15px/1.5 var(--font-ui); }
.flow-review-dialog::backdrop { background:rgb(0 0 0 / .4); }
.flow-editor .flow-execution-dialog { position:fixed; inset:0; margin:auto; width:min(440px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); overflow:auto; padding:32px; border:1px solid var(--line); border-radius:18px; corner-shape: squircle; background:var(--surface-raised); color:var(--text); box-shadow:0 10px 28px rgb(0 0 0 / .12); }
.flow-execution-dialog::backdrop { background:color-mix(in srgb,var(--page-canvas) 65%,transparent); backdrop-filter:blur(10px); }
.flow-editor .flow-execution-dialog>.flow-icon { position:absolute; top:8px; right:8px; background:transparent; color:var(--muted); border:0; }
.flow-execution-dialog .flow-run { border:0; padding:16px 0 0; }
.flow-generation-state { text-align:center; }
.flow-generation-state .tior-workspace__spinner { display:block; width:36px; height:36px; margin:0 auto 20px; border:2px solid var(--line); border-top-color:var(--text); border-radius:50%; animation:tior-workspace-spin 1.15s linear infinite; }
@media(prefers-reduced-motion:reduce) { .flow-generation-state .tior-workspace__spinner { animation:none; } }
.flow-editor .flow-generation-state h2 { font:600 22px/1.3 var(--font-ui); }
.flow-execution-dialog .flow-run>button { width:100%; margin-top:12px; font-weight:600; }
.flow-editor .flow-recovery h2 { margin:0 0 12px; }
.flow-editor .flow-recovery-step { color:var(--text); font:600 13px/1.5 var(--font-ui); margin:0 0 20px; }
.flow-editor .flow-recovery-message { color:var(--text); font:400 14px/1.6 var(--font-ui); margin:0 0 24px; }
.flow-editor .flow-recovery-credits { border-top:1px solid var(--line); padding-top:16px; margin:0 0 8px; font:500 13px/1.5 var(--font-ui); }
.flow-editor .flow-recovery-note { color:var(--muted); font:400 13px/1.5 var(--font-ui); margin:0 0 8px; }
.flow-execution-dialog .flow-run>button { min-height:44px; height:auto; white-space:normal; padding:12px; }
@media(prefers-reduced-transparency:reduce) { .flow-execution-dialog::backdrop { backdrop-filter:none; background:var(--page-canvas); } }
.flow-editor .flow-review-dialog h2 { padding-right:40px; font:600 22px/1.3 var(--font-ui); }
.flow-review-summary { margin-top:8px!important; color:var(--muted); }
.flow-review-cost { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:24px 0; padding:20px 0; border-block:1px solid var(--line); }
.flow-review-cost strong { font-size:28px; font-weight:600; font-variant-numeric:tabular-nums; }
.flow-review-cost strong span { font-size:15px; font-weight:400; }
#flow-review-note { font-size:13px; line-height:1.6; color:var(--muted); }
.flow-review-actions { display:flex; gap:12px; margin-top:28px; }
.flow-editor .flow-review-actions button { flex:1; min-height:48px; font:600 13px/1.4 var(--font-ui); }
.flow-editor .flow-review-close { position:absolute; top:12px; right:12px; width:44px; height:44px; padding:0; border:0; border-radius:50%; background:transparent; color:var(--muted); font-size:24px; }
@media(max-width:540px) { .flow-editor .flow-review-dialog { padding:24px; border-radius:16px; corner-shape: squircle; } }
.flow-editor :is(button,input,select,textarea):not(:where(.flow-node-options *)) { font:inherit; }
.flow-editor button:not(:where(.flow-node-options *)) { min-height:44px; padding:10px 14px; border:1px solid var(--action-primary-border); border-radius:14px; corner-shape: squircle; background:var(--action-primary-fill); color:var(--action-primary-foreground); cursor:pointer; }
.flow-editor button:disabled { cursor:not-allowed; opacity:.45; }
.flow-editor :is(input,select,textarea):not(:where(.flow-node-options *)) { padding:10px; min-height:44px; border:1px solid var(--line-strong); border-radius:10px; corner-shape: squircle; color:var(--text); background:var(--surface); width:100%; }
.flow-editor :is(button,input,textarea,select,[tabindex]):focus-visible { outline:2px solid var(--text); outline-offset:3px; }
.flow-header { display:flex; align-items:center; gap:24px; padding:8px 0 20px; }
.flow-header>div>p { color:var(--muted); font-size:11px; letter-spacing:.1em; }
.flow-name { width:240px; margin-left:auto; }
.flow-header-actions { display:flex; gap:8px; align-items:center; }
.flow-editor .flow-header-actions button:is([data-action="new"], [data-action="save"]) {
  --flow-secondary-ink: color-mix(in srgb, var(--flow-ink) 45%, transparent);
  --action-primary-fill: #fff;
  --action-primary-hover-fill: #fff;
  --action-primary-disabled-fill: #fff;
  --action-primary-foreground: var(--flow-secondary-ink);
  --action-primary-disabled-foreground: var(--flow-secondary-ink);
  --action-primary-border: var(--flow-secondary-ink);
  --action-primary-hover-border: var(--flow-secondary-ink);
  background: #fff;
  color: var(--flow-secondary-ink);
}
.flow-editor .flow-header-actions button[data-action="quote"] {
  --action-primary-fill: var(--flow-connection-color);
  --action-primary-hover-fill: var(--flow-connection-color);
  --action-primary-border: var(--flow-connection-color);
  --action-primary-hover-border: var(--flow-connection-color);
  --action-primary-foreground: #fff;
  --action-primary-disabled-fill: #999;
  --action-primary-disabled-foreground: #fff;
}
.flow-editor .flow-header-actions button[data-action="quote"]:disabled {
  --action-primary-border: var(--action-primary-disabled-fill);
  opacity: 1;
}
.flow-editor .flow-icon { width:44px; height:44px; padding:0; border-radius:50%; flex:0 0 44px; font-size:18px; }
.flow-layout { display:grid; grid-template-columns:220px minmax(300px,1fr) 330px; height:calc(100dvh - 235px); min-height:540px; border-block:1px solid var(--line); }
.flow-palette { padding:20px 16px 20px 0; overflow-y:auto; border-right:1px solid var(--line); }
.flow-palette h2:not(:first-child) { margin-top:26px; }
.flow-resource-buttons { display:grid; grid-template-columns:repeat(3,88px); gap:8px; margin-top:12px; }
.flow-editor .flow-resource-buttons button { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; min-width:0; height:88px; min-height:88px; padding:0; border:1px solid var(--line); border-radius:14px; corner-shape:round; background:var(--workspace-control,var(--page-canvas)); color:var(--text); font:400 12px/1.35 var(--font-ui); transition:border-color 160ms ease,background-color 160ms ease,transform 110ms ease; }
.flow-resource-buttons button:hover:not(:disabled) { border-color:var(--line-strong); background:var(--workspace-hover,var(--surface)); }
.flow-resource-buttons button:active:not(:disabled) { transform:scale(.99); }
.flow-resource-buttons svg { width:20px; height:20px; flex:0 0 20px; color:var(--muted); }
/* Match the canonical reference-photo tile, including its muted ink tokens. */
.flow-editor .flow-resource-buttons button { width:88px; aspect-ratio:1; corner-shape:squircle; background:var(--surface-raised); color:color-mix(in srgb,var(--text) 60%,var(--page-canvas)); letter-spacing:0; text-transform:none; }
.flow-resource-buttons svg { color:color-mix(in srgb,var(--text) 50%,var(--page-canvas)); }
@media(min-width:901px) { .flow-editor .flow-layout { grid-template-columns:312px minmax(280px,1fr) 330px; } }
@media(min-width:541px) and (max-width:900px) { .flow-editor .flow-layout { grid-template-columns:312px minmax(0,1fr); } }
.flow-palette>p,.flow-inspector p,.flow-help { color:var(--muted); font-size:12px; line-height:1.5; }
.flow-palette>p { margin-top:20px; }
.flow-palette>select,.flow-palette>button { margin-top:12px; }
.flow-editor .flow-app-choice { display:flex; align-items:center; gap:10px; text-align:left; width:100%; padding:12px 0; background:transparent; color:var(--text); border:0; border-bottom:1px solid var(--line); border-radius:0; }
.flow-app-choice>span:first-child { display:grid; place-items:center; width:32px; height:32px; border:1px solid var(--line); border-radius:8px; corner-shape: squircle; flex-shrink:0; }
.flow-app-choice div { flex:1; min-width:0; }
.flow-app-chevron { flex:0 0 14px; color:var(--muted); }
.flow-app-choice>img { width:36px; height:36px; border-radius:8px; corner-shape: squircle; object-fit:cover; flex:0 0 36px; }
.flow-app-choice strong { font-size:12px; font-weight:500; display:block; }
.flow-app-choice small { color:var(--muted); font-size:11px; display:block; margin-top:3px; }
.flow-board { position:relative; overflow:hidden; touch-action:none; background-color:var(--surface); background-image:radial-gradient(var(--line-strong) .8px,transparent .8px); background-size:24px 24px; isolation:isolate; }
.flow-world { position:absolute; inset:0; transform-origin:0 0; will-change:transform; }
.flow-wires { position:absolute; width:1px; height:1px; overflow:visible; pointer-events:none; }
.flow-editor { --flow-connection-color:rgb(240,140,40); }
.flow-wires path { stroke:var(--flow-connection-color); stroke-width:1.5; fill:none; opacity:1; }
.flow-node { position:absolute; top:0; left:0; width:280px; border:1px solid var(--line-strong); border-radius:16px; corner-shape: squircle; background:var(--page-canvas); color:var(--text); box-shadow:0 4px 16px rgb(0 0 0 / .06); }
.flow-node.is-selected { outline:2px solid var(--selection-border); outline-offset:2px; }
.flow-node-heading { display:flex; align-items:center; gap:12px; padding:16px; border-bottom:1px solid var(--line); cursor:grab; min-height:82px; }
.flow-node-heading:active { cursor:grabbing; }
.flow-node-heading img,.flow-node-symbol { width:40px; height:40px; border-radius:10px; corner-shape: squircle; object-fit:cover; flex:0 0 40px; }
.flow-node-symbol { display:grid; place-items:center; border:1px solid var(--line); font-size:12px; }
.flow-node-heading p { font-size:11px; color:var(--muted); margin-top:3px; }
.flow-node-ports { display:flex; align-items:flex-start; justify-content:space-between; padding:0 0 8px; }
.flow-editor .flow-port { display:flex; align-items:center; gap:7px; min-height:44px; padding:0 7px; border:0; border-radius:0; background:transparent; color:var(--flow-connection-color); font-size:11px; }
.flow-port span { color:var(--muted); font-size:10px; max-width:80px; overflow:hidden; text-overflow:ellipsis; }
.flow-port i { display:block; width:10px; height:10px; border:1px solid currentColor; border-radius:50%; background:var(--page-canvas); flex-shrink:0; }
.flow-port.is-pending i { background:var(--flow-connection-color); outline:3px solid var(--line); }
.flow-port.is-connected i { background:var(--flow-connection-color); }
.flow-editor h1.flow-canvas-help { position:absolute; top:16px; left:20px; right:20px; margin:0; text-align:center; font:400 clamp(23.52px, 2.408vw, 34.72px)/1.04 var(--font-ui); letter-spacing:-.03em; color:var(--text); pointer-events:none; }
.flow-canvas-help em { font-family:var(--font-editorial); font-size:1.05em; font-weight:400; color:var(--flow-connection-color); }
.flow-canvas-help strong { font-weight:600; }
@media(max-width:720px) { .flow-editor h1.flow-canvas-help { font-size:22.4px; } }
.flow-zoom { position:absolute; bottom:16px; left:16px; display:flex; align-items:center; gap:8px; padding:6px; border:1px solid var(--line); border-radius:28px; corner-shape: squircle; background:var(--page-canvas); }
.flow-zoom output { min-width:42px; text-align:center; font-variant-numeric:tabular-nums; }
.flow-inspector { border-left:1px solid var(--line); padding:20px 0 20px 20px; overflow-y:auto; }
.flow-inspector-heading { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:12px; }
.flow-inspector label:not(:where(.flow-node-options *)) { display:grid; gap:8px; margin-top:16px; }
.flow-inspector img:not(:where(.flow-node-options *)),.flow-inspector video:not(:where(.flow-node-options *)) { max-width:100%; max-height:240px; object-fit:contain; margin-top:16px; }
.flow-upload { border:1px dashed var(--line-strong); padding:16px; border-radius:14px; corner-shape: squircle; }
.flow-upload input { font-size:11px; padding:6px; }
.flow-connections { margin-top:24px; padding-top:20px; border-top:1px solid var(--line); }
.flow-clip-editor,.flow-output-editor { margin-top:24px; padding-top:20px; border-top:1px solid var(--line); }
.flow-clip-editor .flow-clip-options { border:0; border-radius:0; padding:0; gap:12px; }
.flow-clip-editor .flow-clip-options label { font-size:13px; }
.flow-merge-settings { display:grid; gap:16px; }
.flow-merge-settings label { display:grid; gap:8px; }
.flow-merge-settings :is(input,select) { width:100%; min-height:44px; padding:10px; border:1px solid var(--line); border-radius:10px; corner-shape: squircle; background:var(--surface); color:var(--text); font:inherit; }
.flow-merge-settings button,.flow-clip-editor button { font:600 13px/1.4 var(--font-ui); text-transform:uppercase; }
.flow-connection { padding:12px 0; border-bottom:1px solid var(--line); }
.flow-connection>span { display:block; font-size:12px; }
.flow-connection button { margin-top:10px; }
.flow-clip-options { border:1px solid var(--line); border-radius:12px; corner-shape: squircle; padding:10px; margin:12px 0; display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.flow-clip-options label { margin:0; font-size:11px; }
.flow-clip-options input[type=checkbox] { min-height:0; width:20px; height:20px; accent-color:var(--text); }
.flow-status { min-height:44px; padding:12px 0; color:var(--muted); font-size:12px; }
.flow-run { border-top:1px solid var(--line); padding:24px 0; }
.flow-run p { color:var(--muted); margin:8px 0 16px; }
.flow-run ol { padding-left:24px; }
.flow-run li { margin:16px 0; }
.flow-run li>span { margin-left:16px; color:var(--muted); }
.flow-run li>div { display:flex; gap:12px; flex-wrap:wrap; margin-top:12px; }
.flow-run img,.flow-run video { width:160px; height:120px; object-fit:contain; border-radius:10px; corner-shape: squircle; border:1px solid var(--line); }
.flow-run button { margin-right:12px; }
.flow-sr { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
/* Reuse the actual per-app inspector; scoped layout replaces only its shell. */
.flow-node-options .tior-workspace { padding:0!important; width:100%!important; margin:0!important; min-height:0!important; height:auto!important; display:block!important; }
.flow-node-options .tior-workspace__bar,.flow-node-options .tior-workspace__intro,.flow-node-options .tior-workspace__recent-tray { display:none!important; }
.flow-node-options .tior-workspace__breadcrumb,.flow-node-options .tior-workspace__history,.flow-node-options .tior-workspace__main-heading,.flow-node-options [data-generation-progress] { display:none!important; }
.flow-node-options .tior-workspace__main-layout { display:flex!important; flex-direction:column; border:0; box-shadow:none; min-height:0!important; height:auto!important; overflow:visible; }
.flow-node-options .tior-workspace__main-inspector { width:100%!important; border:0; min-width:0; display:flex!important; flex-direction:column; height:auto!important; overflow:visible; }
.flow-node-options .tior-workspace__main-controls { max-height:none!important; height:auto!important; overflow:visible!important; padding:0!important; flex:none; }
.flow-node-options .tior-workspace__main-action { position:static!important; height:auto!important; padding:16px 0!important; }
.flow-node-options .tior-workspace__main-output { min-height:0!important; height:auto!important; }
.flow-node-options .tior-workspace__main-canvas { min-height:0!important; height:auto!important; padding:16px 0!important; }
.flow-node-options .tior-workspace__main-layout--canonical[data-workspace-form] { --source-frame-height:220px; }
.flow-node-options .tior-workspace__section { padding:16px 0!important; }
.flow-node-options .tior-workspace__section:has(> label > textarea[data-placement]),
.flow-node-options .tior-workspace__section:has(> label > textarea[data-instructions]),
.flow-node-options [data-custom-motion-wrap],
.flow-node-options [data-custom-effect-wrap] { padding-top:0!important; }
.flow-node-options .tior-workspace__main-stage { min-height:220px; }
.flow-node-options .tior-workspace__main-footer { padding:16px 0!important; }
.flow-node-options .tior-workspace__main-title { font-size:18px; }
@media(max-width:1200px) { .flow-layout { grid-template-columns:180px minmax(280px,1fr) 280px; } .flow-header { gap:12px; } .flow-name { width:180px; } }
@media(max-width:900px) { .flow-header { flex-wrap:wrap; } .flow-header-actions { margin-left:auto; } .flow-layout { grid-template-columns:160px minmax(0,1fr); height:auto; min-height:0; } .flow-board { height:560px; } .flow-inspector { grid-column:1/-1; border-left:0; border-top:1px solid var(--line); padding:20px 0; max-height:600px; } }
@media(max-width:540px) { .flow-header h1 { font-size:24px; } .flow-name { width:160px; } .flow-header-actions { width:100%; justify-content:space-between; gap:6px; } .flow-header-actions button { padding-inline:10px; } .flow-layout { display:flex; flex-direction:column; } .flow-palette { border:0; padding:12px 0; max-height:240px; } [data-palette] { display:grid; grid-template-columns:1fr 1fr; gap:0 12px; } .flow-palette>h2:not(:first-child) { margin-top:16px; } .flow-board { height:460px; flex:none; } .flow-canvas-help { font-size:11px; } }
@media(prefers-reduced-motion:reduce) { .flow-editor * { scroll-behavior:auto!important; transition:none!important; animation:none!important; } }
@media(max-width:540px) { .flow-editor { padding:84px 16px 0; } }
.flow-editor { --flow-ink: color-mix(in srgb,var(--text) 84%,transparent); --flow-muted: color-mix(in srgb,var(--text) 60%,transparent); color:var(--flow-ink); }
.flow-editor .flow-header h1 { font:600 27px/1.08 var(--font-ui); letter-spacing:0; }
.flow-editor .flow-header>div>p { margin-top:12px; max-width:420px; font:400 14px/20px var(--font-ui); letter-spacing:0; color:var(--flow-muted); }
.flow-editor h2,.flow-editor h3 { font:600 15px/20px var(--font-ui); }
.flow-editor button:not(:where(.flow-node-options *)) { font:650 13px/18px var(--font-ui); }
.flow-editor :is(input,select,textarea):not(:where(.flow-node-options *)) { font:500 12px/17px var(--font-ui); padding:10px 12px; border-radius:14px; corner-shape: squircle; border-color:var(--line); }
.flow-inspector label:not(:where(.flow-node-options *)) { font:400 13px/18px var(--font-ui); }
.flow-palette>p,.flow-inspector p,.flow-help,.flow-status { font:400 12px/17px var(--font-ui); color:var(--flow-muted); }
.flow-editor .flow-app-choice strong { font:500 12px/17px var(--font-ui); }
.flow-editor .flow-app-choice small { font:400 12px/17px var(--font-ui); color:var(--flow-muted); }
.flow-editor .flow-icon { background:transparent; color:var(--flow-ink); border-color:transparent; font-size:18px; }
.flow-editor .flow-icon:hover:not(:disabled) { background:var(--surface); border-color:var(--line); }
.flow-header { padding-top:8px; padding-bottom:22px; }
.flow-world { will-change: auto; }
.flow-status:empty { display:none; }
.flow-board > .flow-header { position:absolute; z-index:5; left:50%; bottom:16px; transform:translateX(-50%); width:max-content; max-width:calc(100% - 24px); padding:4px; gap:8px; border:1px solid var(--line); border-radius:24px; corner-shape: squircle; background:var(--page-canvas); box-shadow:0 4px 16px rgb(0 0 0 / .08); flex-wrap:wrap; justify-content:center; }
.flow-board .flow-name { margin:0; width:160px; }
.flow-board .flow-header-actions { margin:0; flex-wrap:wrap; justify-content:center; }
.flow-layout { height:calc(100dvh - 100px); }
.flow-header > .flow-status { position:absolute; bottom:calc(100% + 10px); left:50%; transform:translateX(-50%); width:max-content; max-width:100%; min-height:0; margin:0; padding:8px 14px; border:1px solid var(--line); border-radius:12px; corner-shape: squircle; background:var(--page-canvas); color:var(--text); box-shadow:0 3px 12px rgb(0 0 0 / .06); font:400 12px/17px var(--font-ui); text-align:center; overflow-wrap:anywhere; max-height:120px; overflow-y:auto; }
.flow-node-options .tior-workspace__main-canvas { display:none!important; }
/* The picker temporarily enables legacy tool styles on body; keep its trigger stable. */
.flow-node-options .tior-workspace__portfolio-summary { text-transform:none!important; letter-spacing:normal!important; }
.flow-node-options .tior-workspace__portfolio-summary :is(strong,small) { text-transform:none!important; letter-spacing:normal!important; }
.flow-editor .flow-header-actions .flow-icon {
  display: inline-grid; place-items: center; position: relative;
  border-radius: 14px; corner-shape: squircle;
}
.flow-editor .flow-header-actions .flow-file-action {
  position: relative; background: transparent; border-color: transparent;
  color: var(--flow-secondary-ink);
}
.flow-header-actions .flow-file-action[data-action="new"] { margin-left: 8px; }
.flow-action-tooltip {
  position: absolute; bottom: calc(100% + 8px); left: 50%; transform: translateX(-50%);
  padding: 6px 8px; background: var(--surface); color: var(--text);
  border: 1px solid var(--line); border-radius: 6px; font: 12px/1.3 var(--font-ui);
  pointer-events: none; opacity: 0; white-space: nowrap;
}
.flow-editor .flow-header-actions .flow-icon:hover,
.flow-editor .flow-header-actions .flow-icon:focus-visible {
  border-color: var(--line); background: var(--surface);
}
.flow-header-actions .flow-icon:hover .flow-action-tooltip,
.flow-header-actions .flow-icon:focus-visible .flow-action-tooltip { opacity: 1; }
.flow-editor .flow-palette,.flow-editor .flow-inspector,.flow-board>.flow-header {
  background:var(--header-backdrop); -webkit-backdrop-filter:var(--header-backdrop-filter); backdrop-filter:var(--header-backdrop-filter);
  border:1px solid var(--line); border-radius:18px; corner-shape: squircle; box-shadow:0 4px 16px rgb(0 0 0 / .06);
}
.flow-editor .flow-palette,.flow-editor .flow-inspector { padding:20px; margin:12px; scrollbar-width:none; scrollbar-gutter:auto; }
.flow-editor .flow-palette::-webkit-scrollbar,.flow-editor .flow-inspector::-webkit-scrollbar { display:none; }
.flow-editor .flow-palette > select {
  appearance:none;
  min-height:44px;
  padding-right:44px;
  color:color-mix(in srgb,var(--text) 70%,var(--page-canvas));
  font-size:var(--workspace-detail-control-size,12px);
  font-weight:var(--workspace-detail-control-weight,400);
  line-height:var(--workspace-detail-control-line-height,18px);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%2383837d' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 17px center;
  background-size:12px 8px;
}
.flow-save-dialog form { margin-top:24px; }
.flow-save-dialog label { display:grid; gap:8px; }
.flow-save-dialog [data-save-error] { margin-top:12px; color:var(--text); }
@media(min-width:1101px) {
  .flow-editor { position:fixed; inset:0; padding:0; }
  .flow-editor .flow-layout { display:block; position:relative; border:0; isolation:isolate; }
  .flow-editor .flow-layout { height:100dvh; min-height:0; }
  .flow-layout>.flow-board { position:absolute; inset:0; width:100%; height:100%; }
  .flow-layout>.flow-palette,.flow-layout>.flow-inspector { position:absolute; z-index:6; top:calc(var(--flow-gnb-height,66px) + 50px); bottom:66px; margin:0; overflow:auto; max-height:none; }
  .flow-layout>.flow-palette { left:16px; width:330px; }
  .flow-layout>.flow-inspector { right:16px; width:330px; }
  .flow-editor h1.flow-canvas-help { top:calc(var(--flow-gnb-height,66px) + 12px); }
}
@supports not (backdrop-filter:blur(1px)) { .flow-editor .flow-palette,.flow-editor .flow-inspector,.flow-board>.flow-header { background:var(--header-solid-fallback); } }
@media(prefers-reduced-transparency:reduce) { .flow-editor .flow-palette,.flow-editor .flow-inspector,.flow-board>.flow-header { background:var(--header-solid-fallback); backdrop-filter:none; -webkit-backdrop-filter:none; } }