/* 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}.compositor-stage{position:relative;isolation:isolate;width:100%;max-height:100%;margin:auto;overflow:hidden;border:1px solid #e6e6ec;border-radius:6px;background:conic-gradient(#f0f0f4 25%,#fafafd 0 50%,#f0f0f4 0 75%,#fafafd 0) 0/12px 12px}.compositor-stage .image-render-canvas{width:100%;height:100%;max-width:none;max-height:none;border-radius:0;background:transparent}.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:#2563EB;box-shadow:0 0 0 1px #2563EB55}.compositor-layer-label,.compositor-layer-size{position:absolute;padding:1px 4px;border-radius:3px;background:#2563EB;color:#fff;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:#fff;border:1px solid #2563EB;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 #d8d8e0;border-radius:6px;color:#8b8b95;font-size:11px}.compositor-inspector,.compositor-text-controls{display:grid;gap:5px;margin:12px 0;padding:9px;border:1px solid #e8e8ee;border-radius:7px}.compositor-inspector legend,.compositor-text-controls legend{padding:0 4px;color:#777781;font-size:10px}.inspector .compositor-layer-select{display:flex;align-items:center;justify-content:flex-start;width:100%;margin:0;padding:6px 8px;cursor:grab;user-select:none}.inspector .compositor-layer-select:active{cursor:grabbing}.compositor-layer-select svg{width:14px;height:14px;margin-right:5px;color:#898994}.inspector .compositor-layer-select.is-active{border-color:#2563EB;color:#1D4ED8;background:#eff6ff}.inspector .compositor-layer-select.is-dragging{opacity:.45}.inspector .compositor-layer-select.is-drop-target{border-color:#2563EB;box-shadow:0 2px 0 #2563EB}.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:#777782;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:#34343d}.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 #2563EB;border-radius:6px;background:#fff;color:#34343d;font:inherit;font-size:11px;outline:none;box-shadow:0 0 0 2px #2563EB1f}
.port.control{border-style:solid;border-color:#738196;background:#f7f8fb}.port.control::after{background:#738196}.port.control.control-passive{border-color:#738196}.port.control.control-passive::after{background:#738196}.port.control.control-true{border-color:#029C17}.port.control.control-true::after{background:#029C17}.port.control.control-false{border-color:#F24822}.port.control.control-false::after{background:#F24822}.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:#738196;stroke-width:1.2;stroke-dasharray:4 4}.connections-layer path.control-edge.control-true{stroke:#029C17;stroke-dasharray:none}.connections-layer path.control-edge.control-false{stroke:#F24822;stroke-dasharray:none}
.connections-layer path.is-layer-link{stroke:#60A5FA;stroke-width:2.1}.connection-endpoint.is-layer-link{stroke:#60A5FA;stroke-width:1.5}.canvas-node.is-layer-source:not(.is-selected){border-color:#60A5FA;box-shadow:0 0 0 2px #60A5FA2b,0 9px 24px #26262d0a}

.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,.crop-zoom svg{width:14px;height:14px;stroke-width:1.8}.canvas-toolbar button svg{width:14px;height:14px}.table-add svg{width:11px;height:11px}.crop-close svg{width:21px;height:21px}

/* 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}
.canvas-node.post-it-node{min-height:180px;background:#ffe39b;border-color:#edcf7c;border-radius:1px;box-shadow:0 10px 20px #6e5a251c}.canvas-node.post-it-node header{border-bottom-color:#efd992}.canvas-node.post-it-node .node-icon{background:#f7cf65;color:#6f5312}.canvas-node.post-it-node .node-content{display:flex;height:calc(100% - 43px);padding:14px}.canvas-node.post-it-node .post-it-body{height:100%;min-height:120px;resize:none;overflow-y:auto;overscroll-behavior:contain;background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important;color:#433719;font-size:15px;line-height:1.4}.canvas-node.post-it-node .state{display:none}.canvas-node.post-it-node:hover .node-resize{background:#765e1c1b}
.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 ui-monospace,SFMono-Regular,Menlo,monospace;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-border:#dedee6;--field-background:#fafafd;--field-text:#34343d;--field-focus:#81818d}.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:12px/1.35 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!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:#fff!important;box-shadow:0 0 0 2px #81818d18!important}.canvas-node .inline-note{min-height:58px;resize:vertical}.canvas-node .post-it-body{background:transparent!important;border:0!important;box-shadow:none!important}.condition-formula{font-family:ui-monospace,SFMono-Regular,Menlo,monospace!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 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;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:12px/1.35 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!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:12px/1.35 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;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:#60A5FA;box-shadow:0 0 0 1.5px #60A5FA,0 9px 24px #26262d0a}.connections-layer path.is-selected,.connections-layer path.control-edge.is-selected{stroke:#60A5FA;filter:drop-shadow(0 2px 3px #60A5FA38)}

/* The temporary drag wire has its own gravity-and-spring motion in the canvas. */
.connections-layer path.connection-preview{stroke:#60606b;stroke-width:1.5;stroke-linecap:round;opacity:.9}
.connections-layer path.is-inactive{stroke-dasharray:4 4;opacity:.78}
.connection-endpoint{fill:#fff;stroke:#83838e;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:#eff6ff;stroke:#2563EB;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:12px/1.35 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!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:12px/1.35 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.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:12px/1.35 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!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:12px/1.35 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!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:12px/1.35 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;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 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;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 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;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 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;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 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;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}