#viz{position:fixed;inset:52px 0 0}#viz[data-ogjs-file-drop=active]:after{content:"Drop to load graph";position:absolute;inset:18px;z-index:4;display:grid;place-items:center;color:#334155;background:#f8fafce0;border:2px dashed #d18b2c;border-radius:10px;pointer-events:none;font:700 14px var(--sans)}.workflow-panel{position:fixed;top:68px;left:16px;z-index:5;width:min(420px,calc(100vw - 32px));padding:16px;color:#0f172a;background:#fffffff5;border:1px solid #dbe2ea;border-radius:10px;box-shadow:0 10px 30px #0f172a1a;backdrop-filter:blur(10px)}.workflow-panel h1{font:750 17px/1.2 var(--sans)}.workflow-panel>p{margin-top:5px;color:#526174;font:400 12.5px/1.5 var(--sans)}.workflow-panel .controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:7px;margin-top:13px}.workflow-panel button{min-height:44px;padding:7px 11px;color:#172033;background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;cursor:pointer;font:650 12px var(--sans);transition:transform .15s ease-out,background .15s ease-out,border-color .15s ease-out}.workflow-panel button:where(:hover){background:#eef3f8;border-color:#94a3b8;transform:translateY(-1px)}.workflow-panel button:where(:active){transform:translateY(0) scale(.98)}.workflow-panel button[aria-pressed=true]{color:#fff;background:#172033;border-color:#172033}.workflow-panel button:disabled{opacity:.42;cursor:default;transform:none}.workflow-panel .status{margin-top:12px;padding-top:10px;border-top:1px solid #e2e8f0;color:#526174;font:600 11px/1.5 var(--mono);font-variant-numeric:tabular-nums}.workflow-panel pre{max-height:190px;margin-top:10px;padding:10px;overflow:auto;color:#dbeafe;background:#111827;border-radius:6px;font:400 10.5px/1.55 var(--mono);white-space:pre-wrap}.workflow-panel .download{display:none;margin-top:10px;color:#0f5bd8;font:700 11px var(--mono)}.workflow-panel .download.ready{display:inline-block}.columnar-import .row-limit{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;margin-top:12px;color:#526174;font:650 12px var(--sans)}.columnar-import .row-limit select{min-height:40px;padding:0 30px 0 10px;color:#172033;background:#fff;border:1px solid #94a3b8;border-radius:6px;font:650 12px var(--sans)}.columnar-import :is(button,select):focus-visible{outline:3px solid #b86b26;outline-offset:2px}.columnar-import .import-profile{margin-top:10px;padding-top:10px;border-top:1px solid #e2e8f0}.columnar-import .import-profile h2{font:700 12px/1.3 var(--sans)}.columnar-import .import-profile>p{margin-top:3px;color:#526174;font:500 11px/1.4 var(--sans)}.columnar-import .profile-scroll{max-height:128px;margin-top:7px;overflow:auto}.columnar-import table{width:100%;border-collapse:collapse;font:500 10.5px/1.35 var(--mono)}.columnar-import th,.columnar-import td{padding:5px 6px;border-bottom:1px solid #e2e8f0;text-align:left}.columnar-import th{position:sticky;top:0;color:#526174;background:#fff;font-weight:700}.columnar-import td:nth-child(n+3){font-variant-numeric:tabular-nums}@media (max-width: 620px){.workflow-panel{top:62px;left:10px;width:calc(100vw - 20px)}}@media (max-width: 760px),(max-width: 1000px) and (max-height: 500px){body{display:grid;grid-template-rows:52px minmax(0,auto) minmax(160px,1fr);height:100dvh;overflow:hidden}body>#viz{position:relative;inset:auto;grid-row:3;min-width:0;min-height:0;width:100%;height:100%}body>:is(.workflow-panel,.workbench-panel){position:relative;inset:auto;grid-row:2;width:auto;max-height:max(72px,calc(100dvh - 232px));margin:10px;overflow:auto;overscroll-behavior:contain}main.workbench-frame{position:fixed;inset:52px 0 0;display:grid;grid-template-rows:minmax(0,auto) minmax(160px,1fr)}main.workbench-frame>#viz{position:relative;inset:auto;grid-row:2;min-width:0;min-height:0;width:100%;height:100%}main.workbench-frame>:is(.workflow-panel,.workbench-panel){position:relative;inset:auto;grid-row:1;width:auto;max-height:max(72px,calc(100dvh - 232px));margin:10px;overflow:auto;overscroll-behavior:contain}}@media (max-width: 760px){body.columnar-import{grid-template-rows:52px minmax(0,38dvh) minmax(0,1fr)}.columnar-import>.workflow-panel{max-height:none;overflow-y:auto;scrollbar-gutter:stable}.columnar-import .workflow-panel button{min-height:40px}}
