.react-flow{direction:ltr;--xy-edge-stroke-default:#b1b1b7;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#555;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:rgba(255,255,255,0.5);--xy-minimap-background-color-default:#fff;--xy-minimap-mask-background-color-default:rgba(240,240,240,0.6);--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#e2e2e2;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:transparent;--xy-background-pattern-dots-color-default:#91919a;--xy-background-pattern-lines-color-default:#eee;--xy-background-pattern-cross-color-default:#e2e2e2;background-color:var(--xy-background-color,var(--xy-background-color-default));--xy-node-color-default:inherit;--xy-node-border-default:1px solid #1a192b;--xy-node-background-color-default:#fff;--xy-node-group-background-color-default:rgba(240,240,240,0.25);--xy-node-boxshadow-hover-default:0 1px 4px 1px rgba(0,0,0,0.08);--xy-node-boxshadow-selected-default:0 0 0 0.5px #1a192b;--xy-node-border-radius-default:3px;--xy-handle-background-color-default:#1a192b;--xy-handle-border-color-default:#fff;--xy-selection-background-color-default:rgba(0,89,220,0.08);--xy-selection-border-default:1px dotted rgba(0,89,220,0.8);--xy-controls-button-background-color-default:#fefefe;--xy-controls-button-background-color-hover-default:#f4f4f4;--xy-controls-button-color-default:inherit;--xy-controls-button-color-hover-default:inherit;--xy-controls-button-border-color-default:#eee;--xy-controls-box-shadow-default:0 0 2px 1px rgba(0,0,0,0.08);--xy-edge-label-background-color-default:#ffffff;--xy-edge-label-color-default:inherit;--xy-resize-background-color-default:#3367d9}.react-flow.dark{--xy-edge-stroke-default:#3e3e3e;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#727272;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:rgba(150,150,150,0.25);--xy-minimap-background-color-default:#141414;--xy-minimap-mask-background-color-default:rgba(60,60,60,0.6);--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#2b2b2b;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:#141414;--xy-background-pattern-dots-color-default:#777;--xy-background-pattern-lines-color-default:#777;--xy-background-pattern-cross-color-default:#777;--xy-node-color-default:#f8f8f8;--xy-node-border-default:1px solid #3c3c3c;--xy-node-background-color-default:#1e1e1e;--xy-node-group-background-color-default:rgba(240,240,240,0.25);--xy-node-boxshadow-hover-default:0 1px 4px 1px rgba(255,255,255,0.08);--xy-node-boxshadow-selected-default:0 0 0 0.5px #999;--xy-handle-background-color-default:#bebebe;--xy-handle-border-color-default:#1e1e1e;--xy-selection-background-color-default:rgba(200,200,220,0.08);--xy-selection-border-default:1px dotted rgba(200,200,220,0.8);--xy-controls-button-background-color-default:#2b2b2b;--xy-controls-button-background-color-hover-default:#3e3e3e;--xy-controls-button-color-default:#f8f8f8;--xy-controls-button-color-hover-default:#fff;--xy-controls-button-border-color-default:#5b5b5b;--xy-controls-box-shadow-default:0 0 2px 1px rgba(0,0,0,0.08);--xy-edge-label-background-color-default:#141414;--xy-edge-label-color-default:#f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props,var(--xy-background-color,var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1}.react-flow__pane.draggable{cursor:-webkit-grab;cursor:grab}.react-flow__pane.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width,var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke,var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width,var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path,.react-flow__edge.selected .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected,var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:-webkit-grab;cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:-webkit-grab;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background-color:var(--xy-handle-background-color,var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color,var(--xy-handle-border-color-default));border-radius:100%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.bottom.center,.react-flow__panel.top.center{left:50%;transform:translateX(-15px) translateX(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{font-size:10px;background:var(--xy-attribution-background-color,var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{pointer-events:none}.react-flow__edgelabel-renderer,.react-flow__viewport-portal{position:absolute;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__minimap{background:var(
    --xy-minimap-background-color-props,var(--xy-minimap-background-color,var(--xy-minimap-background-color-default))
  )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var(
      --xy-minimap-mask-background-color-props,var(--xy-minimap-mask-background-color,var(--xy-minimap-mask-background-color-default))
    );stroke:var(
      --xy-minimap-mask-stroke-color-props,var(--xy-minimap-mask-stroke-color,var(--xy-minimap-mask-stroke-color-default))
    );stroke-width:var(
      --xy-minimap-mask-stroke-width-props,var(--xy-minimap-mask-stroke-width,var(--xy-minimap-mask-stroke-width-default))
    )}.react-flow__minimap-node{fill:var(
      --xy-minimap-node-background-color-props,var(--xy-minimap-node-background-color,var(--xy-minimap-node-background-color-default))
    );stroke:var(
      --xy-minimap-node-stroke-color-props,var(--xy-minimap-node-stroke-color,var(--xy-minimap-node-stroke-color-default))
    );stroke-width:var(
      --xy-minimap-node-stroke-width-props,var(--xy-minimap-node-stroke-width,var(--xy-minimap-node-stroke-width-default))
    )}.react-flow__background-pattern.dots{fill:var(
      --xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-dots-color-default))
    )}.react-flow__background-pattern.lines{stroke:var(
      --xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-lines-color-default))
    )}.react-flow__background-pattern.cross{stroke:var(
      --xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-cross-color-default))
    )}.react-flow__controls{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow,var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color,var(--xy-controls-button-background-color-default));border-bottom:1px solid var(
        --xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default))
      );color:var(
      --xy-controls-button-color-props,var(--xy-controls-button-color,var(--xy-controls-button-color-default))
    );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-group,.react-flow__node-input,.react-flow__node-output{padding:10px;border-radius:var(--xy-node-border-radius,var(--xy-node-border-radius-default));width:150px;font-size:12px;color:var(--xy-node-color,var(--xy-node-color-default));text-align:center;border:var(--xy-node-border,var(--xy-node-border-default));background-color:var(--xy-node-background-color,var(--xy-node-background-color-default))}.react-flow__node-default.selectable:hover,.react-flow__node-group.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover,var(--xy-node-boxshadow-hover-default))}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected,var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color,var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color,var(--xy-selection-background-color-default));border:var(--xy-selection-border,var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var(
        --xy-controls-button-background-color-hover-props,var(--xy-controls-button-background-color-hover,var(--xy-controls-button-background-color-hover-default))
      );color:var(
        --xy-controls-button-color-hover-props,var(--xy-controls-button-color-hover,var(--xy-controls-button-color-hover-default))
      )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var(
        --xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default))
      )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.bottom,.react-flow__resize-control.top{cursor:ns-resize}.react-flow__resize-control.bottom.right,.react-flow__resize-control.top.left{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.bottom.left,.react-flow__resize-control.handle.top.left{left:0}.react-flow__resize-control.handle.bottom.right,.react-flow__resize-control.handle.top.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.bottom,.react-flow__resize-control.line.top{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color,var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color,var(--xy-edge-label-color-default))}:root{color-scheme:light;background:#f4f6f8;color:#111827;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{background:#f4f6f8}.app-shell{display:grid;grid-template-columns:264px minmax(0,1fr);min-height:100vh}.app-sidebar{display:flex;flex-direction:column;gap:32px;padding:24px 18px;background:#111827;color:#f9fafb}.sidebar-brand{display:flex;gap:12px;align-items:center}.brand-mark{display:grid;width:40px;height:40px;place-items:center;border-radius:8px;background:#f4b860;color:#111827;font-size:13px;font-weight:800}.sidebar-brand span,.sidebar-brand strong{display:block}.sidebar-brand strong{font-size:15px;line-height:1.2}.sidebar-brand span{color:#cbd5e1;font-size:12px}.sidebar-nav ul{display:grid;grid-gap:8px;gap:8px;margin:0;padding:0;list-style:none}.sidebar-link{display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:44px;border:1px solid transparent;border-radius:8px;padding:10px 12px;color:#d1d5db;font-size:14px}.sidebar-link[data-active=true]{border-color:#2dd4bf;background:#1f2937;color:#ffffff}.sidebar-link small{color:#9ca3af;font-size:11px;text-transform:uppercase}.app-main{min-width:0}.top-bar{display:flex;justify-content:space-between;gap:16px;align-items:center;min-height:72px;border-bottom:1px solid #d9dee6;background:#ffffff;padding:14px 24px}.project-selector span,.top-bar strong,.top-bar-label{display:block}.project-selector span,.top-bar-label{color:#64748b;font-size:12px;font-weight:700;letter-spacing:0;text-transform:uppercase}.top-bar strong{margin-top:2px;color:#111827;font-size:16px}.project-selector{display:flex;gap:10px;align-items:center}.project-selector select{max-width:220px;border:1px solid #cbd5e1;border-radius:8px;background:#ffffff;padding:9px 12px;color:#111827;font:inherit;font-size:14px}.app-content{padding:24px}.workspace-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-gap:18px;gap:18px}.service-panel,.workspace-primary{border:1px solid #d9dee6;border-radius:8px;background:#ffffff}.workspace-primary{min-width:0;overflow:hidden}.workspace-heading{display:grid;grid-gap:18px;gap:18px;padding:24px}.status-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.status-row [data-tone]{display:inline-flex;border-radius:8px;padding:5px 9px;background:#edf2f7;color:#334155;font-size:12px;font-weight:700;line-height:1.2}.status-row [data-tone=success]{background:#dcfce7;color:#166534}.status-row [data-tone=warning]{background:#fff7ed;color:#9a3412}h1,h2,h3,p{margin:0}h1{max-width:780px;font-size:38px;line-height:1.05}.workspace-heading p{max-width:56ch;margin-top:10px;color:#475569;font-size:16px;line-height:1.55}.workspace-canvas{border-top:1px solid #d9dee6;background:linear-gradient(#e5e7eb 1px,transparent 0),linear-gradient(90deg,#e5e7eb 1px,transparent 0),#f8fafc;background-size:28px 28px;padding:32px}.workflow-canvas-shell{display:grid;grid-gap:16px;gap:16px;border-top:1px solid #d9dee6;background:#f8fafc;padding:18px}.mock-project-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,260px) minmax(260px,420px);grid-gap:14px;gap:14px;align-items:start;border:1px solid #bfdbfe;border-radius:8px;background:#eff6ff;padding:14px}.mock-project-panel dt,.mock-project-panel label span,.mock-project-panel>div:first-child span{color:#1d4ed8;font-size:11px;font-weight:800;letter-spacing:0;text-transform:uppercase}.mock-project-panel h2{margin-top:4px;color:#0f172a;font-size:18px}.mock-project-panel p{margin-top:6px;color:#334155;font-size:13px;line-height:1.45}.mock-project-panel label{display:grid;grid-gap:6px;gap:6px}.mock-project-panel select{width:100%;border:1px solid #93c5fd;border-radius:8px;background:#ffffff;padding:9px 10px;color:#0f172a;font:inherit}.mock-project-panel dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px 12px;gap:8px 12px;margin:0}.mock-project-panel dd{margin:3px 0 0;color:#0f172a;font-size:13px;font-weight:800;overflow-wrap:anywhere}.mock-project-panel small{grid-column:1/-1;color:#475569;font-size:12px}.simple-mode-panel{display:grid;grid-gap:14px;gap:14px;border:1px solid #cbd5e1;border-radius:8px;background:#ffffff;padding:16px}.simple-mode-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,320px);grid-gap:16px;gap:16px;align-items:start}.simple-mode-field span,.simple-mode-header span,.simple-mode-preview dt{color:#64748b;font-size:11px;font-weight:800;letter-spacing:0;text-transform:uppercase}.simple-mode-header h2{margin-top:4px;font-size:20px}.simple-mode-header p{max-width:70ch;margin-top:6px;color:#475569;font-size:14px;line-height:1.5}.simple-mode-header dl,.simple-mode-preview dl{display:grid;grid-gap:8px;gap:8px;margin:0}.simple-mode-header dl{border:1px solid #bae6fd;border-radius:8px;background:#f0f9ff;padding:12px}.simple-mode-header dd,.simple-mode-preview dd{margin:3px 0 0;color:#111827;font-size:13px;font-weight:800;line-height:1.35;overflow-wrap:anywhere}.simple-mode-form{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));grid-gap:10px;gap:10px}.simple-mode-field{display:grid;grid-gap:6px;gap:6px;min-width:0}.simple-mode-field-wide{grid-column:span 2}.simple-mode-field input,.simple-mode-field select,.simple-mode-field textarea{width:100%;border:1px solid #cbd5e1;border-radius:8px;background:#ffffff;padding:9px 10px;color:#111827;font:inherit;font-size:13px}.simple-mode-field input:disabled{background:#eef2f7;color:#334155;cursor:not-allowed}.simple-mode-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;grid-column:1/-1}.simple-mode-actions button{min-height:40px;border:1px solid #0f766e;border-radius:8px;background:#0f766e;padding:8px 10px;color:#ffffff;font:inherit;font-size:13px;font-weight:800;cursor:pointer}.simple-mode-actions button:nth-child(2){border-color:#0369a1;background:#0369a1}.simple-mode-actions button:disabled{cursor:not-allowed;opacity:.55}.simple-mode-empty{display:grid;grid-gap:4px;gap:4px;border:1px dashed #cbd5e1;border-radius:8px;background:#f8fafc;padding:12px}.simple-mode-empty strong{font-size:13px}.simple-mode-empty span{color:#64748b;font-size:13px}.simple-mode-preview{display:grid;grid-gap:12px;gap:12px;border-top:1px solid #e2e8f0;padding-top:14px}.simple-mode-preview-grid{display:grid;grid-template-columns:minmax(220px,1.1fr) repeat(3,minmax(160px,1fr));grid-gap:10px;gap:10px}.simple-mode-list{display:grid;align-content:start;grid-gap:8px;gap:8px}.simple-mode-list h3{margin:0;font-size:13px}.simple-mode-list ul{display:grid;grid-gap:6px;gap:6px;margin:0;padding:0;list-style:none}.simple-mode-list li{display:grid;grid-gap:2px;gap:2px;border:1px solid #e2e8f0;border-radius:8px;padding:7px;font-size:12px;overflow-wrap:anywhere}.simple-mode-list li span,.simple-mode-list li strong{display:block}.simple-mode-list li span{color:#64748b;font-weight:700}.simple-mode-json{max-height:260px;overflow:auto;border:1px solid #e2e8f0;border-radius:8px;background:#0f172a;padding:12px;color:#e2e8f0;font-size:12px;line-height:1.5;white-space:pre-wrap}.simple-mode-studio-readiness{display:grid;grid-gap:12px;gap:12px;border-top:1px solid #e2e8f0;padding-top:14px}.simple-mode-readiness-header{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:12px;gap:12px;align-items:start}.simple-mode-readiness-header span,.simple-mode-readiness-meta dt{color:#64748b;font-size:11px;font-weight:800;letter-spacing:0;text-transform:uppercase}.simple-mode-readiness-header h3{margin-top:4px;font-size:16px}.simple-mode-readiness-header p{max-width:90ch;margin-top:4px;color:#475569;font-size:13px;line-height:1.45}.simple-mode-readiness-header>strong{display:grid;min-width:88px;min-height:48px;place-items:center;border:1px solid #99f6e4;border-radius:8px;background:#ccfbf1;color:#134e4a;font-size:18px}.simple-mode-readiness-meta{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:8px;gap:8px;margin:0}.simple-mode-readiness-meta div{min-width:0;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;padding:8px}.simple-mode-readiness-meta dd{margin:3px 0 0;color:#111827;font-size:12px;font-weight:800;overflow-wrap:anywhere}.simple-mode-readiness-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:8px;gap:8px}.simple-mode-readiness-grid article{display:grid;align-content:start;grid-gap:7px;gap:7px;min-width:0;border:1px solid #e2e8f0;border-radius:8px;background:#ffffff;padding:8px}.simple-mode-readiness-grid article[data-status=ready]{border-color:#86efac;background:#f0fdf4}.simple-mode-readiness-grid article[data-status=attention]{border-color:#fed7aa;background:#fff7ed}.simple-mode-readiness-grid article[data-status=blocked]{border-color:#fecaca;background:#fef2f2}.simple-mode-readiness-grid article div{display:flex;justify-content:space-between;gap:8px}.simple-mode-export-readiness strong,.simple-mode-readiness-grid strong{font-size:12px}.simple-mode-export-readiness span,.simple-mode-readiness-grid span{color:#64748b;font-size:11px;font-weight:800}.simple-mode-readiness-grid p{color:#475569;font-size:12px;line-height:1.4}.simple-mode-export-readiness{display:grid;grid-gap:4px;gap:4px;border:1px solid #cbd5e1;border-radius:8px;background:#f8fafc;padding:10px}.simple-mode-export-readiness[data-status=exported_mock],.simple-mode-export-readiness[data-status=ready]{border-color:#86efac;background:#f0fdf4}.simple-mode-export-readiness[data-status=needs_review]{border-color:#fed7aa;background:#fff7ed}.builder-mode-panel{display:grid;grid-gap:14px;gap:14px;border:1px solid #cbd5e1;border-radius:8px;background:#ffffff;padding:16px}.builder-mode-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,320px);grid-gap:16px;gap:16px;align-items:start}.builder-mode-card label span,.builder-mode-header dt,.builder-mode-header span{color:#64748b;font-size:11px;font-weight:800;letter-spacing:0;text-transform:uppercase}.builder-mode-header h2{margin-top:4px;font-size:20px}.builder-mode-header p{max-width:76ch;margin-top:6px;color:#475569;font-size:14px;line-height:1.5}.builder-mode-header dl{display:grid;grid-gap:8px;gap:8px;margin:0;border:1px solid #ddd6fe;border-radius:8px;background:#f5f3ff;padding:12px}.builder-mode-header dd{margin:3px 0 0;color:#111827;font-size:13px;font-weight:800}.builder-mode-grid,.builder-mode-preview-grid{display:grid;grid-template-columns:minmax(320px,.7fr) minmax(420px,1.3fr);grid-gap:12px;gap:12px}.builder-mode-preview-grid{grid-template-columns:minmax(220px,.8fr) minmax(220px,.7fr) minmax(320px,1.1fr)}.builder-mode-card{display:grid;align-content:start;grid-gap:10px;gap:10px;min-width:0;margin:0;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;padding:12px}.builder-mode-card h3,.builder-mode-card legend{margin:0;color:#0f172a;font-size:14px;font-weight:900}.builder-mode-card-header{display:grid;grid-gap:4px;gap:4px}.builder-empty-state,.builder-mode-card-header span{color:#64748b;font-size:12px;font-weight:700;line-height:1.4}.builder-mode-card label{display:grid;grid-gap:6px;gap:6px;min-width:0}.builder-mode-card input,.builder-mode-card textarea{width:100%;border:1px solid #cbd5e1;border-radius:8px;background:#ffffff;padding:8px 9px;color:#111827;font:inherit;font-size:12px}.builder-mode-card input:disabled{background:#eef2f7;color:#334155}.builder-mode-wide-field{grid-column:1/-1}.builder-control-list,.builder-smart-node-list,.builder-warning-list{display:grid;grid-gap:8px;gap:8px;margin:0;padding:0;list-style:none}.builder-control-item{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(90px,.5fr) minmax(150px,1fr) minmax(110px,.4fr);grid-gap:8px;gap:8px;align-items:end;border:1px solid #e2e8f0;border-radius:8px;background:#ffffff;padding:8px}.builder-control-item[data-locked=true]{border-color:#bfdbfe;background:#eff6ff}.builder-control-item>div,.builder-smart-node-list article{display:grid;grid-gap:3px;gap:3px;min-width:0}.builder-control-item strong,.builder-smart-node-list strong{color:#111827;font-size:12px;overflow-wrap:anywhere}.builder-control-item span,.builder-smart-node-list span{color:#64748b;font-size:11px;font-weight:800}.builder-smart-node-list article,.builder-warning-list li{border:1px solid #e2e8f0;border-radius:8px;background:#ffffff;padding:8px}.builder-warning-list li{color:#9a3412;font-size:12px;font-weight:800}.builder-mode-json-card pre{max-height:260px;overflow:auto;border:1px solid #e2e8f0;border-radius:8px;background:#0f172a;padding:12px;color:#e2e8f0;font-size:12px;line-height:1.5;white-space:pre-wrap}.creative-direction-panel{display:grid;grid-gap:14px;gap:14px;border:1px solid #cbd5e1;border-radius:8px;background:#ffffff;padding:16px}.creative-direction-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,360px);grid-gap:16px;gap:16px;align-items:start}.creative-direction-card label span,.creative-direction-header span,.creative-direction-snapshot dt{display:block;color:#64748b;font-size:11px;font-weight:800;letter-spacing:0;text-transform:uppercase}.creative-direction-header h2{margin-top:4px;font-size:20px}.creative-direction-header p{max-width:76ch;margin-top:6px;color:#475569;font-size:14px;line-height:1.5}.creative-direction-summary{display:grid;grid-gap:10px;gap:10px;border:1px solid #bbf7d0;border-radius:8px;background:#f0fdf4;padding:12px}.creative-direction-snapshot dl,.creative-direction-summary dl{display:grid;grid-gap:8px;gap:8px;margin:0}.creative-direction-snapshot dd,.creative-direction-summary dd{margin:3px 0 0;color:#111827;font-size:12px;font-weight:800;line-height:1.35;overflow-wrap:anywhere}.creative-direction-summary button{min-height:38px;border:1px solid #15803d;border-radius:8px;background:#15803d;padding:8px 10px;color:#ffffff;font:inherit;font-size:13px;font-weight:800;cursor:pointer}.creative-direction-grid{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(320px,1.1fr);grid-gap:12px;gap:12px}.creative-direction-grid-bottom{grid-template-columns:minmax(360px,1fr) minmax(320px,.9fr)}.creative-direction-card{display:grid;align-content:start;grid-gap:10px;gap:10px;min-width:0;margin:0;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;padding:12px}.creative-direction-card h3,.creative-direction-card legend{margin:0;color:#0f172a;font-size:14px;font-weight:900}.creative-direction-card-header{display:grid;grid-gap:4px;gap:4px}.creative-direction-card-header span{color:#64748b;font-size:12px;font-weight:700;line-height:1.35}.creative-direction-card label,.creative-reference-item label,.creative-shot-item label{display:grid;grid-gap:6px;gap:6px;min-width:0}.creative-direction-card input,.creative-direction-card select,.creative-direction-card textarea{width:100%;border:1px solid #cbd5e1;border-radius:8px;background:#ffffff;padding:8px 9px;color:#111827;font:inherit;font-size:12px}.creative-direction-wide-field{grid-column:1/-1}.creative-direction-sections,.creative-reference-list,.creative-shot-list{display:grid;grid-gap:8px;gap:8px}.creative-reference-item,.creative-shot-item{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));grid-gap:8px;gap:8px;border:1px solid #e2e8f0;border-radius:8px;background:#ffffff;padding:9px}.creative-shot-item{grid-template-columns:minmax(130px,.8fr) repeat(3,minmax(110px,1fr))}.creative-shot-item>div{display:grid;align-content:start;grid-gap:3px;gap:3px}.creative-shot-item strong{font-size:12px}.creative-shot-item>div span{color:#64748b;font-size:11px;font-weight:700;line-height:1.3;overflow-wrap:anywhere}.creative-direction-snapshot{background:#f8fafc}.creative-direction-sections section{display:grid;grid-gap:3px;gap:3px;border:1px solid #e2e8f0;border-radius:8px;background:#ffffff;padding:8px}.creative-direction-sections h4{margin:0;font-size:12px}.creative-direction-sections p{margin:0;color:#475569;font-size:12px;line-height:1.45}.creative-direction-snapshot pre{max-height:300px;overflow:auto;border:1px solid #e2e8f0;border-radius:8px;background:#0f172a;padding:12px;color:#e2e8f0;font-size:12px;line-height:1.5;white-space:pre-wrap}.workflow-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:center;border:1px solid #d9dee6;border-radius:8px;background:#ffffff;padding:12px}.workflow-json-panel span,.workflow-toolbar>div:first-child span{display:block;color:#64748b;font-size:12px;font-weight:800;letter-spacing:0;text-transform:uppercase}.workflow-toolbar>div:first-child strong{display:block;margin-top:2px;font-size:15px}.node-palette{display:flex;flex-wrap:wrap;gap:8px;max-width:820px}.preset-loader{display:grid;grid-template-columns:auto minmax(170px,240px);grid-gap:10px;gap:10px;align-items:center;border:1px solid #bae6fd;border-radius:8px;background:#f0f9ff;padding:8px}.preset-loader button{min-height:40px;border:1px solid #0369a1;border-radius:8px;background:#0369a1;padding:8px 10px;color:#ffffff;font:inherit;font-size:13px;font-weight:800;cursor:pointer}.preset-loader small,.preset-loader span{display:block}.preset-loader span{color:#0f172a;font-size:12px;font-weight:800}.preset-loader small{margin-top:2px;color:#475569;font-size:11px;font-weight:700;line-height:1.25}.node-palette button,.run-button{min-height:44px;border:1px solid #cbd5e1;border-radius:8px;background:#ffffff;padding:8px 10px;color:#111827;font:inherit;font-size:13px;font-weight:700}.node-palette button{display:grid;grid-gap:3px;gap:3px;min-width:150px;text-align:left;cursor:pointer}.node-palette button:hover{border-color:#0f766e}.node-palette button small,.node-palette button span{display:block}.node-palette button small{color:#64748b;font-size:11px;font-weight:700;line-height:1.2}.run-button{border-color:#0f766e;background:#0f766e;color:#ffffff;cursor:pointer}.run-button:disabled{cursor:wait;opacity:.7}.workflow-canvas-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);grid-gap:16px;gap:16px}.workflow-flow-card{min-width:0;height:640px;overflow:hidden;border:1px solid #cbd5e1;border-radius:8px;background:#ffffff}.registry-flow-node{display:grid;grid-gap:8px;gap:8px;width:220px;border:1px solid #94a3b8;border-radius:8px;background:#ffffff;padding:12px;box-shadow:0 10px 24px rgba(15,23,42,.08);color:#111827}.registry-flow-node[data-selected=true]{border-color:#0f766e;box-shadow:0 0 0 3px rgba(15,118,110,.15),0 12px 30px rgba(15,23,42,.12)}.registry-flow-node[data-known=false]{border-color:#f97316;background:#fff7ed}.registry-node-header{display:grid;grid-gap:3px;gap:3px}.registry-node-header span{color:#64748b;font-size:11px;font-weight:800;text-transform:uppercase}.registry-node-header strong{font-size:14px;line-height:1.2}.registry-flow-node p{color:#475569;font-size:12px;line-height:1.35}.registry-node-meta,.registry-node-ports{display:flex;flex-wrap:wrap;gap:6px}.registry-node-meta small,.registry-node-ports span{border-radius:8px;background:#eef2f7;padding:4px 6px;color:#334155;font-size:11px;font-weight:700;line-height:1.2}.workflow-flow-card .react-flow__edge-path{stroke:#0f766e;stroke-width:2}.workflow-flow-card .react-flow__handle{width:9px;height:9px;border-color:#ffffff;background:#0f766e}.workflow-side-panels{display:grid;align-content:start;grid-gap:16px;gap:16px;min-width:0}.compare-select-panel,.mock-assets-panel,.mock-cost-ledger-panel,.mock-export-panel,.mock-rerun-panel,.mock-run-panel,.provenance-graph-panel,.quality-review-panel,.workflow-inspector,.workflow-json-panel,.workflow-version-panel{display:grid;align-content:start;grid-gap:12px;gap:12px;min-width:0;border:1px solid #cbd5e1;border-radius:8px;background:#ffffff;padding:14px}.workflow-inspector>div:first-child span{margin-top:0}.compare-select-header span,.mock-assets-header span,.mock-cost-ledger-header span,.mock-export-header span,.mock-rerun-header span,.mock-run-header span,.provenance-graph-header span,.quality-review-header span,.workflow-inspector>div:first-child span,.workflow-version-header span{display:block;color:#64748b;font-size:12px;font-weight:800;text-transform:uppercase}.compare-select-panel h2,.compare-select-panel h3,.mock-assets-panel h2,.mock-assets-panel h3,.mock-cost-ledger-panel h2,.mock-cost-ledger-panel h3,.mock-export-panel h2,.mock-export-panel h3,.mock-rerun-panel h2,.mock-rerun-panel h3,.mock-run-panel h2,.mock-run-panel h3,.provenance-graph-panel h2,.provenance-graph-panel h3,.quality-review-panel h2,.quality-review-panel h3,.workflow-inspector h2,.workflow-inspector h3,.workflow-version-panel h2,.workflow-version-panel h3{margin-top:4px}.compare-select-panel h2,.mock-assets-panel h2,.mock-cost-ledger-panel h2,.mock-export-panel h2,.mock-rerun-panel h2,.mock-run-panel h2,.provenance-graph-panel h2,.quality-review-panel h2,.workflow-inspector h2,.workflow-version-panel h2{font-size:18px}.compare-select-panel h3,.mock-assets-panel h3,.mock-cost-ledger-panel h3,.mock-export-panel h3,.mock-rerun-panel h3,.mock-run-panel h3,.provenance-graph-panel h3,.quality-review-panel h3,.workflow-inspector h3,.workflow-version-panel h3{font-size:13px}.compare-select-panel li span,.compare-select-panel p,.inspector-port-list span,.mock-assets-panel p,.mock-cost-ledger-panel p,.mock-rerun-panel p,.mock-run-panel li span,.mock-run-panel p,.provenance-graph-panel li span,.provenance-graph-panel p,.quality-review-panel li span,.quality-review-panel p,.workflow-inspector p,.workflow-version-panel p{color:#64748b;font-size:13px;line-height:1.45}.inspector-metadata{display:grid;grid-gap:8px;gap:8px;margin:0}.inspector-metadata div{display:grid;grid-gap:3px;gap:3px}.inspector-metadata dt{color:#64748b;font-size:11px;font-weight:800;text-transform:uppercase}.inspector-metadata dd{margin:0;color:#111827;font-size:13px;font-weight:700;overflow-wrap:anywhere}.inspector-section{display:grid;grid-gap:8px;gap:8px;border-top:1px solid #e2e8f0;padding-top:12px}.inspector-port-list{display:grid;grid-gap:8px;gap:8px;margin:0;padding:0;list-style:none}.inspector-port-list li{display:grid;grid-gap:2px;gap:2px;border:1px solid #e2e8f0;border-radius:8px;padding:8px}.inspector-port-list strong{font-size:13px}.inspector-params{display:grid;grid-gap:10px;gap:10px}.param-control{display:grid;grid-gap:6px;gap:6px;color:#111827;font-size:13px;font-weight:700}.param-control>span{display:flex;justify-content:space-between;gap:8px;align-items:center}.param-control small{color:#64748b;font-size:11px;text-transform:uppercase}.param-control input[type=number],.param-control input[type=text],.param-control select,.param-control textarea{width:100%;border:1px solid #cbd5e1;border-radius:8px;background:#ffffff;padding:8px 9px;color:#111827;font:inherit;font-size:13px;font-weight:500}.param-control input[type=checkbox]{width:18px;height:18px}.workflow-json-panel h2{margin-top:4px;font-size:18px}.workflow-inspector>div:first-child p,.workflow-json-panel p{margin-top:6px;color:#64748b;font-size:13px;line-height:1.45}.workflow-json-panel pre{max-height:460px;overflow:auto;border:1px solid #e2e8f0;border-radius:8px;background:#0f172a;padding:12px;color:#e2e8f0;font-size:12px;line-height:1.5;white-space:pre-wrap}.mock-assets-actions,.mock-cost-ledger-controls,.mock-run-actions,.quality-review-actions,.workflow-version-actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;align-items:center}.mock-assets-actions button,.mock-cost-ledger-controls button,.mock-run-actions button,.quality-review-actions button,.workflow-version-actions button{min-height:36px;border:1px solid #cbd5e1;border-radius:8px;background:#ffffff;padding:7px 10px;color:#111827;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.mock-assets-actions button:disabled,.mock-cost-ledger-controls button:disabled,.mock-run-actions button:disabled,.quality-review-actions button:disabled,.workflow-version-actions button:disabled{cursor:not-allowed;opacity:.55}.workflow-version-lineage,.workflow-version-summary{display:grid;grid-gap:10px;gap:10px}.workflow-version-empty{border:1px dashed #cbd5e1;border-radius:8px;background:#f8fafc;padding:10px}.workflow-version-lineage{border-top:1px solid #e2e8f0;padding-top:12px}.workflow-version-lineage strong{color:#111827;font-size:13px}.mock-run-section code,.workflow-version-lineage code{display:block;overflow:auto;border-radius:8px;background:#0f172a;padding:8px;color:#e2e8f0;font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere}.mock-rerun-controls{display:grid;grid-gap:8px;gap:8px}.mock-rerun-controls label{display:grid;grid-gap:6px;gap:6px}.mock-rerun-controls label span{color:#64748b;font-size:11px;font-weight:800;text-transform:uppercase}.mock-rerun-controls input,.mock-rerun-controls select{width:100%;border:1px solid #cbd5e1;border-radius:8px;background:#ffffff;padding:8px 9px;color:#111827;font:inherit;font-size:12px}.mock-rerun-diagnostics{display:grid;grid-gap:6px;gap:6px}.mock-rerun-diagnostics span,.mock-rerun-edge-list li,.mock-rerun-edge-list span{color:#64748b;font-size:12px;line-height:1.4}.mock-rerun-edge-list,.mock-rerun-empty,.mock-rerun-scope{border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;padding:10px}.mock-rerun-cache-list{display:grid;grid-gap:8px;gap:8px}.mock-rerun-cache-list article{display:grid;grid-gap:6px;gap:6px;border:1px solid #e2e8f0;border-radius:8px;background:#ffffff;padding:9px}.mock-rerun-cache-list article[data-status=rerun_required]{border-color:#fde68a;background:#fffbeb}.mock-rerun-cache-list article[data-status=hit]{border-color:#bbf7d0;background:#f0fdf4}.mock-rerun-cache-list article div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px}.mock-rerun-cache-list strong,.mock-rerun-edge-list strong{color:#111827;font-size:12px}.mock-rerun-cache-list article div span,.mock-rerun-cache-list p{color:#64748b;font-size:12px}.mock-rerun-cache-list code,.mock-rerun-json{overflow-wrap:anywhere;font-size:11px}.mock-rerun-edge-list{display:grid;grid-gap:6px;gap:6px}.mock-rerun-edge-list ul{display:grid;grid-gap:4px;gap:4px;margin:0;padding-left:16px}.mock-rerun-json{max-height:260px;overflow:auto;border:1px solid #e2e8f0;border-radius:8px;background:#0f172a;padding:10px;color:#e2e8f0;line-height:1.45;white-space:pre-wrap}.mock-run-status{display:inline-flex;border-radius:8px;background:#eef2f7;padding:6px 8px;color:#334155;font-size:12px;font-weight:800;text-transform:uppercase}.mock-run-status[data-state=completed]{background:#dcfce7;color:#166534}.mock-run-status[data-state=invalid],.mock-run-status[data-state=waiting_for_input]{background:#fff7ed;color:#9a3412}.mock-run-status[data-state=error],.mock-run-status[data-state=failed]{background:#fee2e2;color:#991b1b}.mock-run-output-list,.mock-run-section,.mock-run-summary,.node-run-item,.node-run-list,.provider-metadata{display:grid;grid-gap:10px;gap:10px}.mock-run-section{border-top:1px solid #e2e8f0;padding-top:12px}.mock-run-output-list ul,.mock-run-section ul{display:grid;grid-gap:8px;gap:8px;margin:0;padding:0;list-style:none}.mock-run-output-list li,.mock-run-section li,.node-run-item{border:1px solid #e2e8f0;border-radius:8px;padding:8px}.mock-run-section li{display:grid;grid-gap:3px;gap:3px}.mock-run-cost-grid,.node-run-details,.provider-metadata dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px;margin:0}.mock-run-cost-grid div,.node-run-details div,.provider-metadata dl div{min-width:0}.mock-run-cost-grid dt,.node-run-details dt,.provider-metadata dt{color:#64748b;font-size:10px;font-weight:800;text-transform:uppercase}.mock-run-cost-grid dd,.node-run-details dd,.provider-metadata dd{margin:3px 0 0;color:#111827;font-size:12px;font-weight:800;overflow-wrap:anywhere}.node-run-title{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.node-run-title div,.node-run-title span,.node-run-title strong{display:block}.node-run-title strong{font-size:13px}.node-run-title span{color:#64748b;font-size:12px;font-weight:700;overflow-wrap:anywhere}.provider-metadata{border-radius:8px;background:#f0fdfa;padding:8px}.mock-run-output-list h4{margin:0;font-size:12px}.mock-run-output-list code,.mock-run-output-list pre{display:block;max-height:160px;overflow:auto;border-radius:8px;background:#0f172a;padding:8px;color:#e2e8f0;font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere}.mock-run-error{display:grid;grid-gap:3px;gap:3px;border:1px solid #fecaca;border-radius:8px;background:#fef2f2;padding:8px;color:#991b1b;font-size:12px}.mock-run-error span{color:#7f1d1d}.compare-candidate-card,.compare-candidate-controls,.compare-candidate-grid,.compare-empty-state,.selected-output-summary{display:grid;grid-gap:10px;gap:10px}.compare-candidate-card,.compare-empty-state,.selected-output-summary{border:1px solid #e2e8f0;border-radius:8px;padding:10px}.selected-output-summary{background:#f8fafc}.selected-output-summary[data-stale=true]{border-color:#fed7aa;background:#fff7ed}.selected-output-summary[data-empty=true]{border-style:dashed}.compare-candidate-title,.selected-output-summary>div:first-child{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.compare-candidate-title strong,.compare-empty-state strong,.selected-output-summary strong{display:block;color:#111827;font-size:13px}.compare-candidate-title span,.compare-empty-state span,.selected-output-summary span{display:block;margin-top:2px;color:#64748b;font-size:12px;font-weight:700;overflow-wrap:anywhere}.compare-candidate-metadata,.selected-output-summary dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px;margin:0}.compare-candidate-metadata dt,.selected-output-summary dt{color:#64748b;font-size:10px;font-weight:800;text-transform:uppercase}.compare-candidate-metadata dd,.selected-output-summary dd{margin:3px 0 0;color:#111827;font-size:12px;font-weight:800;overflow-wrap:anywhere}.compare-output-preview,.selected-output-summary code{display:block;max-height:120px;overflow:auto;border-radius:8px;background:#0f172a;padding:8px;color:#e2e8f0;font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere}.compare-candidate-card[data-selected=true]{border-color:#0f766e;background:#f0fdfa}.compare-candidate-title small{border-radius:8px;background:#eef2f7;padding:4px 6px;color:#334155;font-size:11px;font-weight:800;line-height:1.2}.compare-candidate-card[data-selected=true] .compare-candidate-title small{background:#ccfbf1;color:#115e59}.compare-candidate-controls button{min-height:36px;border:1px solid #0f766e;border-radius:8px;background:#0f766e;padding:7px 10px;color:#ffffff;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.compare-candidate-controls label{display:grid;grid-gap:6px;gap:6px;color:#111827;font-size:12px;font-weight:800}.compare-candidate-controls label span{color:#64748b;font-size:10px;text-transform:uppercase}.compare-candidate-controls select,.compare-candidate-controls textarea{width:100%;border:1px solid #cbd5e1;border-radius:8px;background:#ffffff;padding:8px;color:#111827;font:inherit;font-size:12px}.quality-report-summary,.quality-review-empty,.quality-review-form,.quality-review-lists,.quality-target-summary,.review-decision-summary{display:grid;grid-gap:10px;gap:10px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;padding:10px}.quality-review-empty{border-style:dashed}.quality-report-summary strong,.quality-target-summary strong,.review-decision-summary strong{color:#111827;font-size:13px}.quality-report-summary span,.quality-target-summary span{color:#64748b;font-size:12px;font-weight:700;overflow-wrap:anywhere}.quality-failure-tags{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.quality-failure-tags label{display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:7px;gap:7px;align-items:start;border:1px solid #e2e8f0;border-radius:8px;background:#ffffff;padding:8px;color:#111827;font-size:12px;font-weight:800}.quality-review-field,.quality-review-form label{display:grid;grid-gap:6px;gap:6px;color:#111827;font-size:12px;font-weight:800}.quality-review-field span,.quality-review-form label span{color:#64748b;font-size:10px;text-transform:uppercase}.quality-review-field textarea,.quality-review-form select,.quality-review-form textarea{width:100%;border:1px solid #cbd5e1;border-radius:8px;background:#ffffff;padding:8px;color:#111827;font:inherit;font-size:12px}.quality-review-form button{min-height:38px;border:1px solid #0f766e;border-radius:8px;background:#0f766e;color:#ffffff;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.quality-review-form button:disabled{border-color:#cbd5e1;background:#e2e8f0;color:#64748b;cursor:not-allowed}.quality-dimension-grid,.quality-review-list{display:grid;grid-gap:8px;gap:8px}.quality-dimension-grid article,.quality-review-list button{display:grid;grid-gap:5px;gap:5px;width:100%;border:1px solid #e2e8f0;border-radius:8px;background:#ffffff;padding:8px;color:#111827;font:inherit;text-align:left}.quality-dimension-grid article[data-status=pass]{border-color:#bbf7d0;background:#f0fdf4}.quality-dimension-grid article[data-status=warn]{border-color:#fed7aa;background:#fff7ed}.quality-dimension-grid article[data-status=fail]{border-color:#fecaca;background:#fef2f2}.quality-dimension-grid small,.quality-dimension-grid span,.quality-review-list span{color:#64748b;font-size:12px;font-weight:700;overflow-wrap:anywhere}.quality-review-list button{cursor:pointer}.quality-review-list button[data-selected=true]{border-color:#0f766e;background:#f0fdfa}.review-decision-summary code{display:block;overflow:auto;border-radius:8px;background:#0f172a;padding:8px;color:#e2e8f0;font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere}.mock-assets-gallery{display:grid;grid-gap:10px;gap:10px}.mock-asset-card{display:grid;grid-gap:6px;gap:6px;width:100%;border:1px solid #e2e8f0;border-radius:8px;background:#ffffff;padding:10px;color:#111827;font:inherit;text-align:left;cursor:pointer}.mock-asset-card[data-selected=true]{border-color:#0f766e;background:#f0fdfa}.mock-asset-card strong,.mock-asset-detail strong{color:#111827;font-size:13px}.mock-asset-card small,.mock-asset-card span{color:#64748b;font-size:12px;font-weight:700}.mock-asset-card code,.mock-asset-detail code{display:block;max-height:140px;overflow:auto;border-radius:8px;background:#0f172a;padding:8px;color:#e2e8f0;font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere}.mock-asset-detail,.mock-assets-empty{display:grid;grid-gap:10px;gap:10px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;padding:10px}.mock-assets-empty{border-style:dashed}.mock-export-actions,.mock-export-asset-list,.mock-export-form,.mock-export-gallery{display:grid;grid-gap:10px;gap:10px}.mock-export-form{grid-template-columns:1fr}.mock-export-form label{display:grid;grid-gap:5px;gap:5px;color:#111827;font-size:12px;font-weight:800}.mock-export-form select{width:100%;border:1px solid #cbd5e1;border-radius:8px;background:#ffffff;padding:8px;color:#111827;font:inherit;font-size:12px}.mock-export-actions{grid-template-columns:1fr}.mock-export-actions button{min-height:38px;border:1px solid #0f766e;border-radius:8px;background:#0f766e;color:#ffffff;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.mock-export-actions button:disabled{border-color:#cbd5e1;background:#e2e8f0;color:#64748b;cursor:not-allowed}.mock-export-asset-option{display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:8px;gap:8px;align-items:start;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;padding:9px;color:#111827;font-size:12px}.mock-export-asset-option small,.mock-export-asset-option span{display:block;min-width:0}.mock-export-asset-option small{margin-top:3px;color:#64748b;overflow-wrap:anywhere}.mock-export-card{display:grid;grid-gap:6px;gap:6px;width:100%;border:1px solid #e2e8f0;border-radius:8px;background:#ffffff;padding:10px;color:#111827;font:inherit;text-align:left;cursor:pointer}.mock-export-card[data-selected=true]{border-color:#7c3aed;background:#f5f3ff}.mock-export-card strong,.mock-export-detail strong{color:#111827;font-size:13px}.mock-export-card small,.mock-export-card span{color:#64748b;font-size:12px;font-weight:700}.mock-export-card code,.mock-export-detail code{display:block;max-height:140px;overflow:auto;border-radius:8px;background:#0f172a;padding:8px;color:#e2e8f0;font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere}.mock-export-detail,.mock-export-empty{display:grid;grid-gap:10px;gap:10px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;padding:10px}.mock-export-empty{border-style:dashed}.mock-export-warnings{display:grid;grid-gap:4px;gap:4px;margin:0;padding-left:18px;color:#475569;font-size:12px}.mock-cost-ledger-controls{justify-content:stretch}.mock-cost-ledger-controls label{display:grid;grid-gap:5px;gap:5px;flex:1 1 120px;color:#334155;font-size:12px;font-weight:800}.mock-cost-ledger-controls input{min-height:36px;width:100%;border:1px solid #cbd5e1;border-radius:8px;background:#ffffff;padding:7px 9px;color:#111827;font:inherit;font-size:12px;font-weight:700}.mock-cost-breakdown,.mock-cost-event-row,.mock-cost-ledger-empty,.mock-cost-ledger-summary{display:grid;grid-gap:10px;gap:10px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;padding:10px}.mock-cost-ledger-empty{border-style:dashed}.mock-cost-warnings{display:grid;grid-gap:5px;gap:5px;margin:0;padding-left:18px;color:#9a3412;font-size:12px;font-weight:700}.mock-cost-breakdown-grid{display:grid;grid-gap:8px;gap:8px}.mock-cost-breakdown h3{margin:0}.mock-cost-breakdown ul,.mock-cost-event-list{display:grid;grid-gap:8px;gap:8px;margin:0;padding:0;list-style:none}.mock-cost-breakdown li{display:flex;justify-content:space-between;gap:8px;align-items:flex-start;color:#334155;font-size:12px}.mock-cost-breakdown li strong{color:#0f172a;text-align:right}.mock-cost-event-row>div:first-child{display:grid;grid-gap:2px;gap:2px}.mock-cost-event-row>div:first-child span,.mock-cost-event-row>div:first-child strong{overflow-wrap:anywhere}.mock-cost-event-row>div:first-child strong{color:#0f172a;font-size:13px}.mock-cost-event-row>div:first-child span{color:#64748b;font-size:12px;font-weight:700}.mock-cost-event-row code{overflow:auto;border-radius:8px;background:#0f172a;padding:8px;color:#e2e8f0;font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere}.provenance-cross-links,.provenance-detail,.provenance-edge-list,.provenance-empty,.provenance-filter-grid,.provenance-node-grid{display:grid;grid-gap:10px;gap:10px}.provenance-filter-grid{grid-template-columns:1fr}.provenance-filter-grid label{display:grid;grid-gap:5px;gap:5px;color:#334155;font-size:12px;font-weight:800}.provenance-filter-grid label span{color:#64748b;font-size:10px;text-transform:uppercase}.provenance-filter-grid input{min-height:36px;width:100%;border:1px solid #cbd5e1;border-radius:8px;background:#ffffff;padding:7px 9px;color:#111827;font:inherit;font-size:12px;font-weight:700}.provenance-filter-grid button{min-height:36px;border:1px solid #334155;border-radius:8px;background:#334155;padding:7px 10px;color:#ffffff;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.provenance-filter-grid button:disabled{border-color:#cbd5e1;background:#e2e8f0;color:#64748b;cursor:not-allowed}.provenance-warning-list{display:grid;grid-gap:6px;gap:6px;margin:0;padding:0;list-style:none}.provenance-cross-links,.provenance-detail,.provenance-empty,.provenance-warning-list li{border:1px solid #fed7aa;border-radius:8px;background:#fff7ed;padding:10px}.provenance-cross-links strong,.provenance-detail strong,.provenance-warning-list strong{display:block;color:#111827;font-size:13px}.provenance-node-grid{grid-template-columns:1fr}.provenance-node-card{display:grid;grid-gap:5px;gap:5px;width:100%;border:1px solid #e2e8f0;border-left:4px solid #64748b;border-radius:8px;background:#ffffff;padding:10px;color:#111827;font:inherit;text-align:left;cursor:pointer}.provenance-node-card[data-selected=true]{border-color:#0f766e;background:#f0fdfa}.provenance-node-card[data-kind=workflowVersion]{border-left-color:#0369a1}.provenance-node-card[data-kind=run]{border-left-color:#0f766e}.provenance-node-card[data-kind=nodeRun]{border-left-color:#7c3aed}.provenance-node-card[data-kind=providerOutput]{border-left-color:#f59e0b}.provenance-node-card[data-kind=asset]{border-left-color:#16a34a}.provenance-node-card[data-kind=export]{border-left-color:#be123c}.provenance-node-card em,.provenance-node-card small,.provenance-node-card span{display:block;overflow-wrap:anywhere}.provenance-node-card span{color:#64748b;font-size:10px;font-weight:900;text-transform:uppercase}.provenance-node-card strong{color:#111827;font-size:13px;overflow-wrap:anywhere}.provenance-node-card em,.provenance-node-card small{color:#64748b;font-size:12px;font-style:normal;font-weight:700}.provenance-node-card mark{border-radius:8px;background:#ffedd5;padding:5px 6px;color:#9a3412;font-size:11px;font-weight:800}.provenance-edge-list{border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;padding:10px}.provenance-edge-list ul{display:grid;grid-gap:7px;gap:7px;margin:0;padding:0;list-style:none}.provenance-edge-list li{display:grid;grid-gap:3px;gap:3px;border-bottom:1px solid #e2e8f0;padding-bottom:7px}.provenance-edge-list li:last-child{border-bottom:0;padding-bottom:0}.provenance-edge-list strong{color:#0f172a;font-size:12px}.provenance-detail{border-color:#e2e8f0;background:#f8fafc}.provenance-detail[data-empty=true]{border-style:dashed}.provenance-cross-links span,.provenance-detail>div:first-child span{display:block;margin-top:2px;color:#64748b;font-size:12px;font-weight:700;overflow-wrap:anywhere}.service-panel{display:grid;align-content:start;grid-gap:12px;gap:12px;padding:18px}.service-panel>div{padding-bottom:4px}.service-panel h2{font-size:18px}.service-panel>div>p{margin-top:6px;color:#64748b;font-size:14px;line-height:1.45}.status-card{display:grid;grid-gap:10px;gap:10px;border:1px solid #d9dee6;border-radius:8px;padding:14px}.status-card[data-tone=success]{border-color:#86efac;background:#f0fdf4}.status-card[data-tone=warning]{border-color:#fed7aa;background:#fff7ed}.status-card-header{display:flex;justify-content:space-between;gap:12px;align-items:center}.status-card h3{font-size:15px}.status-card small,.status-card-header span{color:#64748b;font-size:12px;font-weight:700;text-transform:uppercase}.status-card p{color:#475569;font-size:14px;line-height:1.45}@media (max-width:960px){.app-shell,.workspace-layout{grid-template-columns:1fr}.app-sidebar{gap:16px}.sidebar-nav ul{grid-template-columns:repeat(5,minmax(120px,1fr));overflow-x:auto}.workspace-canvas{min-height:420px}.builder-mode-grid,.builder-mode-header,.builder-mode-preview-grid,.mock-project-panel,.simple-mode-header,.simple-mode-preview-grid,.simple-mode-readiness-grid,.simple-mode-readiness-header,.simple-mode-readiness-meta,.workflow-canvas-grid{grid-template-columns:1fr}.simple-mode-form{grid-template-columns:repeat(2,minmax(150px,1fr))}.workflow-flow-card{height:520px}}@media (max-width:640px){.project-selector,.top-bar{align-items:stretch}.project-selector,.top-bar,.workspace-heading{display:grid}.app-content,.workspace-canvas,.workspace-heading{padding:18px}.project-selector select{max-width:none;width:100%}.simple-mode-form{grid-template-columns:1fr}.simple-mode-field-wide{grid-column:auto}h1{font-size:30px}}