/* Non-destructive, alpha-preserving image composition stage. */
.canvas-node.compositor-node{min-width:280px;min-height:240px}
.canvas-node.compositor-node .node-content{display:flex;flex:1;min-height:0;padding:10px}
.canvas-node.compositor-node>.node-content{flex-direction:column-reverse;align-items:stretch;justify-content:flex-start;gap:8px;overflow:hidden}
.canvas-node.compositor-node>.node-content>.canvas-node-fields-static{flex:0 0 auto;width:100%;margin:0}
.canvas-node.compositor-node>.node-content>.canvas-node-result{display:grid;container-type:size;flex:1 1 0;place-items:center;box-sizing:border-box;width:100%;min-width:0;min-height:0;overflow:hidden}
.canvas-node.compositor-node .compositor-stage{box-sizing:border-box;width:min(100cqw,calc(100cqh * var(--compositor-stage-ratio,1.333333)));height:auto;max-width:100%;max-height:100cqh;min-height:0}
.canvas-node.compositor-node .compositor-empty{height:100%;min-height:0;box-sizing:border-box}
.compositor-stage{position:relative;isolation:isolate;width:100%;max-height:100%;margin:auto;overflow:hidden;border:1px solid var(--ds-compositor-stage-border);border-radius:6px;background:conic-gradient(var(--ds-compositor-stage-checker-a) 25%,var(--ds-compositor-stage-checker-b) 0 50%,var(--ds-compositor-stage-checker-a) 0 75%,var(--ds-compositor-stage-checker-b) 0) 0/12px 12px}
.compositor-stage .image-render-canvas{width:100%;height:100%;max-width:none;max-height:none;border-radius:0;background:transparent;object-fit:contain}
.compositor-layer{position:absolute;z-index:2;display:block;padding:0;border:1px solid transparent;background:transparent;cursor:move;touch-action:none}
.compositor-layer:hover,.compositor-layer.is-active{border-color:var(--ds-compositor-selection);box-shadow:0 0 0 1px var(--ds-compositor-selection-shadow)}.compositor-layer.is-active{z-index:3}
.compositor-layer-label,.compositor-layer-size{position:absolute;padding:1px 4px;border-radius:3px;background:var(--ds-compositor-selection);color:var(--ds-button-primary-foreground);font-size:8px;line-height:1.2;opacity:0;pointer-events:none;white-space:nowrap}
.compositor-layer-label{bottom:calc(100% + 5px);left:-1px}
.compositor-layer-size{top:calc(100% + 7px);left:50%;transform:translateX(-50%);font-size:9px;font-weight:700}
.compositor-layer:hover .compositor-layer-label,.compositor-layer:hover .compositor-layer-size,.compositor-layer.is-active .compositor-layer-label,.compositor-layer.is-active .compositor-layer-size{opacity:1}
.compositor-resize{position:absolute;display:none;background:var(--ds-compositor-handle-surface);border:1px solid var(--ds-compositor-selection);border-radius:2px}
.compositor-layer.is-active .compositor-resize{display:block}
.compositor-resize-right{top:50%;right:-4px;width:7px;height:12px;transform:translateY(-50%);cursor:ew-resize}
.compositor-resize-bottom{bottom:-4px;left:50%;width:12px;height:7px;transform:translateX(-50%);cursor:ns-resize}
.compositor-resize-corner{right:-4px;bottom:-4px;width:8px;height:8px;cursor:nwse-resize}
.compositor-layer.is-text .compositor-resize-corner{width:9px;height:9px;border-radius:1px}
.compositor-empty{display:grid;place-items:center;width:100%;min-height:150px;border:1px dashed var(--ds-compositor-empty-border);border-radius:6px;color:var(--ds-compositor-empty-text);font-size:11px}
.compositor-inspector,.compositor-text-controls{display:grid;gap:5px;margin:12px 0;padding:9px;border:1px solid var(--ds-inspector-section-border);border-radius:7px;color:var(--ds-text)}
.compositor-inspector legend,.compositor-text-controls legend{padding:0 4px;color:var(--ds-inspector-section-label);font-size:10px}
.inspector .compositor-layer-select{display:flex;align-items:center;justify-content:flex-start;width:100%;margin:0;padding:6px 8px;border-color:var(--ds-inspector-control-border);background:var(--ds-inspector-control-surface);color:var(--ds-inspector-control-text);cursor:grab;user-select:none}
.inspector .compositor-layer-select:active{cursor:grabbing}
.compositor-layer-select svg{width:14px;height:14px;margin-right:5px;color:var(--ds-muted)}
.inspector .compositor-layer-select.is-active{border-color:var(--ds-selection-border);color:var(--ds-inspector-option-active-text);background:var(--ds-inspector-option-active-surface)}
.inspector .compositor-layer-select.is-dragging{opacity:.45}
.inspector .compositor-layer-select.is-drop-target{border-color:var(--ds-selection-border);box-shadow:0 2px 0 var(--ds-selection-border)}
.compositor-add-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
.inspector .compositor-add-actions button{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;margin:0}
.compositor-add-actions svg{width:13px;height:13px}
.compositor-text-controls label{margin:0!important}
.compositor-text-controls textarea{min-height:62px}
.compositor-text-controls input[type="color"]{height:30px;padding:3px!important;cursor:pointer}

/* Control flow is visually distinct from value flow, while using the same port grammar. */
.compositor-layer-row{display:grid;grid-template-columns:minmax(0,1fr) 0;align-items:center;gap:0;transition:grid-template-columns .17s ease,gap .17s ease}.compositor-layer-row:hover,.compositor-layer-row:focus-within{grid-template-columns:minmax(0,1fr) 22px;gap:5px}.compositor-layer-remove{min-width:0;width:22px;height:22px;margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:var(--ds-muted);opacity:0;pointer-events:none;transition:opacity .1s ease,color .14s ease}.compositor-layer-row:hover .compositor-layer-remove,.compositor-layer-row:focus-within .compositor-layer-remove{pointer-events:auto;opacity:1;transition-delay:.1s}.compositor-layer-remove:hover{color:var(--ds-text)}.compositor-layer-remove svg{width:13px;height:13px;stroke-width:1.8}
.inspector .compositor-layer-name{width:100%;height:31px;margin:0;padding:6px 8px;border:1px solid var(--ds-inspector-option-active-text);border-radius:6px;background:var(--ds-inspector-control-surface);color:var(--ds-inspector-control-text);font:inherit;font-size:11px;outline:none;box-shadow:0 0 0 2px var(--ds-inspector-control-focus-shadow)}
.port.control{border-style:solid}.port.control-input{top:66px}.port.control-output-true{top:66px}.port.control-output-false{top:90px}.canvas-node.condition-node{min-height:122px}.canvas-node.condition-node .node-resize.resize-right{top:114px}.connections-layer path.control-edge{stroke-width:1.2;stroke-dasharray:4 4}.connections-layer path.control-edge.control-true,.connections-layer path.control-edge.control-false{stroke-dasharray:none}
.connections-layer path.is-layer-link{stroke:var(--ds-compositor-selection);stroke-width:2.1}.connection-endpoint.is-layer-link{stroke:var(--ds-compositor-selection);stroke-width:1.5}.canvas-node.is-layer-source:not(.is-selected){border-color:var(--ds-compositor-selection);box-shadow:0 0 0 2px var(--ds-compositor-selection-shadow),0 9px 24px var(--ds-canvas-toolbar-shadow)}

.library-grid .library-node{position:relative}.library-new-chip{position:absolute;top:6px;right:6px;padding:2px 4px;border-radius:4px;background:#24242b;color:#fff;font-size:7px;font-weight:800;line-height:1;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.library-new-chip:hover,.library-new-chip:focus-visible{background:#555562;outline:none}

.floating-tools{position:fixed;z-index:20;left:50%;bottom:20px;transform:translateX(-50%);display:flex;align-items:center;gap:5px;padding:7px;border:1px solid #e1e1e8;border-radius:13px;background:#fff;color:#34343d;box-shadow:0 12px 28px #20202918}.floating-tools button{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:8px;background:transparent;color:#44444e;line-height:1;cursor:pointer}.floating-tools button svg{width:20px;height:20px}.floating-tools button:hover:not(:disabled){background:#f1f1f5}.floating-tools button:disabled{color:#b4b4bd;cursor:not-allowed}.floating-divider{width:1px;height:28px;margin:0 4px;background:#e2e2e8}.floating-zoom{min-width:52px;padding:0 7px;text-align:center;font-size:15px;font-variant-numeric:tabular-nums}
.node-icon svg,.empty-state svg,.inspector-empty svg,.inspector button svg,.table-add svg{width:14px;height:14px;stroke-width:1.8}.canvas-toolbar button svg{width:14px;height:14px}.table-add svg{width:11px;height:11px}

/* Compact tab navigation and unboxed Lucide icons in the block library. */
#library-list{gap:12px}.library-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;padding:3px;border:1px solid #e7e7ed;border-radius:8px;background:#f6f6f8}.library-tab{min-width:0;padding:6px 2px;border:0;border-radius:5px;background:transparent;color:#858590;font-size:10px;font-weight:700;cursor:pointer}.library-tab:hover{color:#484853}.library-tab.is-active{background:#fff;color:#22232a;box-shadow:0 1px 3px #27273316}.library-grid .library-node{min-height:92px;gap:9px}.library-grid .node-icon{width:32px;height:32px;background:transparent!important;color:#33333c;border-radius:0}.library-grid .node-icon svg{width:27px;height:27px;stroke-width:1.65}.library-grid .library-node strong{font-size:12px!important}
.condition-formula-label{display:grid;gap:5px;color:#85858f;font-size:9px;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.condition-formula{width:100%;padding:7px 8px;border:1px solid #e4e4ea;border-radius:6px;background:#fafafd;color:#373740;font:11px/1.3 var(--nb-font-mono);outline:0}.condition-formula:focus{border-color:#858590;background:#fff}.condition-result{display:block;margin-top:7px;color:#777782;font-size:11px;font-weight:650}

/* Standard editable field: use for node values and inspector controls. Post-it and table cells intentionally opt out. */
:root{--field-height:27px;--field-padding:6px 8px;--field-radius:5px}.field-control,.inspector input:not([type="checkbox"]),.inspector select,.inspector textarea{display:block;width:100%;min-height:var(--field-height);padding:var(--field-padding)!important;border:1px solid var(--field-border)!important;border-radius:var(--field-radius)!important;background:var(--field-background)!important;color:var(--field-text)!important;font:var(--nb-type-body-xs-size)/var(--nb-type-body-xs-line) var(--nb-font-sans)!important;outline:0;box-shadow:none!important}.field-control:focus,.inspector input:not([type="checkbox"]):focus,.inspector select:focus,.inspector textarea:focus{border-color:var(--field-focus)!important;background:var(--ds-app-surface)!important;box-shadow:0 0 0 2px var(--ds-selection-surface)!important}.canvas-node .inline-note{min-height:58px;resize:vertical}.canvas-node .prompt-template.inline-expandable-text{min-height:46px!important;resize:none}.canvas-node .post-it-body{background:transparent!important;border:0!important;box-shadow:none!important}.condition-formula{font-family:var(--nb-font-mono)!important}.table-wrap input{background:transparent!important;border:0!important;box-shadow:none!important}

/* Array is an editable, typed list: its controls are deliberately local to the card. */
.canvas-node.array-node{min-height:126px}.canvas-node.array-node .node-content{padding:10px}.array-editor{display:grid;gap:7px}.array-item-field,.list-option-input-wrap{position:relative;display:block}.array-editor .array-item{height:28px;margin:0;padding-right:30px!important}.array-item-remove,.list-option-remove{position:absolute;top:50%;right:4px;display:grid;place-items:center;width:22px;height:22px;padding:0;border:0;border-radius:4px;background:transparent;color:#777782;opacity:0;cursor:pointer;transform:translateY(-50%);transition:opacity .14s,color .14s,background .14s}.array-item-field:hover .array-item-remove,.array-item-field:focus-within .array-item-remove,.list-option-input-wrap:hover .list-option-remove,.list-option-input-wrap:focus-within .list-option-remove{opacity:1}.array-item-remove:hover,.list-option-remove:hover{background:#f2f2f5;color:#34343d}.array-item-remove svg,.list-option-remove svg{width:13px;height:13px;stroke-width:1.8}.array-editor .array-add-item{display:inline-flex;align-items:center;gap:6px;width:max-content;margin:1px 0 0;padding:7px 9px;border:1px solid #e1e1e7;border-radius:7px;background:#fff;color:#62626d;font:500 11px/1.3 var(--nb-font-sans);cursor:pointer}.array-editor .array-add-item:hover{border-color:#d2d2db;background:#f4f4f6}.array-add-item svg{width:14px;height:14px;stroke-width:1.8}

/* List selects a local option or a value from a connected Array. */
.canvas-node.list-node .node-content{overflow:visible}.list-select-wrap{position:relative}.canvas-node .list-select{display:flex;align-items:center;justify-content:space-between;height:30px;margin:0;padding:var(--field-padding)!important;border:1px solid var(--field-border)!important;border-radius:var(--field-radius)!important;background:var(--field-background)!important;color:var(--field-text)!important;font:var(--nb-type-body-xs-size)/var(--nb-type-body-xs-line) var(--nb-font-sans)!important;text-align:left;cursor:pointer}.canvas-node .list-select:hover:not(:disabled){border-color:#c9c9d2!important;background:#fff!important}.canvas-node .list-select:focus-visible{border-color:var(--field-focus)!important;box-shadow:0 0 0 2px #81818d18!important;outline:0}.canvas-node .list-select:disabled{color:#8d8d96;cursor:default}.list-select svg{width:14px;height:14px;color:#73737d;flex:none;stroke-width:1.8}.list-select-menu{position:absolute;z-index:8;top:calc(100% + 4px);right:0;left:0;overflow:hidden;border:1px solid #dedee6;border-radius:var(--field-radius);background:#fff;box-shadow:0 8px 18px #29293220}.list-select-menu button{display:block;width:100%;padding:7px 8px;border:0;background:#fff;color:#34343d;font:var(--nb-type-body-xs-size)/var(--nb-type-body-xs-line) var(--nb-font-sans);text-align:left;cursor:pointer}.list-select-menu button:hover,.list-select-menu button[aria-selected="true"]{background:#eff6ff;color:#1d4ed8}.list-options-editor{display:grid;gap:8px;margin:16px 0}.list-options-label{color:#6e6e78;font-size:11px}.list-option-field{display:grid!important;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:7px;margin:0!important}.list-option-field svg{width:15px;height:15px;color:#73737d;stroke-width:1.5}.list-option-field input{margin:0!important;padding-right:30px!important}.inspector .list-options-editor .list-add-option{display:inline-flex;align-items:center;gap:6px;width:max-content;margin:1px 0 0!important;padding:7px 9px;border:1px solid #e1e1e7!important;border-radius:7px;background:#fff!important;color:#62626d!important;font-size:11px;font-weight:500;cursor:pointer}.inspector .list-options-editor .list-add-option:hover{background:#f4f4f6!important;border-color:#d2d2db!important}.list-add-option svg{width:14px;height:14px;stroke-width:1.8}

/* Compare and Router use a compact three-column content layout. */
.compare-content{display:grid;grid-template-columns:1fr auto;grid-template-rows:26px 26px;column-gap:12px;align-items:center;min-height:52px;color:#777784;font-size:11px}.compare-content>span:first-child{grid-column:1;grid-row:1}.compare-content>span:nth-of-type(2){grid-column:1;grid-row:2}.compare-content b{grid-column:2;grid-row:2;font-size:11px;color:#35353e;text-align:right}.compare-content em{grid-column:2;grid-row:1;font-style:normal;color:#666672;line-height:1.35;text-align:right;white-space:normal}

/* Selection is deliberately separate from neutral links and True/False flow. */
.canvas-node.is-selected{border-color:var(--ds-compositor-selection);box-shadow:0 0 0 1.5px var(--ds-compositor-selection),0 9px 24px var(--ds-canvas-toolbar-shadow)}.connections-layer path.is-selected,.connections-layer path.control-edge.is-selected{stroke:var(--ds-compositor-selection);filter:drop-shadow(0 2px 3px var(--ds-compositor-selection-shadow))}

/* The temporary drag wire has its own gravity-and-spring motion in the canvas. */
.connections-layer path.connection-preview{stroke:var(--ds-control-flow-neutral);stroke-width:1.5;stroke-linecap:round;opacity:.9}
.connections-layer path.is-inactive{stroke-dasharray:4 4;opacity:.78}
.connection-endpoint{fill:var(--ds-compositor-handle-surface);stroke:var(--ds-port-border);stroke-width:1.5;opacity:0;pointer-events:all;cursor:grab;transition:opacity .14s,fill .14s,stroke .14s}.connection-endpoint.is-selected,.connection-endpoint:hover{fill:var(--ds-selection-surface);stroke:var(--ds-compositor-selection);opacity:1}.connection-endpoint:active{cursor:grabbing}
/* One compact select treatment for every inspector dropdown. This mirrors the
   canvas List control: pale field, restrained border, and blue active choice. */
.inspector select{appearance:none!important;min-height:30px!important;height:30px!important;padding:6px 29px 6px 8px!important;border-color:#dedee6!important;border-radius:5px!important;background-color:#fafafd!important;background-image:linear-gradient(45deg,transparent 50%,#73737d 50%),linear-gradient(135deg,#73737d 50%,transparent 50%)!important;background-position:calc(100% - 13px) 12px,calc(100% - 9px) 12px!important;background-size:4px 4px,4px 4px!important;background-repeat:no-repeat!important;color:#34343d!important;font:var(--nb-type-body-xs-size)/var(--nb-type-body-xs-line) var(--nb-font-sans)!important}.inspector select:hover{border-color:#c9c9d2!important;background-color:#fff!important}.inspector select:focus{border-color:#81818d!important;background-color:#fff!important;box-shadow:0 0 0 2px #81818d18!important}.inspector select option{background:#fff;color:#34343d;font:var(--nb-type-body-xs-size)/var(--nb-type-body-xs-line) var(--nb-font-sans)}.inspector select option:checked{background:#eff6ff;color:#1d4ed8}
.inspector-select-wrap{position:relative;margin-top:3px}.inspector .inspector-select{display:flex;align-items:center;justify-content:space-between;width:100%;height:30px;margin:0!important;padding:6px 8px!important;border:1px solid #dedee6!important;border-radius:5px!important;background:#fafafd!important;color:#34343d!important;font:var(--nb-type-body-xs-size)/var(--nb-type-body-xs-line) var(--nb-font-sans)!important;text-align:left;cursor:pointer}.inspector .inspector-select:hover,.inspector .inspector-select[aria-expanded="true"]{border-color:#c9c9d2!important;background:#fff!important}.inspector .inspector-select[aria-expanded="true"]{border-color:#81818d!important;box-shadow:0 0 0 2px #81818d18!important}.inspector-select svg{width:14px;height:14px;color:#73737d;stroke-width:1.8}.inspector-select-menu{position:absolute;z-index:20;top:calc(100% + 4px);right:0;left:0;overflow:hidden;border:1px solid #dedee6;border-radius:5px;background:#fff;box-shadow:0 8px 18px #29293220}.inspector .inspector-select-menu button{display:block;width:100%;margin:0!important;padding:7px 8px!important;border:0!important;border-radius:0!important;background:#fff!important;color:#34343d!important;font:var(--nb-type-body-xs-size)/var(--nb-type-body-xs-line) var(--nb-font-sans)!important;text-align:left;cursor:pointer}.inspector .inspector-select-menu button:hover,.inspector .inspector-select-menu button[aria-selected="true"]{background:#eff6ff!important;color:#1d4ed8!important}

/* Category rail keeps navigation available without consuming the block palette. */
.studio-shell{grid-template-columns:300px 1fr 300px}.library{display:grid;grid-template-columns:74px minmax(0,1fr);grid-template-rows:164px minmax(0,1fr);padding:0}.library-header{grid-column:1/-1;display:flex;align-items:center;padding:34px 24px;border-bottom:1px solid #e5e5eb;background:#fff}.library-header .brand{margin:0;gap:16px}.library-header .brand-mark{width:66px;height:66px;border-radius:0;background:transparent}.library-header .brand strong{font-size:27px;letter-spacing:-.045em}.library-header .brand div span{margin-top:3px;font-size:16px;color:#8b8b95}.library-rail{display:flex;flex-direction:column;align-items:center;gap:15px;padding:28px 12px;border-right:1px solid #e5e5eb;background:#fafafd}.library-rail button{display:grid;place-items:center;width:50px;height:50px;padding:0;border:0;border-radius:13px;background:transparent;color:#73737d;cursor:pointer}.library-rail button:hover{background:#f0f0f4;color:#34343d}.library-rail button.is-active{background:#eff6ff;color:#2563EB;box-shadow:inset 0 0 0 1px #bfdbfe}.library-rail-logo{margin-bottom:18px;color:#34343d!important}.library-rail svg{width:25px;height:25px;stroke-width:1.8}.library-panel{min-width:0;padding:22px 18px;background:#fff;overflow:auto}.library-panel h1{font-size:22px;line-height:1.1;margin:0 0 26px}.library-panel .eyebrow{font-size:11px;margin:0 0 12px}.library-panel .library-tip{margin-top:18px}.library-group h2{display:flex;align-items:center;gap:8px;font-size:11px}.library-group h2 svg{width:17px;height:17px;stroke-width:1.8}.library-grid{gap:8px}.library-grid .library-node{min-height:0;padding:8px;gap:7px;border-radius:8px;aspect-ratio:1}.library-grid .node-icon{width:32px;height:32px}.library-grid .node-icon svg{width:27px;height:27px}.library-grid .library-node strong{font-size:12px!important}.library-new-chip{top:5px;right:5px;padding:3px 5px;border-radius:4px;font-size:9px}

/* Item removal stays outside the field boundary in a dedicated icon column. */
.array-item-field,.list-option-input-wrap{position:static;display:grid;grid-template-columns:minmax(0,1fr) 22px;align-items:center;gap:5px}.array-editor .array-item,.list-option-field input{padding-right:var(--field-padding)!important}.array-item-remove,.list-option-remove{position:static;align-self:center;width:22px;height:22px;margin:0!important;border:0!important;background:transparent!important;transform:none}.array-item-remove:hover,.list-option-remove:hover{background:transparent!important;color:#34343d}.inspector .list-option-remove{margin:0!important}

/* The removal column opens only on intent, so idle fields use their full width. */
.array-item-field,.list-option-input-wrap{grid-template-columns:minmax(0,1fr) 0;gap:0;transition:grid-template-columns .17s ease,gap .17s ease}.array-item-field:hover,.array-item-field:focus-within,.list-option-input-wrap:hover,.list-option-input-wrap:focus-within{grid-template-columns:minmax(0,1fr) 22px;gap:5px}.array-item-remove,.list-option-remove{min-width:0;pointer-events:none;opacity:0;transition:opacity .1s ease,color .14s ease}.array-item-field:hover .array-item-remove,.array-item-field:focus-within .array-item-remove,.list-option-input-wrap:hover .list-option-remove,.list-option-input-wrap:focus-within .list-option-remove{pointer-events:auto;opacity:1;transition-delay:.1s}.array-editor .array-item,.list-option-field input{min-width:0}
.floating-tools button.is-active{background:#eff6ff;color:#2563eb;box-shadow:inset 0 0 0 1px #bfdbfe}.selection-marquee{position:absolute;z-index:30;border:1px dashed #8d8d98;background:#8d8d9818;pointer-events:none}.canvas.has-multi-selection .port,.canvas.has-multi-selection .node-resize,.canvas.has-multi-selection .connection-endpoint{pointer-events:none;opacity:.35}
.node-group{position:absolute;z-index:0;border:1px solid #d8d8e0;border-radius:12px;background:#ececf033;pointer-events:none}.node-group.is-selected{border-color:#60a5fa;box-shadow:0 0 0 1.5px #60a5fa}.node-group header{position:absolute;top:0;left:0;right:0;height:28px;display:flex;align-items:center;padding:0 12px;border-radius:11px 11px 0 0;background:#5555600d;color:#686872;font-size:11px;font-weight:650;cursor:grab;pointer-events:auto}.node-group header:active{cursor:grabbing}.group-resize{position:absolute;right:-5px;bottom:-5px;width:13px;height:13px;border:1px solid #a7a7b0;border-radius:3px;background:#fff;cursor:nwse-resize;pointer-events:auto}.node-group.is-selected .group-resize{border-color:#60a5fa}
.canvas[data-tool="select"]{cursor:default}.canvas[data-tool="pan"]{cursor:grab}.canvas[data-tool="pan"]:active{cursor:grabbing}.canvas-context-menu{position:fixed;z-index:100;min-width:180px;padding:4px;border:1px solid #dedee6;border-radius:7px;background:#fff;box-shadow:0 10px 24px #29293222}.canvas-context-menu button{display:flex;align-items:center;gap:7px;width:100%;padding:7px 8px;border:0;border-radius:4px;background:transparent;color:#3d3d46;font:var(--nb-type-body-xs-size)/var(--nb-type-body-xs-line) var(--nb-font-sans);text-align:left;cursor:pointer}.canvas-context-menu button:hover{background:#eff6ff;color:#1d4ed8}.canvas-context-menu svg{width:14px;height:14px}.canvas-context-menu .menu-snap-toggle span{margin-left:auto;color:#667085;font-weight:650}.canvas-context-menu .context-menu-divider{display:block;height:1px;margin:4px 3px;background:#eaecf0}

/* Double-click block launcher. The submenu intentionally overlaps its parent
   by 10px so the two surfaces read as a single, connected command. */
.add-block-menu-sticker>span{display:grid;place-items:center;width:22px;height:22px;border-radius:5px;background:#f1f2f6;color:#656572}.add-block-menu-sticker:hover>span,.add-block-menu-sticker:focus-visible>span{background:#dbeafe;color:#2563eb}
.add-block-menu{position:fixed;z-index:110;width:196px;padding:7px;border:1px solid #dfe1e8;border-radius:10px;background:#fff;box-shadow:0 16px 38px #20202724}.add-block-menu-title,.add-block-submenu-title{margin:3px 7px 7px;color:#6b6b76;font-size:11px;font-weight:750;letter-spacing:.02em}.add-block-menu-categories{display:grid;gap:2px}.add-block-menu-category,.add-block-submenu button{display:grid;grid-template-columns:22px minmax(0,1fr) 14px;align-items:center;gap:8px;width:100%;min-height:34px;padding:6px 7px;border:0;border-radius:6px;background:transparent;color:#393943;font:12px/1.25 var(--nb-font-sans);text-align:left;cursor:pointer}.add-block-menu-category>span,.add-block-submenu button>span{display:grid;place-items:center;width:22px;height:22px;border-radius:5px;background:#f1f2f6;color:#656572}.add-block-menu-category>span svg,.add-block-submenu button>span svg{width:14px;height:14px}.add-block-menu-category b,.add-block-submenu button b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:650}.add-block-menu-category>svg{width:14px;height:14px;color:#8b8b95}.add-block-menu-category:hover,.add-block-menu-category:focus-visible,.add-block-menu-category.is-active{outline:0;background:#eff6ff;color:#1d4ed8}.add-block-menu-category:hover>span,.add-block-menu-category:focus-visible>span,.add-block-menu-category.is-active>span{background:#dbeafe;color:#2563eb}.add-block-menu-footer{display:grid;gap:7px;margin-top:6px;padding-top:5px}.add-block-menu-sticker{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:8px;width:100%;min-height:34px;padding:6px 7px;border:0;border-radius:6px;background:transparent;color:#393943;font:12px/1.25 var(--nb-font-sans);text-align:left;cursor:pointer}.add-block-menu-sticker svg{width:14px;height:14px}.add-block-menu-sticker b{font-weight:650}.add-block-menu-sticker:hover,.add-block-menu-sticker:focus-visible{outline:0;background:#f3f4f8;color:#1d4ed8}.add-block-menu-divider{display:block;height:1px;margin:0 3px;background:#eaecf0}.add-block-menu-history{display:grid;grid-template-columns:1fr 1fr;gap:5px}.add-block-menu-history button{display:flex;align-items:center;justify-content:center;gap:5px;min-height:29px;padding:5px;border:1px solid #e2e3e9;border-radius:6px;background:#fff;color:#4f505a;font:11px/1.2 var(--nb-font-sans);cursor:pointer}.add-block-menu-history button:hover:not(:disabled),.add-block-menu-history button:focus-visible:not(:disabled){outline:0;border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}.add-block-menu-history button:disabled{opacity:.45;cursor:not-allowed}.add-block-menu-history svg{width:13px;height:13px}.add-block-submenu{position:absolute;z-index:1;top:28px;left:calc(100% - 10px);display:grid;gap:2px;width:218px;max-height:min(480px,calc(100vh - 32px));padding:7px;overflow:auto;border:1px solid #dfe1e8;border-radius:10px;background:#fff;box-shadow:0 16px 38px #20202724}.add-block-submenu button{grid-template-columns:22px minmax(0,1fr);min-height:33px}.add-block-submenu button:hover,.add-block-submenu button:focus-visible{outline:0;background:#f3f4f8;color:#1d4ed8}.add-block-submenu button:hover>span,.add-block-submenu button:focus-visible>span{background:#dbeafe;color:#2563eb}.add-block-submenu[hidden]{display:none}
.library-rail-divider{width:28px;height:1px;margin:8px 0;background:#e2e2e8}.node-outline{display:grid;gap:4px}.node-outline h2{display:flex;align-items:center;gap:7px}.node-outline details{display:grid;gap:3px}.node-outline summary{display:flex;align-items:center;gap:5px;padding:6px;border-radius:5px;color:#555560;font-size:11px;cursor:pointer;list-style:none}.node-outline summary svg{width:13px;height:13px}.node-outline summary.is-selected,.node-outline-item.is-selected{background:#eff6ff;color:#1d4ed8}.node-outline-item{width:100%;padding:6px 8px 6px 26px;border:0;border-radius:5px;background:transparent;color:#5d5d67;font:11px/1.3 var(--nb-font-sans);text-align:left;cursor:pointer}.node-outline-item:hover,.node-outline summary:hover{background:#f3f3f6}
.node-outline-item.is-grouped{padding-left:50px!important}.node-outline-item.is-ungrouped{padding-left:24px!important}.node-outline summary svg{transition:transform .14s}.node-outline details[open] summary svg{transform:rotate(180deg)}

/* The library no longer has a separate masthead row. Keep both its rail and
   palette in the one available canvas-height row, so long block lists scroll
   inside the panel instead of painting across the workspace. */
.studio-shell{height:100vh;min-height:0}.library{grid-template-columns:74px minmax(0,1fr);grid-template-rows:minmax(0,1fr);min-height:0;height:100%;overflow:hidden}.library-rail,.library-panel{grid-row:1;min-height:0;height:100%}.library-panel{overflow-x:hidden;overflow-y:auto}.library-panel #library-list{min-width:0}.library-grid{align-content:start}

/* New Figma library: category controls begin at the top and the palette does
   not repeat the application logo or a "Start with an idea" title. */
.library-rail{padding-top:28px}.library-panel>h1{display:none}.library-panel #library-list{padding-top:26px}
.group-inspector{display:grid;gap:7px;margin:16px 0 4px;padding:9px;border:1px solid #e8e8ee;border-radius:7px}.group-inspector legend{padding:0 4px;color:#777781;font-size:10px}.group-inspector ul{display:grid;gap:4px;margin:0;padding:0;list-style:none}.group-inspector li{padding:6px 7px;border-radius:5px;background:#fafafd;color:#5d5d67;font-size:11px}

/* Canvas group visuals and their Inspector summary use theme tokens. */
.node-group{border-color:var(--ds-canvas-group-border);background:var(--ds-canvas-group-surface)}
.node-group.is-selected{border-color:var(--ds-canvas-group-selected);box-shadow:0 0 0 1.5px var(--ds-canvas-group-selected)}
/* Group headers must remain legible even if a synced design-token payload has
   stale or swapped group colors. Keep the component's theme pair explicit. */
.node-group header{background:#f0f1f4!important;color:#454650!important}
.node-group header .group-title{color:inherit!important;opacity:1}
:root[data-theme="light"] .node-group header{background:#f0f1f4!important;color:#454650!important}
:root[data-theme="light"] .node-group header .group-title{color:#454650!important;opacity:1}
:root[data-theme="dark"] .node-group header{background:#30323c!important;color:#f2f3f7!important}
:root[data-theme="dark"] .node-group header .group-title{color:#f2f3f7!important;opacity:1}
.group-resize{border-color:var(--ds-canvas-group-handle-border);background:var(--ds-canvas-group-handle-surface)}
.node-group.is-selected .group-resize{border-color:var(--ds-canvas-group-selected)}
.group-inspector{border-color:var(--ds-inspector-group-border)}
.group-inspector legend{color:var(--ds-inspector-section-label,var(--ds-muted))}
.group-inspector li{background:var(--ds-inspector-group-item-surface);color:var(--ds-inspector-group-item-text)}
.inspector .inspector-select{border-color:var(--ds-inspector-control-border)!important;background:var(--ds-inspector-control-surface)!important;color:var(--ds-inspector-control-text)!important}
.inspector .inspector-select:hover,.inspector .inspector-select[aria-expanded="true"]{border-color:var(--ds-inspector-control-border)!important;background:var(--ds-inspector-control-surface)!important}
.inspector .inspector-select[aria-expanded="true"]{box-shadow:0 0 0 2px var(--ds-inspector-control-focus-shadow)!important}
.inspector-select-menu{border-color:var(--ds-inspector-control-border);background:var(--ds-inspector-control-surface)}
.inspector .inspector-select-menu button{background:var(--ds-inspector-control-surface)!important;color:var(--ds-inspector-option-text)!important}
.inspector .inspector-select-menu button:hover,.inspector .inspector-select-menu button[aria-selected="true"]{background:var(--ds-inspector-option-active-surface)!important;color:var(--ds-inspector-option-active-text)!important}
.state{color:var(--ds-node-status-muted)}
.state-waiting .state{color:var(--ds-node-status-waiting)}
.state-problem .state{color:var(--ds-node-status-problem)}
.state-ready .state{color:var(--ds-status-success-text)}

/* Detached UI surfaces share the active design-system medium elevation.
   Keep focus/selection rings and component-internal shadows independent. */
:root :is(
  .header-menu,
  .node-search-results,
  .list-select-menu,
  .inspector-select-menu,
  .canvas-context-menu,
  .add-block-menu,
  .add-block-submenu,
  .designer-layer-popover,
  .designer-context-menu,
  .designer-font-menu,
  .designer-ai-text-widget,
  .designer-canvas-selection-toolbar:not(.designer-workspace-toolbar .designer-canvas-selection-toolbar),
  .designer-format-toolbar:not(.designer-workspace-toolbar .designer-format-toolbar),
  .designer-selection-toolbar:not(.designer-workspace-toolbar .designer-selection-toolbar),
  .designer-page-navigation,
  .designer-zoom-controls,
  .designer-bottom-controls,
  .table-dialog,
  .media-library-dialog,
  .designer-document-dialog,
  .action-dialog,
  .entry-choice-dialog,
  .onboarding-card,
  .workspace-initialization-card,
  .mobile-experience-dialog,
  .trace.is-toast,
  .shortcuts-help-panel,
  .floating-tools,
  .shortcuts-help > button,
  .minimap > button,
  .minimap-panel,
  .chrome-panel-toggle,
  .carousel-preview-control,
  .account-color-picker,
  .account-settings-dialog,
  .disconnect-dialog,
  body:not(.auth-loading) .auth-gate-card
) {
  box-shadow: var(--nb-shadow-md-style, 0 12px 28px #20202938) !important;
}

:root .designer-page-view .designer-window > .designer-zoom-controls,
:root .designer-page-view > .designer-bottom-controls {
  box-shadow: var(--nb-shadow-md-style, 0 12px 28px #20202938) !important;
}

:root .shortcuts-help-panel {
  border: 0 !important;
}

:root .shortcuts-help-panel th,
:root .shortcuts-help-panel td {
  border-bottom-color: var(--ds-header-menu-divider) !important;
}

/* Minimap viewport is an orientation aid, not a blue selection state. */
.minimap-viewport {
  fill: var(--ds-minimap-viewport-surface);
  stroke: var(--ds-minimap-viewport-border);
}

/* Keep keyboard focus visible without the browser's default blue ring. */
:root .shortcuts-help > button:focus-visible,
:root .minimap > button:focus-visible,
:root .chrome-panel-toggle:focus-visible {
  outline: 2px solid var(--ds-field-focus) !important;
  outline-offset: 2px;
}
.port{border-color:var(--ds-port-border);background:var(--ds-port-surface)}
.port::after{background:var(--ds-port-center)}
.port.pending{border-color:var(--ds-port-pending);box-shadow:0 0 0 4px var(--ds-inspector-control-focus-shadow)}
.port.pending::after{background:var(--ds-port-pending)}
.port.control,.port.control.control-passive{border-color:var(--ds-control-flow-neutral);background:var(--ds-control-flow-neutral-surface)}
.port.control::after,.port.control.control-passive::after{background:var(--ds-control-flow-neutral)}
.port.control.control-true{border-color:var(--ds-control-flow-success)}
.port.control.control-true::after{background:var(--ds-control-flow-success)}
.port.control.control-false{border-color:var(--ds-control-flow-danger)}
.port.control.control-false::after{background:var(--ds-control-flow-danger)}
.connections-layer path.control-edge{stroke:var(--ds-control-flow-neutral)}
.connections-layer path.control-edge.control-true{stroke:var(--ds-control-flow-success)}
.connections-layer path.control-edge.control-false{stroke:var(--ds-control-flow-danger)}
.node-outline h2,.node-outline summary,.node-outline-item{color:var(--ds-text)}
.node-outline summary small,.node-outline-ungrouped>p{color:var(--ds-muted)}
.node-outline summary svg,.node-outline-item svg{color:var(--ds-button-icon)}
.node-outline summary:hover,.node-outline summary.is-selected,.node-outline-item:hover,.node-outline-item.is-selected{background:var(--ds-selection-surface);color:var(--ds-inspector-option-active-text)}
.node-outline summary.is-selected svg,.node-outline-item.is-selected svg{color:var(--ds-inspector-option-active-text)}
.node-outline-item.is-drop-before{box-shadow:inset 0 2px var(--ds-selection-border)}
.node-outline-item.is-drop-after{box-shadow:inset 0 -2px var(--ds-selection-border)}
.node-outline-ungrouped{border-top-color:var(--ds-button-border)}
.node-outline summary:hover:not(.is-selected),.node-outline-item:hover:not(.is-selected){background:var(--ds-button-hover);color:var(--ds-text)}
.library-panel{background:var(--ds-library-panel-surface);color:var(--ds-text)}
.library-rail{border-right-color:var(--ds-library-rail-border);background:var(--ds-library-rail-surface)}
.library-rail button{color:var(--ds-library-rail-icon)}
.library-rail button:hover{background:var(--ds-library-rail-hover-surface);color:var(--ds-library-rail-hover-text)}
.library-rail button.is-active{background:var(--ds-library-rail-active-surface);color:var(--ds-library-rail-active-text);box-shadow:inset 0 0 0 1px var(--ds-library-rail-active-border)}
.library-tabs{border-color:var(--ds-library-tabs-border);background:var(--ds-library-tabs-surface)}
.library-tab{color:var(--ds-library-tab-text)}
.library-tab:hover{color:var(--ds-library-tab-hover-text)}
.library-tab.is-active{background:var(--ds-library-tab-active-surface);color:var(--ds-library-tab-active-text)}
.library-group h2{color:var(--ds-library-group-title)}
.library-new-chip{background:var(--ds-library-chip-surface);color:var(--ds-library-chip-text)}
.library-new-chip:hover,.library-new-chip:focus-visible{background:var(--ds-library-chip-hover)}

/* Canvas command menus follow the shared Light/Dark semantic theme. */
.canvas-context-menu,.add-block-menu,.add-block-submenu{border-color:var(--ds-canvas-menu-border);background:var(--ds-canvas-menu-surface);box-shadow:0 10px 24px var(--ds-canvas-menu-shadow)}
.add-block-menu,.add-block-submenu{box-shadow:0 16px 38px var(--ds-canvas-menu-shadow)}
.canvas-context-menu button,.add-block-menu-category,.add-block-menu-sticker,.add-block-submenu button{color:var(--ds-canvas-menu-text)}
.canvas-context-menu button:hover,.add-block-menu-category:hover,.add-block-menu-category:focus-visible,.add-block-menu-category.is-active{background:var(--ds-canvas-menu-hover);color:var(--ds-canvas-menu-hover-text)}
.canvas-context-menu .menu-snap-toggle span,.add-block-menu-title,.add-block-submenu-title{color:var(--ds-canvas-menu-muted)}
.canvas-context-menu .context-menu-divider,.add-block-menu-divider{background:var(--ds-canvas-menu-divider)}
.add-block-menu-sticker>span,.add-block-menu-category>span,.add-block-submenu button>span{background:var(--ds-canvas-menu-icon-surface);color:var(--ds-canvas-menu-icon)}
.add-block-menu-sticker:hover>span,.add-block-menu-sticker:focus-visible>span,.add-block-menu-category:hover>span,.add-block-menu-category:focus-visible>span,.add-block-menu-category.is-active>span,.add-block-submenu button:hover>span,.add-block-submenu button:focus-visible>span{background:var(--ds-canvas-menu-icon-hover-surface);color:var(--ds-canvas-menu-icon-hover)}
.add-block-menu-category>svg{color:var(--ds-canvas-menu-muted)}
.add-block-menu-sticker:hover,.add-block-menu-sticker:focus-visible,.add-block-submenu button:hover,.add-block-submenu button:focus-visible{background:var(--ds-canvas-menu-subtle-hover);color:var(--ds-canvas-menu-hover-text)}
.add-block-menu-history button{border-color:var(--ds-canvas-menu-button-border);background:var(--ds-canvas-menu-surface);color:var(--ds-canvas-menu-button-text)}
.add-block-menu-history button:hover:not(:disabled),.add-block-menu-history button:focus-visible:not(:disabled){border-color:var(--ds-canvas-menu-focus-border);background:var(--ds-canvas-menu-hover);color:var(--ds-canvas-menu-hover-text)}
.floating-tools{border-color:var(--ds-canvas-toolbar-border);background:var(--ds-canvas-toolbar-surface);color:var(--ds-canvas-toolbar-text);box-shadow:0 12px 28px var(--ds-canvas-toolbar-shadow)}
.floating-tools button{color:var(--ds-canvas-toolbar-button)}
.floating-tools button:hover:not(:disabled){background:var(--ds-canvas-toolbar-hover)}
.floating-tools button:disabled{color:var(--ds-canvas-toolbar-disabled)}
.floating-tools button.is-active{border-color:var(--ds-canvas-toolbar-active-border);background:var(--ds-canvas-toolbar-active);color:var(--ds-canvas-toolbar-active-text)}
.floating-tools .floating-divider{background:var(--ds-canvas-toolbar-divider)}
.floating-tools .floating-zoom,.floating-tools #zoom-label{color:var(--ds-canvas-toolbar-text)}
.selection-marquee{border-color:var(--ds-canvas-marquee-border);background:var(--ds-canvas-marquee-surface)}
:root .minimap>button{border-color:var(--ds-minimap-control-border);background:var(--ds-minimap-control-surface);color:var(--ds-minimap-control-text);box-shadow:0 6px 18px var(--ds-minimap-control-shadow)}
:root .minimap>button:hover{background:var(--ds-minimap-control-hover-surface);color:var(--ds-minimap-control-hover-text)}
:root .minimap-panel{border-color:var(--ds-minimap-panel-border);background:var(--ds-minimap-panel-surface);box-shadow:0 12px 32px var(--ds-minimap-panel-shadow)}
:root[data-theme="dark"] .minimap>button{border-color:var(--ds-minimap-control-border)!important;background:var(--ds-minimap-control-surface)!important;color:var(--ds-minimap-control-text)!important}
:root[data-theme="dark"] .minimap>button:hover{background:var(--ds-minimap-control-hover-surface)!important;color:var(--ds-minimap-control-hover-text)!important}
:root[data-theme="dark"] .minimap-panel{border-color:var(--ds-minimap-panel-border)!important;background:var(--ds-minimap-panel-surface)!important;box-shadow:0 12px 32px var(--ds-minimap-panel-shadow)}
:root .app-header{border-bottom-color:var(--ds-app-header-border);background:var(--ds-app-header-surface);color:var(--ds-text)}
:root .app-brand strong{color:var(--ds-app-brand-text)}
:root .app-brand>span:not(:has(img)){background:var(--ds-app-brand-status-surface);color:var(--ds-app-brand-status-text)}
:root .project-picker-wrap>button{background:var(--ds-project-picker-surface);color:var(--ds-project-picker-text)}
:root .project-picker-wrap>button>svg{color:var(--ds-project-picker-icon)}
:root .save-state,:root #auth-state{color:var(--ds-header-state-text)}
:root .account-trigger{background:var(--ds-account-avatar-surface);color:var(--ds-account-avatar-text)}
:root[data-theme="dark"] .app-header,:root[data-theme="dark"] .project-picker-wrap>button{border-color:var(--ds-app-header-border)!important;background:var(--ds-app-header-surface)!important;color:var(--ds-text)!important}
:root[data-theme="dark"] .project-picker-wrap>button{background:var(--ds-project-picker-surface)!important;color:var(--ds-project-picker-text)!important}
:root[data-theme="dark"] .app-brand strong{color:var(--ds-app-brand-text)!important}
:root .header-menu,:root .node-search-results{border-color:var(--ds-button-border);background:var(--ds-header-menu-surface);box-shadow:0 12px 28px var(--ds-canvas-toolbar-shadow)}
:root .header-menu button,:root .header-menu .menu-action,:root .node-search-results button{color:var(--ds-header-menu-text)}
:root .header-menu button:hover,:root .header-menu .menu-action:hover,:root .node-search-results button:hover,:root .node-search-results button[aria-selected="true"]{background:var(--ds-header-menu-hover);color:var(--ds-header-menu-text)}
:root .header-menu button svg,:root .header-menu .menu-action svg{color:var(--ds-header-menu-icon)}
:root .menu-heading,:root .account-theme-title{color:var(--ds-header-menu-heading)}
:root .account-theme-title{color:var(--ds-header-menu-summary-meta)}
:root .menu-divider{background:var(--ds-header-menu-divider)}
:root .recent-space small,:root .workspace-entry-date{color:var(--ds-header-menu-meta)}
:root .account-summary strong{color:var(--ds-header-menu-summary)}
:root .account-summary span{color:var(--ds-header-menu-summary-meta)}
:root .recent-space-row.is-current .recent-space{color:var(--ds-header-menu-current)}
:root .recent-space-row.is-current .workspace-entry-title small{color:var(--ds-header-menu-current-meta)}
:root .space-row-action{color:var(--ds-header-menu-action)!important}
:root .space-row-action.is-delete:hover{background:var(--ds-header-menu-danger-surface)!important;color:var(--ds-header-menu-danger)!important}
:root .workspace-name-editor,:root .new-workspace-form input{border-color:var(--ds-field-border);background:var(--ds-field-surface);color:var(--ds-text)}
:root .workspace-name-editor:focus{border-color:var(--ds-button-primary-border,#d14100bf)!important;background:var(--ds-header-menu-surface)!important;color:var(--ds-header-menu-text)!important;box-shadow:none!important}
:root .new-workspace-form input:focus{border-color:var(--ds-field-focus);box-shadow:0 0 0 2px var(--ds-inspector-control-focus-shadow)}
:root .inspector input:not([type="checkbox"]):focus,:root .inspector select:focus,:root .inspector textarea:focus{border-color:var(--ds-field-focus)!important;background:var(--ds-inspector-field-surface)!important;box-shadow:0 0 0 2px var(--ds-inspector-control-focus-shadow)!important}
:root .inspector select{border-color:var(--ds-inspector-control-border)!important;background-color:var(--ds-inspector-control-surface)!important;background-image:linear-gradient(45deg,transparent 50%,var(--ds-muted) 50%),linear-gradient(135deg,var(--ds-muted) 50%,transparent 50%)!important;color:var(--ds-inspector-control-text)!important;color-scheme:inherit}
:root .inspector select:hover{border-color:var(--ds-inspector-control-border)!important;background-color:var(--ds-inspector-control-surface)!important}
:root .inspector select option{background:var(--ds-inspector-control-surface);color:var(--ds-inspector-option-text)}
:root .inspector select option:checked{background:var(--ds-inspector-option-active-surface);color:var(--ds-inspector-option-active-text)}
:root .new-workspace-form button{border-color:var(--ds-header-menu-border)!important;background:var(--ds-header-menu-surface)!important;color:var(--ds-header-menu-icon)!important}
:root .new-workspace-form button:hover{border-color:var(--ds-button-border-hover)!important;background:var(--ds-header-menu-hover)!important;color:var(--ds-header-menu-text)!important}
:root .account-theme-options button.is-active{box-shadow:none}
:root .header-search{border-color:var(--ds-header-search-border);background:var(--ds-header-search-surface);color:var(--ds-header-search-muted)}
:root .header-search>svg,:root .header-search input::placeholder{color:var(--ds-header-search-muted)}
:root .header-search input{color:var(--ds-header-search-text)}
:root .header-search:focus-within{border-color:var(--ds-header-search-focus-border);box-shadow:0 0 0 2px var(--ds-header-search-focus-ring)}
:root .node-search-results{border-color:var(--ds-header-results-border);background:var(--ds-header-results-surface);box-shadow:0 12px 30px var(--ds-header-results-shadow)}
:root .node-search-results button{color:var(--ds-header-menu-text)}
:root .node-search-results button:hover,:root .node-search-results button[aria-selected="true"]{background:var(--ds-header-results-active);color:var(--ds-header-results-active-text)}
:root .node-search-results small{color:var(--ds-header-results-meta)}
:root[data-theme="dark"] .header-menu,:root[data-theme="dark"] .node-search-results{border-color:var(--ds-button-border)!important;background:var(--ds-header-menu-surface)!important;box-shadow:0 12px 28px var(--ds-canvas-toolbar-shadow)}
:root[data-theme="dark"] .header-menu button,:root[data-theme="dark"] .header-menu .menu-action{color:var(--ds-header-menu-text)!important}
:root[data-theme="dark"] .header-menu button:hover,:root[data-theme="dark"] .header-menu .menu-action:hover{background:var(--ds-header-menu-hover)!important;color:var(--ds-header-menu-text)!important}
:root .header-menu .account-theme-options button.is-active:hover{border-right-color:#ff5100!important;background:#ff5100!important;box-shadow:0 1px 2px #0002!important;color:#fff!important}
:root[data-theme="dark"] .header-menu button svg,:root[data-theme="dark"] .header-menu .menu-action svg{color:var(--ds-header-menu-icon)!important}
:root[data-theme="dark"] .header-menu .account-summary strong,:root[data-theme="dark"] .header-menu .account-summary span{color:var(--ds-header-menu-summary)!important}
:root[data-theme="dark"] .header-menu .account-summary span{color:var(--ds-header-menu-summary-meta)!important}
:root[data-theme="dark"] .header-search,:root[data-theme="dark"] .node-search-results{border-color:var(--ds-header-search-border);background:var(--ds-header-search-surface);color:var(--ds-header-search-text)}
:root[data-theme="dark"] .header-search input{color:var(--ds-header-search-text)}
:root[data-theme="dark"] .header-search>svg,:root[data-theme="dark"] .header-search input::placeholder{color:var(--ds-header-search-muted)}
:root[data-theme="dark"] .node-search-results button{color:var(--ds-header-menu-text)}
:root[data-theme="dark"] .node-search-results button:hover,:root[data-theme="dark"] .node-search-results button[aria-selected="true"]{background:var(--ds-header-results-active);color:var(--ds-header-results-active-text)}

/* Editable control-flow UI follows shared semantic field and button roles. */
.condition-formula-label,.condition-result,.list-options-label{color:var(--ds-muted)}
.condition-formula{border-color:var(--ds-field-border);background:var(--ds-field-surface);color:var(--ds-text)}
.condition-formula:focus{border-color:var(--ds-field-focus);background:var(--ds-inspector-field-surface)}
.canvas-node .list-select:hover:not(:disabled){border-color:var(--ds-button-border-hover)!important;background:var(--ds-button-surface)!important}
.canvas-node .list-select{border-color:var(--ds-figma-node-field-border)!important;background:var(--ds-figma-node-field-surface)!important;color:var(--ds-figma-node-text)!important}
.canvas-node .list-select:hover:not(:disabled){border-color:var(--ds-figma-node-field-border)!important;background:var(--ds-figma-node-field-surface)!important}
.canvas-node .list-select:focus-visible{box-shadow:0 0 0 2px var(--ds-inspector-control-focus-shadow)!important}
.canvas-node .list-select:disabled,.list-select svg,.list-option-field svg{color:var(--ds-muted)}
.canvas-node .list-select-menu{border-color:var(--ds-figma-node-field-border);background:var(--ds-figma-node-field-surface);box-shadow:0 8px 18px var(--ds-canvas-menu-shadow)}
.canvas-node .list-select-menu button{background:var(--ds-figma-node-field-surface);color:var(--ds-figma-node-text)}
.canvas-node .list-select-menu button:hover,.canvas-node .list-select-menu button[aria-selected="true"]{background:var(--ds-inspector-option-active-surface);color:var(--ds-inspector-option-active-text)}
.array-item-remove,.list-option-remove{color:var(--ds-button-icon)}
.array-item-remove:hover,.list-option-remove:hover{background:var(--ds-button-hover);color:var(--ds-text)}
.array-editor .array-add-item,.inspector .list-options-editor .list-add-option{border-color:var(--ds-button-border)!important;background:var(--ds-button-surface)!important;color:var(--ds-button-icon)!important}
.array-editor .array-add-item:hover,.inspector .list-options-editor .list-add-option:hover{border-color:var(--ds-button-border-hover)!important;background:var(--ds-button-hover)!important;color:var(--ds-text)!important}
.compare-content{color:var(--ds-muted)}
.compare-content b{color:var(--ds-text)}
.compare-content em{color:var(--ds-muted)}

/* Keep the visual stack independent of DOM paint order: group frames below
   wires, and wires below draggable node cards. */
.connections-layer{z-index:1}
.canvas-node{z-index:2}

/* The List node includes an editable options editor in addition to its Figma-sized select.
   Let that content determine card height, and give option fields the full content width. */
.canvas-node.list-node{height:auto!important}
.canvas-node.list-node>.node-content{height:auto;min-height:0;flex:0 0 auto;overflow:visible;padding:10px!important}
.canvas-node.node-core-list-selector:not(.boolean-node):not(.my-template-node):not(.post-it-node)>.node-content{background:var(--ds-figma-node-tertiary-body-surface)!important}
:root[data-theme="dark"] .canvas-node.node-core-list-selector:not(.boolean-node):not(.my-template-node):not(.post-it-node)>.node-content{background:var(--ds-figma-node-tertiary-body-surface)!important}
.canvas-node.list-node .list-select-wrap{display:grid;width:100%;min-width:0;gap:12px}
.canvas-node.list-node .list-select{width:100%;min-width:0}
.canvas-node.list-node .list-options-editor{width:100%;min-width:0;margin:0}
article.canvas-node.list-node>.node-content{padding:10px 12px!important}
.canvas-node.list-node .list-select-wrap{display:block;gap:0}
.canvas-node.list-node .list-options-editor{display:none}
.canvas-node.list-node .list-options-editor:has(input[data-list-option]){display:grid}
.canvas-node.list-node .list-select{box-sizing:border-box;width:calc(100% - 4px);height:34px;min-height:34px;margin-inline:2px;padding:0 12px!important;border:1px solid var(--ds-figma-node-field-border)!important;border-radius:6px!important;background:var(--ds-figma-node-field-surface)!important;color:var(--ds-figma-node-field-placeholder)!important;font:italic 400 14px/20px var(--nb-font-sans)!important}
.canvas-node.list-node .list-select{color:var(--ds-figma-list-placeholder)!important}
.canvas-node.list-node .list-select:disabled{opacity:1;color:var(--ds-figma-list-placeholder)!important}
.canvas-node.list-node .list-select svg{width:16px;height:16px;color:var(--ds-figma-node-muted);stroke-width:1.8}
.canvas-node.node-core-list-selector>header .list-filter-figma-icon{position:relative;display:block;width:12px;height:12px;flex:0 0 12px}
.canvas-node.node-core-list-selector>header .list-filter-figma-icon img{position:absolute;inset:0;display:block}
.canvas-node.node-core-list-selector>header .list-filter-figma-icon .list-filter-figma-dark{display:none}
:root[data-theme="dark"] .canvas-node.node-core-list-selector>header .list-filter-figma-icon .list-filter-figma-light{display:none}
:root[data-theme="dark"] .canvas-node.node-core-list-selector>header .list-filter-figma-icon .list-filter-figma-dark{display:block}
.canvas-node.list-node .port.output{right:-7px}
.canvas-node.list-node .port{border-color:var(--ds-figma-node-body-border)!important}
:root[data-theme="dark"] .canvas-node.list-node .list-select{border-color:var(--ds-figma-node-field-border)!important;background:var(--ds-figma-node-field-surface)!important}
.canvas-node.list-node .list-option-field{grid-template-columns:minmax(0,1fr)!important;width:100%;min-width:0}
.canvas-node.list-node .list-option-input-wrap{width:100%;min-width:0}
.canvas-node.list-node .list-option-input-wrap input[data-list-option]{width:100%;min-width:0}
.canvas-node.list-node .list-add-option,.canvas-node.list-node .array-add-item{display:inline-flex;align-items:center;gap:6px;width:max-content;margin:1px 0 0;padding:7px 9px;border:1px solid var(--ds-button-border);border-radius:7px;background:var(--ds-button-surface);color:var(--ds-button-icon);font:500 11px/1.3 var(--nb-font-sans);cursor:pointer}
.canvas-node.list-node .list-add-option:hover,.canvas-node.list-node .array-add-item:hover{border-color:var(--ds-button-border-hover);background:var(--ds-button-hover);color:var(--ds-text)}
.array-editor .array-item,.canvas-node.list-node .list-option-input-wrap input[data-list-option]{box-sizing:border-box;height:34px!important;min-height:34px!important;padding:6px 12px!important;border:1px solid var(--ds-figma-node-field-border)!important;border-radius:6px!important;background:var(--ds-figma-node-field-surface)!important;color:var(--ds-figma-node-text)!important;font:400 14px/20px var(--nb-font-sans)!important}
.canvas-node.list-node .list-option-input-wrap input[data-list-option]{padding-right:34px!important}
.array-editor .array-item::placeholder,.canvas-node.list-node .list-option-input-wrap input[data-list-option]::placeholder{color:var(--ds-figma-node-field-placeholder);font:italic 14px/20px var(--nb-font-sans);opacity:1}

/* Workspace rename is part of the popover, not a generic form field. Keep it
   readable even when an active design palette customizes field surfaces. */
:root .header-menu .workspace-name-editor{box-sizing:border-box;border:1px solid var(--ds-button-border)!important;background:var(--ds-header-menu-surface)!important;color:var(--ds-header-menu-text)!important;caret-color:var(--ds-header-menu-text)}
:root .header-menu .workspace-name-editor:focus{border-color:var(--ds-button-primary-border,#d14100bf)!important;background:var(--ds-header-menu-surface)!important;color:var(--ds-header-menu-text)!important;box-shadow:none!important}
:root .header-menu .space-row-action{border:0!important;background:transparent!important;color:var(--ds-header-menu-action)!important;box-shadow:none!important}
:root .header-menu .space-row-action svg{color:inherit!important}
:root .header-menu .space-row-action:not(.is-delete):hover{background:var(--ds-header-menu-hover)!important;color:var(--ds-header-menu-icon)!important}
:root .header-menu .space-row-action.is-delete:hover{background:var(--ds-header-menu-danger-surface)!important;color:var(--ds-header-menu-danger)!important}

/* New note and Seed share the Figma small input surface; their states differ. */
.canvas-node:not(.boolean-node):not(.my-template-node):not(.post-it-node).node-core-note>.node-content{box-sizing:border-box;height:auto;min-height:54px;flex:0 0 auto;padding:10px 12px!important}
.canvas-node:not(.boolean-node):not(.my-template-node):not(.post-it-node).node-core-seed>.node-content{box-sizing:border-box;height:54px;min-height:54px;flex:0 0 54px;padding:10px 12px!important}
.canvas-node:not(.boolean-node):not(.my-template-node):not(.post-it-node):is(.node-core-note,.node-core-seed) .inline-note.inline-expandable-text{box-sizing:border-box;width:100%;height:34px;min-height:34px;margin:0;padding:6px 12px!important;border:1px solid var(--ds-figma-node-field-border)!important;border-radius:6px!important;background:var(--ds-figma-node-field-surface)!important;color:var(--ds-figma-node-text)!important;font:300 14px/20px var(--nb-font-sans)!important;resize:none}
.canvas-node:not(.boolean-node):not(.my-template-node):not(.post-it-node):is(.node-core-note,.node-core-seed) .inline-note.inline-expandable-text::placeholder{color:var(--ds-figma-node-field-placeholder)!important;font:italic 400 14px/20px var(--nb-font-sans)!important;opacity:1}
:root:not([data-theme="dark"]) .canvas-node:not(.boolean-node):not(.my-template-node):not(.post-it-node):is(.node-core-seed) .inline-note.inline-expandable-text::placeholder{color:#505050!important}
.canvas-node.node-core-seed input.seed-field{box-sizing:border-box;display:block;width:100%;height:34px;min-height:34px!important;max-height:34px;flex:0 0 100%;margin:0;padding:6px 12px!important;appearance:textfield}
.canvas-node.node-core-seed input.seed-field::-webkit-inner-spin-button,.canvas-node.node-core-seed input.seed-field::-webkit-outer-spin-button{display:none;-webkit-appearance:none}
.canvas-node:not(.boolean-node):not(.my-template-node):not(.post-it-node):is(.node-core-note,.node-core-seed)>header .node-icon{color:var(--ds-figma-node-text)!important}
.canvas-node:not(.boolean-node):not(.my-template-node):not(.post-it-node):is(.node-core-note,.node-core-seed) .port{border-color:#6f6f6f;background:#fff}
.canvas-node:not(.boolean-node):not(.my-template-node):not(.post-it-node):is(.node-core-note,.node-core-seed) .port-label{font:500 9px/9px var(--nb-font-sans);letter-spacing:.09px;color:#464646}
.canvas-node:not(.boolean-node):not(.my-template-node):not(.post-it-node):is(.node-core-note,.node-core-seed) .port.input{left:-7px}
.canvas-node:not(.boolean-node):not(.my-template-node):not(.post-it-node):is(.node-core-note,.node-core-seed) .port.output{right:-7px}
.canvas-node:not(.boolean-node):not(.my-template-node):not(.post-it-node):is(.node-core-note,.node-core-seed) .port.output .port-label{left:calc(100% + 3px)}
:root[data-theme="dark"] .canvas-node:not(.boolean-node):not(.my-template-node):not(.post-it-node):is(.node-core-note,.node-core-seed) .inline-note.inline-expandable-text{border-color:var(--ds-figma-node-field-border)!important;background:var(--ds-figma-node-field-surface)!important}
:root[data-theme="dark"] .canvas-node.node-core-note:not(:has(textarea.inline-note:not(:placeholder-shown))) .port{border-color:#a0a0a0!important;background:#1b1d1c!important}
:root[data-theme="dark"] .canvas-node.node-core-note:has(textarea.inline-note:not(:placeholder-shown)) .port{border-color:#6f6f6f!important;background:#1b1d1c!important}
:root[data-theme="dark"] .canvas-node.node-core-seed .port{border-color:#6f6f6f!important;background:#1b1d1c!important}
:root[data-theme="dark"] .canvas-node:not(.boolean-node):not(.my-template-node):not(.post-it-node):is(.node-core-note,.node-core-seed) .port-label{color:#bcbebc}
.canvas-node:not(.boolean-node):not(.my-template-node):not(.post-it-node).expandable-text-node-fixed.node-core-note>.node-content{height:auto;min-height:0;flex:1 1 auto;overflow:hidden;padding:10px 12px!important}
.canvas-node.expandable-text-node-fixed.node-core-note textarea.inline-note{height:100%!important;min-height:0!important;max-height:none;flex:1 1 auto;overflow-y:auto}
.canvas-node.node-core-seed .seed-field{appearance:textfield}
:root[data-theme="dark"] .canvas-node:not(.boolean-node):not(.my-template-node):not(.post-it-node).node-core-seed>.node-content{background:var(--ds-figma-node-tertiary-body-surface)!important}
.canvas-node.node-core-seed .seed-field::-webkit-inner-spin-button,.canvas-node.node-core-seed .seed-field::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.canvas-node.condition-node{min-height:117px}
.canvas-node.condition-node>header .node-icon{box-sizing:border-box;width:18px;height:18px;flex:0 0 18px;overflow:hidden;border-radius:4px;background:var(--ds-figma-node-surface)!important;color:var(--ds-figma-node-text)!important}
.canvas-node.condition-node>header .condition-git-branch-icon{display:block;width:12px;height:12px;flex:0 0 12px;line-height:0}
.canvas-node.condition-node>header .condition-git-branch-icon img,.canvas-node.condition-node>header .condition-info-icon img,.canvas-node.condition-node>header .condition-ellipsis-icon img{display:none}
.canvas-node.condition-node>header .condition-git-branch-light,.canvas-node.condition-node>header .condition-info-light,.canvas-node.condition-node>header .condition-ellipsis-light{display:block!important}
.canvas-node.condition-node>header .condition-info-icon{display:block;width:14px;height:14px;flex:0 0 14px;line-height:0}
.canvas-node.condition-node>header .condition-ellipsis-icon{display:block;width:16px;height:16px;flex:0 0 16px;line-height:0}
:root[data-theme="dark"] .canvas-node.condition-node>header .condition-git-branch-light,:root[data-theme="dark"] .canvas-node.condition-node>header .condition-info-light,:root[data-theme="dark"] .canvas-node.condition-node>header .condition-ellipsis-light{display:none!important}
:root[data-theme="dark"] .canvas-node.condition-node>header .condition-git-branch-dark,:root[data-theme="dark"] .canvas-node.condition-node>header .condition-info-dark,:root[data-theme="dark"] .canvas-node.condition-node>header .condition-ellipsis-dark{display:block!important}
.canvas-node.condition-node:not(.boolean-node):not(.my-template-node):not(.post-it-node)>.node-content{position:relative;box-sizing:border-box;display:block;width:252px;height:93px;min-height:93px;flex:0 0 93px;margin:0;padding:10px 12px!important;overflow:visible;border:0;border-radius:10px;background:var(--ds-figma-condition-body-surface)!important;box-shadow:0 1px 1.5px rgba(0,0,0,.1);color:var(--ds-figma-node-text)!important}
:root[data-theme="dark"] .canvas-node.condition-node:not(.boolean-node):not(.my-template-node):not(.post-it-node)>.node-content{background:var(--ds-figma-condition-body-surface)!important}
.canvas-node.condition-node .condition-formula-label{position:absolute;top:10px;left:12px;right:12px;display:grid;gap:0;min-width:0;color:var(--ds-figma-node-text);font:400 11px/16px var(--nb-font-sans);letter-spacing:.22px;text-transform:none}
.canvas-node.condition-node .condition-formula-control{position:relative;width:100%;height:26px}
.canvas-node.condition-node .condition-formula{box-sizing:border-box;width:100%;height:26px;min-height:26px;margin:0;padding:2px 34px 2px 10px!important;border:1px solid var(--ds-figma-node-field-border)!important;border-radius:6px!important;background:var(--ds-figma-node-field-surface)!important;color:var(--ds-figma-node-text)!important;font:300 12px/16px var(--nb-font-sans)!important;letter-spacing:0}
.canvas-node.condition-node .condition-formula::placeholder{color:#c7c7c7!important;font:italic 400 14px/20px var(--nb-font-sans)!important;line-height:20px!important;opacity:1}
.canvas-node.condition-node .condition-formula:placeholder-shown{font:italic 400 14px/20px var(--nb-font-sans)!important}
.canvas-node.condition-node .condition-formula-icon{display:none!important}
.canvas-node.condition-node .condition-formula-control>.field-clear-control{top:5px!important;right:10px!important;width:16px!important;height:16px!important;border-radius:0!important;color:#696969!important;pointer-events:auto}
.canvas-node.condition-node .condition-formula-control>.field-clear-control:hover{background:transparent!important;color:#696969!important}
.canvas-node.condition-node .condition-formula-control>.field-clear-control svg{display:none!important}
.canvas-node.condition-node .condition-formula-control>.field-clear-control::after{content:"";display:block;width:16px;height:16px;background:url("/assets/figma-node-reference/condition-clear-light.svg") center/16px 16px no-repeat}
:root[data-theme="dark"] .canvas-node.condition-node .condition-formula-control>.field-clear-control{color:#989a99!important}
:root[data-theme="dark"] .canvas-node.condition-node .condition-formula-control>.field-clear-control::after{background-image:url("/assets/figma-node-reference/condition-clear-dark.svg")}
.canvas-node.condition-node .condition-result{display:none}
.canvas-node.condition-node>header .node-info svg{width:14px;height:14px;stroke-width:1.8}
.canvas-node.condition-node .port{width:14px;height:14px;border:1px solid #6f6f6f;border-radius:7px;background:#fff}
.canvas-node.condition-node .port.input{left:-7px}
.canvas-node.condition-node .port.output{right:-7px}
.canvas-node.condition-node .port-label{top:0!important;transform:none!important;color:#464646!important;font:500 9px/9px var(--nb-font-sans)!important;letter-spacing:.09px!important}
.canvas-node.condition-node .port.input .port-label{right:calc(100% + 6px);text-align:right}
.canvas-node.condition-node .port.output .port-label,.canvas-node.condition-node .port.control-output-true .port-label,.canvas-node.condition-node .port.control-output-false .port-label{left:16px;right:auto}
:root[data-theme="dark"] .canvas-node.condition-node .condition-formula{border-color:var(--ds-figma-node-field-border)!important;background:var(--ds-figma-node-field-surface)!important}
:root[data-theme="dark"] .canvas-node.condition-node .condition-formula::placeholder{color:#989a99!important}
:root[data-theme="dark"] .canvas-node.condition-node .port{border-color:#6f6f6f;background:#1b1d1c}
:root[data-theme="dark"] .canvas-node.condition-node .port-label{color:#bcbebc!important}
.canvas-node.node-core-merge{min-height:86px}
.canvas-node.node-core-merge:not(.boolean-node):not(.my-template-node):not(.post-it-node)>.node-content{box-sizing:border-box;display:flex;width:252px;height:86px;min-height:86px;flex:0 0 86px;align-items:stretch;justify-content:flex-start;margin:0;padding:10px 12px!important;overflow:visible;border:0;border-radius:10px;background:var(--ds-figma-node-tertiary-body-surface)!important;box-shadow:0 1px 1.5px rgba(0,0,0,.1);color:var(--ds-figma-node-text)!important}
:root[data-theme="dark"] .canvas-node.node-core-merge:not(.boolean-node):not(.my-template-node):not(.post-it-node)>.node-content{background:var(--ds-figma-node-tertiary-body-surface)!important}
.canvas-node.node-core-merge .canvas-node-fields-static{width:100%;min-width:0;margin:0}
.canvas-node.node-core-merge .canvas-node-fields-static>.canvas-node-fields-body{gap:0;padding:0}
.canvas-node.node-core-merge .canvas-node-fields-static label{display:grid;gap:0;margin:0;color:var(--ds-figma-node-text);font:400 11px/16px var(--nb-font-sans);letter-spacing:.22px}
.canvas-node.node-core-merge .canvas-node-fields-static input[data-canvas-field="separator"]{box-sizing:border-box;width:100%;height:26px;min-height:26px;margin:0;padding:2px 10px!important;border:1px solid var(--ds-figma-node-field-border)!important;border-radius:6px!important;background:var(--ds-figma-node-field-surface)!important;color:var(--ds-figma-node-text)!important;font:300 12px/16px var(--nb-font-sans)!important;letter-spacing:0}
.canvas-node.node-core-merge .canvas-node-fields-static input[data-canvas-field="separator"]::placeholder{color:var(--ds-figma-node-text)!important;font:300 12px/16px var(--nb-font-sans)!important;opacity:1}
.canvas-node.node-core-merge>header .node-info svg{width:14px;height:14px;stroke-width:1.8}
.canvas-node.node-core-merge .port{width:14px;height:14px;border:1px solid #6f6f6f;border-radius:7px;background:#fff}
.canvas-node.node-core-merge .port.input{left:-7px}
.canvas-node.node-core-merge .port.output{right:-7px}
.canvas-node.node-core-merge .port-label{color:#464646;font:500 9px/9px var(--nb-font-sans);letter-spacing:.09px}
.canvas-node.node-core-merge .port.input .port-label{right:calc(100% + 6px);text-align:right}
.canvas-node.node-core-merge .port.output .port-label{left:calc(100% + 4px)}
:root[data-theme="dark"] .canvas-node.node-core-merge .canvas-node-fields-static input[data-canvas-field="separator"]{border-color:var(--ds-figma-node-field-border)!important;background:var(--ds-figma-node-field-surface)!important}
:root[data-theme="dark"] .canvas-node.node-core-merge .port{border-color:#6f6f6f;background:#1b1d1c}
:root[data-theme="dark"] .canvas-node.node-core-merge .port-label{color:#bcbebc}
.canvas-node.node-core-for-each{min-height:169px}
.canvas-node.node-core-for-each>header .node-icon{box-sizing:border-box;width:18px;height:18px;flex:0 0 18px;overflow:hidden;border-radius:4px;background:var(--ds-figma-node-surface)!important;color:var(--ds-figma-node-muted)!important}
.canvas-node.node-core-for-each>header .for-each-list-tree-icon,.canvas-node.node-core-for-each>header .node-info .for-each-info-icon,.canvas-node.node-core-for-each>header .node-more .for-each-ellipsis-icon{display:block;flex:0 0 auto;line-height:0}
.canvas-node.node-core-for-each>header .for-each-list-tree-icon{width:12px;height:12px;flex-basis:12px}
.canvas-node.node-core-for-each>header .node-info .for-each-info-icon{width:14px;height:14px;flex-basis:14px}
.canvas-node.node-core-for-each>header .node-more .for-each-ellipsis-icon{width:16px;height:16px;flex-basis:16px}
.canvas-node.node-core-for-each>header .for-each-list-tree-icon img,.canvas-node.node-core-for-each>header .node-info .for-each-info-icon img,.canvas-node.node-core-for-each>header .node-more .for-each-ellipsis-icon img{display:none}
.canvas-node.node-core-for-each>header .for-each-list-tree-icon img.for-each-list-tree-light,.canvas-node.node-core-for-each>header .node-info .for-each-info-icon img.for-each-info-light,.canvas-node.node-core-for-each>header .node-more .for-each-ellipsis-icon img.for-each-ellipsis-light{display:block}
:root[data-theme="dark"] .canvas-node.node-core-for-each>header .for-each-list-tree-icon img.for-each-list-tree-light,:root[data-theme="dark"] .canvas-node.node-core-for-each>header .node-info .for-each-info-icon img.for-each-info-light,:root[data-theme="dark"] .canvas-node.node-core-for-each>header .node-more .for-each-ellipsis-icon img.for-each-ellipsis-light{display:none}
:root[data-theme="dark"] .canvas-node.node-core-for-each>header .for-each-list-tree-icon img.for-each-list-tree-dark,:root[data-theme="dark"] .canvas-node.node-core-for-each>header .node-info .for-each-info-icon img.for-each-info-dark,:root[data-theme="dark"] .canvas-node.node-core-for-each>header .node-more .for-each-ellipsis-icon img.for-each-ellipsis-dark{display:block}
.canvas-node.node-core-for-each:not(.boolean-node):not(.my-template-node):not(.post-it-node)>.node-content{box-sizing:border-box;display:flex;width:252px;height:145px;min-height:145px;flex:0 0 145px;align-items:stretch;justify-content:flex-start;margin:0;padding:10px 12px!important;overflow:visible;border:0;border-radius:10px;background:var(--ds-figma-node-tertiary-body-surface)!important;box-shadow:0 1px 1.5px rgba(0,0,0,.1);color:var(--ds-figma-node-text)!important}
:root[data-theme="dark"] .canvas-node.node-core-for-each:not(.boolean-node):not(.my-template-node):not(.post-it-node)>.node-content{background:var(--ds-figma-node-tertiary-body-surface)!important}
.canvas-node.node-core-for-each .canvas-node-fields-static{width:100%;min-width:0;margin:0}
.canvas-node.node-core-for-each .canvas-node-fields-static>.canvas-node-fields-body{gap:8px;padding:0}
.canvas-node.node-core-for-each .canvas-node-fields-static label{display:grid;gap:0;margin:0;color:var(--ds-figma-node-text);font:400 11px/16px var(--nb-font-sans);letter-spacing:.22px}
.canvas-node.node-core-for-each .canvas-node-fields-static .for-each-template{box-sizing:border-box;width:100%;height:59px;min-height:59px;margin:0;padding:4px 8px!important;border:1px solid var(--ds-figma-node-field-border)!important;border-radius:6px!important;background:var(--ds-figma-node-field-surface)!important;color:var(--ds-figma-node-text)!important;font:300 12px/16px var(--nb-font-sans)!important;resize:none}
.canvas-node.node-core-for-each .canvas-node-fields-static .for-each-template::placeholder{color:#c7c7c7!important;font:italic 400 14px/20px var(--nb-font-sans)!important;opacity:1}
.canvas-node.node-core-for-each .canvas-node-fields-static input[data-canvas-field="maxItems"]{box-sizing:border-box;width:100%;height:26px;min-height:26px;margin:0;padding:2px 10px!important;border:1px solid var(--ds-figma-node-field-border)!important;border-radius:6px!important;background:var(--ds-figma-node-field-surface)!important;color:var(--ds-figma-node-text)!important;font:300 12px/16px var(--nb-font-sans)!important}
.canvas-node.node-core-for-each>header .node-info svg{width:14px;height:14px;stroke-width:1.8}
.canvas-node.node-core-for-each .port{width:14px;height:14px;border:1px solid #6f6f6f;border-radius:7px;background:#fff}
.canvas-node.node-core-for-each .port.input{left:-7px}
.canvas-node.node-core-for-each .port.output{right:-7px}
.canvas-node.node-core-for-each .port-label{color:#464646;font:500 9px/9px var(--nb-font-sans);letter-spacing:.09px}
.canvas-node.node-core-for-each .port.input .port-label{right:calc(100% + 6px);text-align:right}
.canvas-node.node-core-for-each .port.output .port-label{left:calc(100% + 4px)}
:root[data-theme="dark"] .canvas-node.node-core-for-each .canvas-node-fields-static .for-each-template,:root[data-theme="dark"] .canvas-node.node-core-for-each .canvas-node-fields-static input[data-canvas-field="maxItems"]{border-color:var(--ds-figma-node-field-border)!important;background:var(--ds-figma-node-field-surface)!important}
:root[data-theme="dark"] .canvas-node.node-core-for-each .canvas-node-fields-static .for-each-template::placeholder{color:#989a99!important}
:root[data-theme="dark"] .canvas-node.node-core-for-each .port{border-color:#6f6f6f;background:#1b1d1c}
:root[data-theme="dark"] .canvas-node.node-core-for-each .port-label{color:#bcbebc}
.canvas-node.node-validation-caption-check{min-height:86px}
.canvas-node.node-validation-caption-check:not(.boolean-node):not(.my-template-node):not(.post-it-node)>.node-content{box-sizing:border-box;display:flex;width:252px;height:62px;min-height:62px;flex:0 0 62px;align-items:stretch;justify-content:flex-start;margin:0;padding:10px 12px!important;overflow:visible;border:0;border-radius:10px;background:var(--ds-figma-node-body-surface)!important;box-shadow:0 1px 1.5px rgba(0,0,0,.1);color:var(--ds-figma-node-text)!important}
:root[data-theme="dark"] .canvas-node.node-validation-caption-check:not(.boolean-node):not(.my-template-node):not(.post-it-node)>.node-content{background:var(--ds-figma-node-tertiary-body-surface)!important}
.canvas-node.node-validation-caption-check .canvas-node-fields-static{width:100%;min-width:0;margin:0}
.canvas-node.node-validation-caption-check .canvas-node-fields-static>.canvas-node-fields-body{gap:0;padding:0}
.canvas-node.node-validation-caption-check .canvas-node-fields-static label{display:grid;width:100%;gap:0;margin:0;color:var(--ds-figma-node-text);font:400 11px/16px var(--nb-font-sans);letter-spacing:.22px}
.canvas-node.node-validation-caption-check .canvas-node-fields-static input[data-canvas-field="maxChars"]{box-sizing:border-box;width:100%;height:26px;min-height:26px;margin:0;padding:2px 10px!important;border:1px solid var(--ds-figma-node-field-border)!important;border-radius:6px!important;background:var(--ds-figma-node-field-surface)!important;color:var(--ds-figma-node-text)!important;font:300 12px/16px var(--nb-font-sans)!important;letter-spacing:0}
.canvas-node.node-validation-caption-check>header .node-info svg{width:14px;height:14px;stroke-width:1.8}
.canvas-node:not(.boolean-node):not(.my-template-node):not(.post-it-node).node-validation-caption-check .port{width:14px;height:14px;border:1px solid #6f6f6f;border-radius:7px;background:#fff}
.canvas-node.node-validation-caption-check .port.input{left:-7px}
.canvas-node.node-validation-caption-check .port.output{right:-7px}
.canvas-node:not(.boolean-node):not(.my-template-node):not(.post-it-node).node-validation-caption-check .port-label{color:#464646;font:500 9px/9px var(--nb-font-sans);letter-spacing:.09px}
.canvas-node.node-validation-caption-check .port.input .port-label{right:calc(100% + 6px);text-align:right}
.canvas-node.node-validation-caption-check .port.output .port-label{left:calc(100% + 4px)}
:root[data-theme="dark"] .canvas-node.node-validation-caption-check .canvas-node-fields-static input[data-canvas-field="maxChars"]{border-color:var(--ds-figma-node-field-border)!important;background:var(--ds-figma-node-field-surface)!important}
:root[data-theme="dark"] .canvas-node:not(.boolean-node):not(.my-template-node):not(.post-it-node).node-validation-caption-check .port{border-color:#6f6f6f;background:#1b1d1c}
:root[data-theme="dark"] .canvas-node:not(.boolean-node):not(.my-template-node):not(.post-it-node).node-validation-caption-check .port-label{color:#bcbebc}
.canvas-node.node-validation-caption-check.state-waiting .canvas-node-result,.canvas-node.node-validation-caption-check.state-waiting .validation-result{display:none!important}
.canvas-node.node-validation-hashtag-check{min-height:86px}
.canvas-node.node-validation-hashtag-check>header .hashtag-check-hash-icon,.canvas-node.node-validation-hashtag-check>header .node-info .hashtag-check-info-icon,.canvas-node.node-validation-hashtag-check>header .node-more .hashtag-check-ellipsis-icon{display:block;flex:0 0 auto;line-height:0}
.canvas-node.node-validation-hashtag-check>header .hashtag-check-hash-icon{width:12px;height:12px;flex-basis:12px}
.canvas-node.node-validation-hashtag-check>header .node-info .hashtag-check-info-icon{width:14px;height:14px;flex-basis:14px}
.canvas-node.node-validation-hashtag-check>header .node-more .hashtag-check-ellipsis-icon{width:16px;height:16px;flex-basis:16px}
.canvas-node.node-validation-hashtag-check>header .hashtag-check-hash-icon img,.canvas-node.node-validation-hashtag-check>header .node-info .hashtag-check-info-icon img,.canvas-node.node-validation-hashtag-check>header .node-more .hashtag-check-ellipsis-icon img{display:none}
.canvas-node.node-validation-hashtag-check>header .hashtag-check-hash-icon img.hashtag-check-hash-light,.canvas-node.node-validation-hashtag-check>header .node-info .hashtag-check-info-icon img.hashtag-check-info-light,.canvas-node.node-validation-hashtag-check>header .node-more .hashtag-check-ellipsis-icon img.hashtag-check-ellipsis-light{display:block}
:root[data-theme="dark"] .canvas-node.node-validation-hashtag-check>header .hashtag-check-hash-icon img.hashtag-check-hash-light,:root[data-theme="dark"] .canvas-node.node-validation-hashtag-check>header .node-info .hashtag-check-info-icon img.hashtag-check-info-light,:root[data-theme="dark"] .canvas-node.node-validation-hashtag-check>header .node-more .hashtag-check-ellipsis-icon img.hashtag-check-ellipsis-light{display:none}
:root[data-theme="dark"] .canvas-node.node-validation-hashtag-check>header .hashtag-check-hash-icon img.hashtag-check-hash-dark,:root[data-theme="dark"] .canvas-node.node-validation-hashtag-check>header .node-info .hashtag-check-info-icon img.hashtag-check-info-dark,:root[data-theme="dark"] .canvas-node.node-validation-hashtag-check>header .node-more .hashtag-check-ellipsis-icon img.hashtag-check-ellipsis-dark{display:block}
.canvas-node.node-validation-hashtag-check:not(.boolean-node):not(.my-template-node):not(.post-it-node)>.node-content{box-sizing:border-box;display:flex;width:252px;height:62px;min-height:62px;flex:0 0 62px;align-items:stretch;justify-content:flex-start;margin:0;padding:10px 12px!important;overflow:visible;border:0;border-radius:10px;background:var(--ds-figma-node-tertiary-body-surface)!important;box-shadow:0 1px 1.5px rgba(0,0,0,.1);color:var(--ds-figma-node-text)!important}
:root[data-theme="dark"] .canvas-node.node-validation-hashtag-check:not(.boolean-node):not(.my-template-node):not(.post-it-node)>.node-content{background:var(--ds-figma-node-tertiary-body-surface)!important}
.canvas-node.node-validation-hashtag-check .canvas-node-fields-static{width:100%;min-width:0;margin:0}
.canvas-node.node-validation-hashtag-check .canvas-node-fields-static>.canvas-node-fields-body{gap:0;padding:0}
.canvas-node.node-validation-hashtag-check .canvas-node-fields-static label{display:grid;gap:0;margin:0;color:var(--ds-figma-node-text);font:400 11px/16px var(--nb-font-sans);letter-spacing:.22px}
.canvas-node.node-validation-hashtag-check .hashtag-separator-control{position:relative;display:block;width:100%;height:26px}
.canvas-node.node-validation-hashtag-check .hashtag-separator-native{position:absolute!important;z-index:-1;width:1px!important;height:1px!important;min-height:1px!important;padding:0!important;opacity:0;pointer-events:none}
.canvas-node.node-validation-hashtag-check .hashtag-separator-select{position:relative;width:100%;margin:0}
.canvas-node.node-validation-hashtag-check .hashtag-separator-select>summary{box-sizing:border-box;display:flex;align-items:center;width:100%;height:26px;min-height:26px;margin:0;padding:0 10px;border:1px solid var(--ds-figma-node-field-border);border-radius:6px;background:var(--ds-figma-node-field-surface);color:var(--ds-figma-node-text);font:300 12px/16px var(--nb-font-sans);cursor:pointer;list-style:none}
.canvas-node.node-validation-hashtag-check .hashtag-separator-select>summary::-webkit-details-marker{display:none}
.canvas-node.node-validation-hashtag-check .hashtag-separator-menu{position:absolute;z-index:60;top:27px;left:0;box-sizing:border-box;display:grid;gap:0;width:228px;margin:0;padding:4px;border:1px solid var(--ds-figma-overlay-border);border-radius:6px;background:#fff;box-shadow:var(--nb-shadow-md-style)}
.canvas-node.node-validation-hashtag-check .hashtag-separator-menu>button{box-sizing:border-box;display:flex;align-items:center;width:100%;height:32px;min-height:32px;margin:0;padding:6px 8px;border:0;border-radius:2px;background:transparent;color:#696969;font:300 14px/20px var(--nb-font-sans);text-align:left;cursor:pointer}
.canvas-node.node-validation-hashtag-check .hashtag-separator-menu>button[aria-selected="true"]{background:rgba(0,0,0,.04);color:#171717}
.canvas-node.node-validation-hashtag-check .hashtag-separator-menu>button:hover{background:rgba(0,0,0,.06)}
.canvas-node.node-validation-hashtag-check>header .node-info svg{width:14px;height:14px;stroke-width:1.8}
.canvas-node.node-validation-hashtag-check .port{width:14px;height:14px;border:1px solid #6f6f6f;border-radius:7px;background:#fff}
.canvas-node.node-validation-hashtag-check .port.input{left:-7px}
.canvas-node.node-validation-hashtag-check .port.output{right:-7px}
.canvas-node.node-validation-hashtag-check .port-label{color:#464646;font:500 9px/9px var(--nb-font-sans);letter-spacing:.09px}
.canvas-node.node-validation-hashtag-check .port.input .port-label{right:calc(100% + 6px);text-align:right}
.canvas-node.node-validation-hashtag-check .port.output .port-label{left:calc(100% + 4px)}
:root[data-theme="dark"] .canvas-node.node-validation-hashtag-check .hashtag-separator-select>summary{border-color:var(--ds-figma-node-field-border);background:var(--ds-figma-node-field-surface)}
:root[data-theme="dark"] .canvas-node.node-validation-hashtag-check .hashtag-separator-menu{border-color:var(--ds-figma-overlay-border);background:#1e201f}
:root[data-theme="dark"] .canvas-node.node-validation-hashtag-check .hashtag-separator-menu>button{color:#bcbebc}
:root[data-theme="dark"] .canvas-node.node-validation-hashtag-check .hashtag-separator-menu>button[aria-selected="true"]{background:rgba(235,235,235,.05);color:#edefee}
:root[data-theme="dark"] .canvas-node.node-validation-hashtag-check .hashtag-separator-menu>button:hover{background:rgba(235,235,235,.08)}
:root[data-theme="dark"] .canvas-node.node-validation-hashtag-check .port{border-color:#6f6f6f;background:#1b1d1c}
:root[data-theme="dark"] .canvas-node.node-validation-hashtag-check .port-label{color:#bcbebc}
.canvas-node.node-validation-image-spec-check{min-height:136px}
.canvas-node.node-validation-image-spec-check.state-waiting .canvas-node-result,.canvas-node.node-validation-image-spec-check.state-waiting .validation-result{display:none!important}
.canvas-node.node-validation-image-spec-check>header .image-spec-clipboard-check-icon,.canvas-node.node-validation-image-spec-check>header .node-info .image-spec-info-icon,.canvas-node.node-validation-image-spec-check>header .node-more .image-spec-ellipsis-icon{display:block;flex:0 0 auto;line-height:0}
.canvas-node.node-validation-image-spec-check>header .image-spec-clipboard-check-icon{width:12px;height:12px;flex-basis:12px}
.canvas-node.node-validation-image-spec-check>header .node-info .image-spec-info-icon{width:14px;height:14px;flex-basis:14px}
.canvas-node.node-validation-image-spec-check>header .node-more .image-spec-ellipsis-icon{width:16px;height:16px;flex-basis:16px}
.canvas-node.node-validation-image-spec-check>header .image-spec-clipboard-check-icon img,.canvas-node.node-validation-image-spec-check>header .node-info .image-spec-info-icon img,.canvas-node.node-validation-image-spec-check>header .node-more .image-spec-ellipsis-icon img{display:none}
.canvas-node.node-validation-image-spec-check>header .image-spec-clipboard-check-icon img.image-spec-clipboard-check-light,.canvas-node.node-validation-image-spec-check>header .node-info .image-spec-info-icon img.image-spec-info-light,.canvas-node.node-validation-image-spec-check>header .node-more .image-spec-ellipsis-icon img.image-spec-ellipsis-light{display:block}
:root[data-theme="dark"] .canvas-node.node-validation-image-spec-check>header .image-spec-clipboard-check-icon img.image-spec-clipboard-check-light,:root[data-theme="dark"] .canvas-node.node-validation-image-spec-check>header .node-info .image-spec-info-icon img.image-spec-info-light,:root[data-theme="dark"] .canvas-node.node-validation-image-spec-check>header .node-more .image-spec-ellipsis-icon img.image-spec-ellipsis-light{display:none}
:root[data-theme="dark"] .canvas-node.node-validation-image-spec-check>header .image-spec-clipboard-check-icon img.image-spec-clipboard-check-dark,:root[data-theme="dark"] .canvas-node.node-validation-image-spec-check>header .node-info .image-spec-info-icon img.image-spec-info-dark,:root[data-theme="dark"] .canvas-node.node-validation-image-spec-check>header .node-more .image-spec-ellipsis-icon img.image-spec-ellipsis-dark{display:block}
.canvas-node.node-validation-image-spec-check:not(.boolean-node):not(.my-template-node):not(.post-it-node)>.node-content{box-sizing:border-box;display:flex;width:252px;height:112px;min-height:112px;flex:0 0 112px;align-items:stretch;justify-content:flex-start;margin:0;padding:10px 12px!important;overflow:visible;border:0;border-radius:10px;background:var(--ds-figma-node-tertiary-body-surface)!important;box-shadow:0 1px 1.5px rgba(0,0,0,.1);color:var(--ds-figma-node-text)!important}
:root[data-theme="dark"] .canvas-node.node-validation-image-spec-check:not(.boolean-node):not(.my-template-node):not(.post-it-node)>.node-content{background:var(--ds-figma-node-tertiary-body-surface)!important}
.canvas-node.node-validation-image-spec-check .canvas-node-fields-static{width:100%;min-width:0;margin:0}
.canvas-node.node-validation-image-spec-check .canvas-node-fields-static>.canvas-node-fields-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0}
.canvas-node.node-validation-image-spec-check .canvas-node-fields-static>.canvas-node-fields-body>label:first-child{grid-column:1/-1}
.canvas-node.node-validation-image-spec-check .canvas-node-fields-static label{display:grid;gap:0;min-width:0;margin:0;color:var(--ds-figma-node-text);font:400 11px/16px var(--nb-font-sans);letter-spacing:.22px}
.canvas-node.node-validation-image-spec-check .canvas-node-fields-static select,.canvas-node.node-validation-image-spec-check .canvas-node-fields-static input[data-canvas-field="maxWidth"],.canvas-node.node-validation-image-spec-check .canvas-node-fields-static input[data-canvas-field="maxHeight"]{box-sizing:border-box;width:100%;height:26px;min-height:26px;margin:0;padding:2px 10px!important;border:1px solid var(--ds-figma-node-field-border)!important;border-radius:6px!important;background:var(--ds-figma-node-field-surface)!important;color:var(--ds-figma-node-text)!important;font:300 12px/16px var(--nb-font-sans)!important;letter-spacing:0}
.canvas-node.node-validation-image-spec-check .canvas-node-fields-static select{appearance:none;background-image:none!important}
.canvas-node.node-validation-image-spec-check .image-spec-ratio-control{position:relative;display:block;width:100%;height:26px}
.canvas-node.node-validation-image-spec-check .image-spec-ratio-native{position:absolute!important;z-index:-1;width:1px!important;height:1px!important;min-height:1px!important;padding:0!important;opacity:0;pointer-events:none}
.canvas-node.node-validation-image-spec-check .image-spec-ratio-select{position:relative;width:100%;margin:0}
.canvas-node.node-validation-image-spec-check .image-spec-ratio-select>summary{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;height:26px;min-height:26px;margin:0;padding:0 10px;border:1px solid var(--ds-figma-node-field-border);border-radius:6px;background:var(--ds-figma-node-field-surface);color:var(--ds-figma-node-text);font:300 12px/16px var(--nb-font-sans);cursor:pointer;list-style:none}
.canvas-node.node-validation-image-spec-check .image-spec-ratio-select>summary::-webkit-details-marker{display:none}
.canvas-node.node-validation-image-spec-check .image-spec-ratio-select>summary>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.canvas-node.node-validation-image-spec-check .image-spec-ratio-select>summary>svg{width:16px;height:16px;flex:0 0 16px;stroke-width:1.8}
.canvas-node.node-validation-image-spec-check .image-spec-ratio-menu{position:absolute;z-index:60;top:27px;left:0;box-sizing:border-box;display:grid;gap:0;width:228px;margin:0;padding:4px;border:1px solid var(--ds-figma-overlay-border);border-radius:6px;background:#fff;box-shadow:var(--nb-shadow-md-style)}
.canvas-node.node-validation-image-spec-check .image-spec-ratio-select:not([open])>.image-spec-ratio-menu{display:none}
.canvas-node.node-validation-image-spec-check .image-spec-ratio-menu>button{box-sizing:border-box;display:flex;align-items:center;width:100%;height:32px;min-height:32px;margin:0;padding:6px 8px;border:0;border-radius:2px;background:transparent;color:#464646;font:300 14px/20px var(--nb-font-sans);text-align:left;cursor:pointer}
.canvas-node.node-validation-image-spec-check .image-spec-ratio-menu>button[aria-selected="true"]{background:rgba(0,0,0,.04);color:#171717}
.canvas-node.node-validation-image-spec-check .image-spec-ratio-menu>button:hover{background:rgba(0,0,0,.06)}
.canvas-node.node-validation-image-spec-check>header .node-info svg{width:14px;height:14px;stroke-width:1.8}
.canvas-node.node-validation-image-spec-check .port{width:14px;height:14px;border:1px solid #6f6f6f;border-radius:7px;background:#fff}
.canvas-node.node-validation-image-spec-check .port.input{left:-7px}
.canvas-node.node-validation-image-spec-check .port.output{right:-7px}
.canvas-node.node-validation-image-spec-check .port-label{color:#464646;font:500 9px/9px var(--nb-font-sans);letter-spacing:.09px}
.canvas-node.node-validation-image-spec-check .port.input .port-label{right:calc(100% + 6px);text-align:right}
.canvas-node.node-validation-image-spec-check .port.output .port-label{left:calc(100% + 4px)}
:root[data-theme="dark"] .canvas-node.node-validation-image-spec-check .canvas-node-fields-static select,:root[data-theme="dark"] .canvas-node.node-validation-image-spec-check .canvas-node-fields-static input[data-canvas-field="maxWidth"],:root[data-theme="dark"] .canvas-node.node-validation-image-spec-check .canvas-node-fields-static input[data-canvas-field="maxHeight"]{border-color:var(--ds-figma-node-field-border)!important;background-color:var(--ds-figma-node-field-surface)!important}
:root[data-theme="dark"] .canvas-node.node-validation-image-spec-check .image-spec-ratio-select>summary{border-color:var(--ds-figma-node-field-border);background:var(--ds-figma-node-field-surface)}
:root[data-theme="dark"] .canvas-node.node-validation-image-spec-check .image-spec-ratio-menu{border-color:var(--ds-figma-overlay-border);background:#1e201f}
:root[data-theme="dark"] .canvas-node.node-validation-image-spec-check .image-spec-ratio-menu>button{color:#bcbebc}
:root[data-theme="dark"] .canvas-node.node-validation-image-spec-check .image-spec-ratio-menu>button[aria-selected="true"]{background:rgba(235,235,235,.05);color:#edefee}
:root[data-theme="dark"] .canvas-node.node-validation-image-spec-check .image-spec-ratio-menu>button:hover{background:rgba(235,235,235,.08)}
:root[data-theme="dark"] .canvas-node.node-validation-image-spec-check .port{border-color:#6f6f6f;background:#1b1d1c}
:root[data-theme="dark"] .canvas-node.node-validation-image-spec-check .port-label{color:#bcbebc}
.canvas-node.node-validation-approval-gate .canvas-node-fields-static{width:100%;min-width:0;margin:0}
.canvas-node.node-validation-approval-gate>header .approval-gate-badge-check-icon,.canvas-node.node-validation-approval-gate>header .node-info .approval-gate-info-icon,.canvas-node.node-validation-approval-gate>header .node-more .approval-gate-ellipsis-icon{display:block;flex:0 0 auto;line-height:0}
.canvas-node.node-validation-approval-gate>header .approval-gate-badge-check-icon{width:12px;height:12px;flex-basis:12px}
.canvas-node.node-validation-approval-gate>header .node-info .approval-gate-info-icon{width:14px;height:14px;flex-basis:14px}
.canvas-node.node-validation-approval-gate>header .node-more .approval-gate-ellipsis-icon{width:16px;height:16px;flex-basis:16px}
.canvas-node.node-validation-approval-gate>header .approval-gate-badge-check-icon img,.canvas-node.node-validation-approval-gate>header .node-info .approval-gate-info-icon img,.canvas-node.node-validation-approval-gate>header .node-more .approval-gate-ellipsis-icon img{display:none}
.canvas-node.node-validation-approval-gate>header .approval-gate-badge-check-icon img.approval-gate-badge-check-light,.canvas-node.node-validation-approval-gate>header .node-info .approval-gate-info-icon img.approval-gate-info-light,.canvas-node.node-validation-approval-gate>header .node-more .approval-gate-ellipsis-icon img.approval-gate-ellipsis-light{display:block}
:root[data-theme="dark"] .canvas-node.node-validation-approval-gate>header .approval-gate-badge-check-icon img.approval-gate-badge-check-light,:root[data-theme="dark"] .canvas-node.node-validation-approval-gate>header .node-info .approval-gate-info-icon img.approval-gate-info-light,:root[data-theme="dark"] .canvas-node.node-validation-approval-gate>header .node-more .approval-gate-ellipsis-icon img.approval-gate-ellipsis-light{display:none}
:root[data-theme="dark"] .canvas-node.node-validation-approval-gate>header .approval-gate-badge-check-icon img.approval-gate-badge-check-dark,:root[data-theme="dark"] .canvas-node.node-validation-approval-gate>header .node-info .approval-gate-info-icon img.approval-gate-info-dark,:root[data-theme="dark"] .canvas-node.node-validation-approval-gate>header .node-more .approval-gate-ellipsis-icon img.approval-gate-ellipsis-dark{display:block}
.canvas-node.node-validation-approval-gate:not(.boolean-node):not(.my-template-node):not(.post-it-node)>.node-content{box-sizing:border-box;padding:10px 12px!important}
:root[data-theme="dark"] .canvas-node.node-validation-approval-gate:not(.boolean-node):not(.my-template-node):not(.post-it-node)>.node-content{background:var(--ds-figma-node-tertiary-body-surface)!important}
.canvas-node.node-validation-approval-gate .canvas-node-result{box-sizing:border-box;display:grid;grid-template-rows:34px 32px;gap:8px;width:100%;margin:0;padding-top:8px;white-space:normal}
.canvas-node.node-validation-approval-gate .approval-actions{display:grid;grid-template-columns:62px minmax(0,1fr);gap:10px;width:100%;height:34px}
.canvas-node.node-validation-approval-gate .approval-actions button{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:8px;height:34px;min-height:34px;margin:0!important;padding:0 8px;border:1px solid #d7d7d7!important;border-radius:6px!important;background:var(--ds-figma-node-surface)!important;color:var(--ds-figma-node-text)!important;font:400 13px/18px var(--nb-font-sans)!important;white-space:nowrap}
.canvas-node.node-validation-approval-gate .approval-actions .approval-action{border-color:#d14100!important;background:#ff5100!important;color:#fcfcfc!important}
.canvas-node.node-validation-approval-gate .approval-actions .approval-action:hover:not(:disabled){background:#e84900!important}
.canvas-node.node-validation-approval-gate .approval-actions .approval-action:disabled{opacity:1;cursor:not-allowed}
.canvas-node.node-validation-approval-gate .approval-actions .approval-action svg{width:18px;height:18px;flex:0 0 18px;color:inherit}
.canvas-node.node-validation-approval-gate .approval-warning{display:flex;align-items:flex-start;gap:6px;min-width:0;color:#0091ff;font:400 12px/16px var(--nb-font-sans);white-space:normal}
.canvas-node.node-validation-approval-gate .approval-warning>span:first-child{display:grid;place-items:center;width:18px;height:18px;flex:0 0 18px}
.canvas-node.node-validation-approval-gate .approval-warning svg{width:16px;height:16px}
.canvas-node.node-validation-approval-gate .canvas-node-fields-static>.canvas-node-fields-body{gap:8px;padding:0}
.canvas-node.node-validation-approval-gate .canvas-node-fields-static label{display:grid;gap:0;min-width:0;margin:0;color:var(--ds-figma-node-text);font:400 11px/16px var(--nb-font-sans);letter-spacing:.22px}
.canvas-node.node-validation-approval-gate .canvas-node-fields-static input[data-canvas-field="approver"]{box-sizing:border-box;width:100%;height:26px;min-height:26px;margin:0;padding:2px 10px!important;border:1px solid var(--ds-figma-node-field-border)!important;border-radius:6px!important;background:var(--ds-figma-node-field-surface)!important;color:var(--ds-figma-node-text)!important;font:300 12px/16px var(--nb-font-sans)!important;letter-spacing:0}
.canvas-node.node-validation-approval-gate .canvas-node-fields-static textarea[data-canvas-field="approvalNote"]{box-sizing:border-box;width:100%;height:60px;min-height:60px;margin:0;padding:4px 8px!important;border:1px solid var(--ds-figma-node-field-border)!important;border-radius:6px!important;background:var(--ds-figma-node-field-surface)!important;color:var(--ds-figma-node-text)!important;font:400 12px/16px var(--nb-font-sans)!important;letter-spacing:0;resize:none}
.canvas-node.node-validation-approval-gate .canvas-node-fields-static input[data-canvas-field="approver"]::placeholder,.canvas-node.node-validation-approval-gate .canvas-node-fields-static textarea[data-canvas-field="approvalNote"]::placeholder{color:#c7c7c7!important;font:italic 400 14px/20px var(--nb-font-sans)!important;opacity:1}
:root[data-theme="dark"] .canvas-node.node-validation-approval-gate .canvas-node-fields-static input[data-canvas-field="approver"],:root[data-theme="dark"] .canvas-node.node-validation-approval-gate .canvas-node-fields-static textarea[data-canvas-field="approvalNote"]{border-color:var(--ds-figma-node-field-border)!important;background:var(--ds-figma-node-field-surface)!important}
:root[data-theme="dark"] .canvas-node.node-validation-approval-gate .canvas-node-fields-static input[data-canvas-field="approver"]::placeholder,:root[data-theme="dark"] .canvas-node.node-validation-approval-gate .canvas-node-fields-static textarea[data-canvas-field="approvalNote"]::placeholder{color:#989a99!important}
.canvas-node.node-validation-approval-gate .port{box-sizing:border-box;width:14px;height:14px;border:1px solid #6f6f6f;border-radius:7px;background:#fff}
.canvas-node.node-validation-approval-gate .port.input{left:-7px}
.canvas-node.node-validation-approval-gate .port.output{right:-7px}
.canvas-node.node-validation-approval-gate .port-label{color:#464646;font:500 9px/9px var(--nb-font-sans);letter-spacing:.09px}
.canvas-node.node-validation-approval-gate .port.input .port-label{right:calc(100% + 6px);text-align:right}
.canvas-node.node-validation-approval-gate .port.output .port-label{left:calc(100% + 4px)}
:root[data-theme="dark"] .canvas-node.node-validation-approval-gate .port{border-color:#6f6f6f;background:#1b1d1c}
:root[data-theme="dark"] .canvas-node.node-validation-approval-gate .approval-actions .approval-action{border-color:#d14100!important;background:#9e3200!important;color:#fbebe4!important}
:root[data-theme="dark"] .canvas-node.node-validation-approval-gate .approval-actions .approval-action:hover:not(:disabled){background:#ad3a05!important}
:root[data-theme="dark"] .canvas-node.node-validation-approval-gate .port-label{color:#bcbebc}
.canvas-node.node-publishing-public-media-delivery:not(.boolean-node):not(.my-template-node):not(.post-it-node)>.node-content{box-sizing:border-box;padding:10px 12px!important}
:root[data-theme="dark"] .canvas-node.node-publishing-public-media-delivery:not(.boolean-node):not(.my-template-node):not(.post-it-node)>.node-content{background:var(--ds-figma-node-tertiary-body-surface)!important}
.canvas-node.node-publishing-public-media-delivery .canvas-node-fields-static{width:100%;min-width:0;margin:0}
.canvas-node.node-publishing-public-media-delivery .canvas-node-fields-static>.canvas-node-fields-body{gap:8px;padding:0}
.canvas-node.node-publishing-public-media-delivery .canvas-node-fields-static label{display:grid;gap:0;min-width:0;margin:0;color:var(--ds-figma-node-text);font:400 11px/16px var(--nb-font-sans);letter-spacing:.22px}
.canvas-node.node-publishing-public-media-delivery .canvas-node-fields-static select[data-canvas-field="provider"]{box-sizing:border-box;width:100%;height:26px;min-height:26px;margin:0;padding:2px 10px!important;border:1px solid var(--ds-figma-node-field-border)!important;border-radius:6px!important;background:var(--ds-figma-node-field-surface)!important;color:var(--ds-figma-node-text)!important;font:300 12px/16px var(--nb-font-sans)!important;letter-spacing:0}
.canvas-node.node-publishing-public-media-delivery .canvas-node-fields-static textarea[data-canvas-field="mediaUrls"]{box-sizing:border-box;width:100%;height:54px;min-height:54px;margin:0;padding:8px 12px!important;border:1px solid var(--ds-figma-node-field-border)!important;border-radius:6px!important;background:var(--ds-figma-node-field-surface)!important;color:var(--ds-figma-node-text)!important;font:400 11px/16px var(--nb-font-sans)!important;letter-spacing:.22px;resize:none}
.canvas-node.node-publishing-public-media-delivery .canvas-node-fields-static textarea[data-canvas-field="mediaUrls"]::placeholder{color:#989a99!important;font:italic 400 11px/16px var(--nb-font-sans)!important;letter-spacing:.22px;opacity:1}
:root[data-theme="dark"] .canvas-node.node-publishing-public-media-delivery .canvas-node-fields-static select[data-canvas-field="provider"],:root[data-theme="dark"] .canvas-node.node-publishing-public-media-delivery .canvas-node-fields-static textarea[data-canvas-field="mediaUrls"]{border-color:var(--ds-figma-node-field-border)!important;background:var(--ds-figma-node-field-surface)!important}
.canvas-node.node-publishing-public-media-delivery .port{box-sizing:border-box;width:14px;height:14px;border:1px solid #6f6f6f;border-radius:7px;background:#fff}
.canvas-node.node-publishing-public-media-delivery .port.input{left:-7px}
.canvas-node.node-publishing-public-media-delivery .port.output{right:-7px}
.canvas-node.node-publishing-public-media-delivery .port.control-input{top:60px;left:-7px}
.canvas-node:not(.boolean-node):not(.my-template-node):not(.post-it-node).node-publishing-public-media-delivery .port-label{color:#464646;font:500 9px/9px var(--nb-font-sans);letter-spacing:.09px}
.canvas-node.node-publishing-public-media-delivery .port.input .port-label,.canvas-node.node-publishing-public-media-delivery .port.control-input .port-label{right:calc(100% + 6px);text-align:right}
.canvas-node.node-publishing-public-media-delivery .port.output .port-label{left:calc(100% + 4px)}
:root[data-theme="dark"] .canvas-node.node-publishing-public-media-delivery .port{border-color:#6f6f6f;background:#1b1d1c}
:root[data-theme="dark"] .canvas-node:not(.boolean-node):not(.my-template-node):not(.post-it-node).node-publishing-public-media-delivery .port-label{color:#bcbebc}