:root{--display-font:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--body-font:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono-font:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;color:#0f172a;font-family:var(--body-font);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f0f8ff}*{box-sizing:border-box}html{background:#f0f8ff;min-width:320px;height:100%;overflow:hidden}body{min-width:320px;height:100%;margin:0;overflow:hidden}button,input,select,textarea{font:inherit}button,select{color:inherit}#root{height:100%}.react-flow{--xy-edge-stroke-default:#b1b1b7;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#555;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#ffffff80;--xy-minimap-background-color-default:#fff;--xy-minimap-mask-background-color-default:#f0f0f099;--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#e2e2e2;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:transparent;--xy-background-pattern-dots-color-default:#91919a;--xy-background-pattern-lines-color-default:#eee;--xy-background-pattern-cross-color-default:#e2e2e2;background-color:var(--xy-background-color,var(--xy-background-color-default));--xy-node-color-default:inherit;--xy-node-border-default:1px solid #1a192b;--xy-node-background-color-default:#fff;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #00000014;--xy-node-boxshadow-selected-default:0 0 0 .5px #1a192b;--xy-node-border-radius-default:3px;--xy-handle-background-color-default:#1a192b;--xy-handle-border-color-default:#fff;--xy-selection-background-color-default:#0059dc14;--xy-selection-border-default:1px dotted #0059dccc;--xy-controls-button-background-color-default:#fefefe;--xy-controls-button-background-color-hover-default:#f4f4f4;--xy-controls-button-color-default:inherit;--xy-controls-button-color-hover-default:inherit;--xy-controls-button-border-color-default:#eee;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#fff;--xy-edge-label-color-default:inherit;--xy-resize-background-color-default:#3367d9;direction:ltr}.react-flow.dark{--xy-edge-stroke-default:#3e3e3e;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#727272;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#96969640;--xy-minimap-background-color-default:#141414;--xy-minimap-mask-background-color-default:#3c3c3c99;--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#2b2b2b;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:#141414;--xy-background-pattern-dots-color-default:#777;--xy-background-pattern-lines-color-default:#777;--xy-background-pattern-cross-color-default:#777;--xy-node-color-default:#f8f8f8;--xy-node-border-default:1px solid #3c3c3c;--xy-node-background-color-default:#1e1e1e;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #ffffff14;--xy-node-boxshadow-selected-default:0 0 0 .5px #999;--xy-handle-background-color-default:#bebebe;--xy-handle-border-color-default:#1e1e1e;--xy-selection-background-color-default:#c8c8dc14;--xy-selection-border-default:1px dotted #c8c8dccc;--xy-controls-button-background-color-default:#2b2b2b;--xy-controls-button-background-color-hover-default:#3e3e3e;--xy-controls-button-color-default:#f8f8f8;--xy-controls-button-color-hover-default:#fff;--xy-controls-button-border-color-default:#5b5b5b;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#141414;--xy-edge-label-color-default:#f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props,var(--xy-background-color,var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__pane{z-index:1}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width,var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke,var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width,var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{pointer-events:none;position:absolute;overflow:visible}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected,var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:.5s linear infinite dashdraw}svg.react-flow__connectionline{z-index:1001;position:absolute;overflow:visible}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{-webkit-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default;position:absolute}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:0 0;pointer-events:none}.react-flow__nodesselection-rect{pointer-events:all;cursor:grab;position:absolute}.react-flow__handle{pointer-events:none;background-color:var(--xy-handle-background-color,var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color,var(--xy-handle-border-color-default));border-radius:100%;width:6px;min-width:5px;height:6px;min-height:5px;position:absolute}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;bottom:0;left:50%;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{z-index:5;margin:15px;position:absolute}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px)translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px)translateY(-50%)}.react-flow__attribution{background:var(--xy-attribution-background-color,var(--xy-attribution-background-color-default));margin:0;padding:2px 3px;font-size:10px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10px}}.react-flow__edgelabel-renderer{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__viewport-portal{-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__minimap{background:var(--xy-minimap-background-color-props,var(--xy-minimap-background-color,var(--xy-minimap-background-color-default)))}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var(--xy-minimap-mask-background-color-props,var(--xy-minimap-mask-background-color,var(--xy-minimap-mask-background-color-default)));stroke:var(--xy-minimap-mask-stroke-color-props,var(--xy-minimap-mask-stroke-color,var(--xy-minimap-mask-stroke-color-default)));stroke-width:var(--xy-minimap-mask-stroke-width-props,var(--xy-minimap-mask-stroke-width,var(--xy-minimap-mask-stroke-width-default)))}.react-flow__minimap-node{fill:var(--xy-minimap-node-background-color-props,var(--xy-minimap-node-background-color,var(--xy-minimap-node-background-color-default)));stroke:var(--xy-minimap-node-stroke-color-props,var(--xy-minimap-node-stroke-color,var(--xy-minimap-node-stroke-color-default)));stroke-width:var(--xy-minimap-node-stroke-width-props,var(--xy-minimap-node-stroke-width,var(--xy-minimap-node-stroke-width-default)))}.react-flow__background-pattern.dots{fill:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-dots-color-default)))}.react-flow__background-pattern.lines{stroke:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-lines-color-default)))}.react-flow__background-pattern.cross{stroke:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-cross-color-default)))}.react-flow__controls{box-shadow:var(--xy-controls-box-shadow,var(--xy-controls-box-shadow-default));flex-direction:column;display:flex}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{background:var(--xy-controls-button-background-color,var(--xy-controls-button-background-color-default));border:none;border-bottom:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)));width:26px;height:26px;color:var(--xy-controls-button-color-props,var(--xy-controls-button-color,var(--xy-controls-button-color-default)));cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:4px;display:flex}.react-flow__controls-button svg{fill:currentColor;width:100%;max-width:12px;max-height:12px}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{border-radius:var(--xy-node-border-radius,var(--xy-node-border-radius-default));width:150px;color:var(--xy-node-color,var(--xy-node-color-default));text-align:center;border:var(--xy-node-border,var(--xy-node-border-default));background-color:var(--xy-node-background-color,var(--xy-node-background-color-default));padding:10px;font-size:12px}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover,var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected,var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color,var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color,var(--xy-selection-background-color-default));border:var(--xy-selection-border,var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var(--xy-controls-button-background-color-hover-props,var(--xy-controls-button-background-color-hover,var(--xy-controls-button-background-color-hover-default)));color:var(--xy-controls-button-color-hover-props,var(--xy-controls-button-color-hover,var(--xy-controls-button-color-hover-default)))}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)))}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border:1px solid #fff;border-radius:1px;width:5px;height:5px;translate:-50% -50%}.react-flow__resize-control.handle.left{top:50%;left:0}.react-flow__resize-control.handle.right{top:50%;left:100%}.react-flow__resize-control.handle.top{top:0;left:50%}.react-flow__resize-control.handle.bottom{top:100%;left:50%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border-style:solid;border-width:0}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;height:100%;top:0;transform:translate(-50%)}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{width:100%;height:1px;left:0;transform:translateY(-50%)}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-text{fill:var(--xy-edge-label-color,var(--xy-edge-label-color-default))}.app-shell{color:#0f172a;background:radial-gradient(circle at 18% 6%,#f0f8fff2,#0000 30rem),linear-gradient(135deg,#f8fafc 0%,#eef4fb 42%,#dbe4ee 100%);grid-template-rows:auto minmax(0,1fr);height:100dvh;min-height:0;display:grid;overflow:hidden}.topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f0f8ffdb;border-bottom:1px solid #cbd5e1;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.project-name{color:#0f172a;width:100%;font:800 clamp(1.8rem, 4vw, 3.5rem) / 1 var(--display-font);letter-spacing:-.075em;background:0 0;border:0;padding:0}.project-name:focus{text-shadow:0 0 24px #64748b2e;outline:0}.save-status{color:#64748b;margin:.45rem 0 0;font-size:.82rem;font-weight:700}.eyebrow{color:#64748b;letter-spacing:.18em;text-transform:uppercase;margin:0 0 .35rem;font-size:.68rem;font-weight:800}.topbar-actions,.action-buttons{flex-wrap:wrap;justify-content:flex-end;gap:.65rem;display:flex}.topbar>div:first-child{flex:22rem;min-width:0}.topbar>.topbar-actions{flex:32rem}.button:disabled,.icon-button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.help-copy{color:#64748b;margin:0;font-size:.8rem;line-height:1.5}.check-field{align-items:center;gap:.5rem;font-size:.82rem;line-height:1.4;display:flex}.check-field input{accent-color:#475569}.equal-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.menu-toolbar{margin-top:1rem}.menu-list{gap:.35rem;max-height:10rem;display:grid;overflow-y:auto}.menu-list-entry{color:#334155;text-align:left;cursor:pointer;overflow-wrap:anywhere;background:#f8fafc;border:1px solid #d5dee9;gap:.25rem;width:100%;padding:.55rem .7rem;display:grid}.menu-list-entry small{color:#64748b}.menu-list-entry:hover{background:#eaf3ff}.menu-list-entry.active-menu{background:#e2e8f0;border-color:#475569}.menu-list-entry:focus-visible{outline-offset:-2px;outline:2px solid #475569}.action-card{min-width:0;margin:0}.action-card legend{color:#64748b;padding:0 .3rem;font-size:.75rem}.bulk-tools summary{cursor:pointer;font-weight:750}.bulk-tools summary .pill{float:right}.bulk-tools[open] summary{margin-bottom:1rem}.workspace-dialog{box-sizing:border-box;color:#0f172a;background:#f8fafc;border:1px solid #94a3b8;width:min(48rem,100vw - 2rem);max-height:calc(100dvh - 3rem);padding:1.5rem;overflow:auto;box-shadow:0 24px 80px #0f172a4d}.workspace-dialog::backdrop{background:#0f172a73}.workspace-dialog>.field{margin-top:1rem}.dialog-heading,.dialog-footer{justify-content:space-between;align-items:center;gap:1rem;display:flex}.dialog-heading{margin-bottom:1rem}.dialog-heading h2{margin:0;font-size:1.3rem}.dialog-footer{margin-top:1rem}.dialog-footer .button{flex-shrink:0}.template-grid{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem;margin-top:1rem;display:grid}.template-card{border:1px solid #cbd5e1;flex-direction:column;align-items:start;padding:1rem;display:flex}.template-card h3{margin:0}.template-card p{color:#64748b;flex:1;font-size:.9rem;line-height:1.5}.export-code{color:#dbeafe;max-height:45dvh;font:.8rem / 1.5 var(--mono-font);background:#0f172a;padding:1rem;overflow:auto}.export-issues{background:#fff7f7;border:1px solid #fca5a5;max-height:45dvh;margin-top:1rem;padding:1rem;overflow:auto}.export-issues h3{margin-top:0}.export-issues ul{padding-left:1.2rem;font-size:.85rem}.export-issues li+li{margin-top:1rem}.preview-log{max-height:26dvh;overflow:auto}.preview-log .help-copy{margin-bottom:.5rem}.selected-slot:before{box-shadow:inset 0 0 0 2px #2563eb}.builder-layout{grid-template-columns:minmax(19rem,24rem) minmax(26rem,1fr);gap:1rem;min-height:0;padding:1rem;display:grid}.panel,.canvas-panel{background:#f8fafce6;border:1px solid #cbd5e1;border-radius:1.1rem;min-height:0;overflow:hidden;box-shadow:0 22px 70px #0f172a1f}.panel{flex-direction:column;gap:1rem;padding:1rem;display:flex;overflow-y:auto}.canvas-panel{position:relative}.canvas-panel .react-flow{background-color:#f0f8ff;background-image:linear-gradient(#64748b1a 1px,#0000 1px),linear-gradient(90deg,#64748b1a 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:36px 36px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}.canvas-panel .react-flow__controls{background:#f8fafcf5;border:1px solid #cbd5e1;box-shadow:0 16px 32px #0f172a24}.canvas-panel .react-flow__controls-button{color:#334155;background:0 0;border-bottom-color:#cbd5e1}.menu-link .react-flow__edge-path{stroke:#475569;stroke-width:2.4px}.menu-link .react-flow__edge-text,.react-flow__edge-text{fill:#0f172a;font-size:.72rem;font-weight:800}.react-flow__edge-textbg{fill:#f0f8ffe0}.panel-section{background:linear-gradient(#ffffffe6,#f1f5f9e0);border:1px solid #d5dee9;border-radius:.9rem;padding:1rem}.section-heading{justify-content:space-between;align-items:flex-start;gap:.9rem;margin-bottom:1rem;display:flex}.section-heading h2{color:#0f172a;font:750 1.15rem / 1.1 var(--body-font);letter-spacing:-.035em;margin:0}.tight-heading{margin-bottom:.65rem}.pill{color:#334155;white-space:nowrap;background:#f8fafc;border:1px solid #cbd5e1;border-radius:999px;align-items:center;min-height:1.7rem;padding:0 .65rem;font-size:.76rem;font-weight:800;display:inline-flex}.active-pill{color:#f8fafc;background:#475569}.field,.toggle-field{color:#1e293b;gap:.42rem;font-size:.82rem;font-weight:750;display:grid}.field span,.toggle-field span{color:#64748b;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem}.field input,.field select,.field textarea{box-sizing:border-box;color:#0f172a;width:100%;font:650 .92rem / 1.35 var(--body-font);background:#fff;border:1px solid #cbd5e1;border-radius:.65rem}.field input,.field select{min-height:2.55rem;padding:0 .8rem}.field textarea{resize:vertical;padding:.75rem .8rem}.field input:focus,.field select:focus,.field textarea:focus{border-color:#64748b;outline:0;box-shadow:0 0 0 3px #64748b2e}.field input[readonly]{color:#64748b;background:#f1f5f9}.material-picker{position:relative}.material-input-row{background:#fff;border:1px solid #cbd5e1;grid-template-columns:2.55rem minmax(0,1fr);align-items:center;display:grid}.material-input-row:focus-within{border-color:#64748b;box-shadow:0 0 0 3px #64748b2e}.material-input-row input{box-shadow:none;border:0}.material-input-row input:focus{box-shadow:none}.material-preview{object-fit:contain;width:1.7rem;height:1.7rem;image-rendering:pixelated;margin-inline:auto}.material-preview-fallback{color:#334155;background:#e2e8f0;border:1px solid #94a3b8;place-items:center;font-size:.62rem;font-weight:900;display:grid}.material-dropdown{inset-inline:0;z-index:20;background:#fff;border:1px solid #94a3b8;max-height:18rem;position:absolute;top:calc(100% + .25rem);overflow-y:auto;box-shadow:0 18px 38px #0f172a2e}.material-option{color:#0f172a;text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #e2e8f0;grid-template-columns:2.2rem minmax(0,1fr);align-items:center;gap:.45rem .65rem;width:100%;padding:.5rem .6rem;display:grid}.material-option:hover,.material-option:focus-visible{background:#eaf3ff}.material-option img{object-fit:contain;width:1.8rem;height:1.8rem;image-rendering:pixelated;grid-row:span 2}.material-option span{color:#0f172a;text-overflow:ellipsis;text-transform:none;white-space:nowrap;font-size:.9rem;line-height:1;overflow:hidden}.material-option small{color:#64748b;font:.68rem / 1 var(--mono-font);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.material-empty{color:#64748b;margin:0;padding:.75rem;font-size:.86rem}.field-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.7rem;display:grid}.compact-field{width:5.5rem}.three-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.toggle-field{box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:.65rem;place-content:end;align-self:stretch;min-width:5.3rem;min-height:2.55rem;padding:.55rem .7rem}.toggle-field input{accent-color:#475569;width:1rem;height:1rem}.editor-stack,.actions-editor{gap:.85rem;display:grid}.actions-editor{padding-top:.3rem}.action-card{background:#f8fafc;border:1px solid #d5dee9;border-radius:.85rem;gap:.7rem;padding:.75rem;display:grid}.action-row{grid-template-columns:minmax(0,1fr) auto}.button,.icon-button{font:850 .82rem / 1 var(--body-font);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s;display:inline-flex}.button:hover,.icon-button:hover{transform:translateY(-1px)}.button:focus-visible,.icon-button:focus-visible,.inventory-slot:focus-visible{outline-offset:2px;outline:3px solid #64748b47}.button{min-height:2.45rem;padding:0 1rem}.button-primary{color:#fff;background:#334155;box-shadow:0 12px 28px #33415538}.button-primary:hover{background:#1e293b}.button-secondary{color:#1e293b;background:#f8fafc;border:1px solid #cbd5e1}.button-secondary:hover{background:#e2e8f0}.file-action{position:relative;overflow:hidden}.file-action input{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.icon-button{min-height:2.35rem;padding:0 .75rem}.danger-button,.danger-wide{color:#991b1b;background:#fee2e2}.danger-wide{border:1px solid #fecaca}.empty-copy{color:#64748b;margin:0;font-size:.9rem}.slot-toolbar{flex-wrap:wrap;gap:.6rem;display:flex}.slot-toolbar .button{flex:auto}.menu-node{color:#0f172a;background:0 0;border:0;width:22rem;padding:0;box-shadow:0 18px 36px #0f172a33}.selected-menu-node{box-shadow:0 0 0 2px #f8fafc,0 0 0 4px #64748b,0 18px 36px #0f172a33}.node-handle{background:#475569;border:2px solid #f8fafc;width:.85rem;height:.85rem}.chest-window{width:var(--mc-window-width);height:var(--mc-window-height);image-rendering:pixelated;box-shadow:none;background-color:#c6c6c6;border:0;padding:0;position:relative;overflow:visible}.chest-window:before,.chest-window:after{z-index:0;width:var(--mc-window-width);background-image:var(--mc-container-texture);background-repeat:no-repeat;background-size:var(--mc-container-size) var(--mc-container-size);content:"";pointer-events:none;position:absolute;left:0}.chest-window:before{height:var(--mc-container-top-height);background-position:0 0;top:0}.chest-window:after{top:var(--mc-container-top-height);height:var(--mc-container-bottom-height);background-position:0 var(--mc-container-bottom-source-y)}.preview-chest{flex:none}.chest-title{top:var(--mc-title-top);left:var(--mc-title-left);z-index:2;max-width:calc(var(--mc-window-width) - 32px);color:#404040;height:16px;font:400 16px / 16px var(--mono-font);text-overflow:ellipsis;white-space:nowrap;padding:0;position:absolute;overflow:hidden}.player-inventory-title{top:var(--mc-inventory-title-top);left:var(--mc-title-left);z-index:2;color:#404040;height:16px;font:400 16px / 16px var(--mono-font);white-space:nowrap;position:absolute}.inventory-grid{top:var(--mc-grid-top);left:var(--mc-grid-left);grid-template-columns:repeat(9, var(--mc-slot-size));grid-auto-rows:var(--mc-slot-size);gap:0;display:grid;position:absolute}.inventory-slot{width:var(--mc-slot-size);height:var(--mc-slot-size);min-width:var(--mc-slot-size);color:#707070;box-shadow:none;cursor:pointer;appearance:none;background:0 0;border:0;border-radius:0;place-items:center;padding:0;display:grid;position:relative}.inventory-slot[draggable=true]{cursor:grab}.inventory-slot[draggable=true]:active{cursor:grabbing}.filled-slot{background:0 0}.glow-slot:after{inset:var(--mc-pixel);z-index:2;background-color:#8040cc6b;background-image:var(--mc-item-glint);mix-blend-mode:screen;opacity:.72;content:"";pointer-events:none;background-position:50%;background-size:128px 128px;animation:3s linear infinite minecraft-item-glint;position:absolute}@keyframes minecraft-item-glint{0%{background-position:-64px 0}to{background-position:64px 32px}}.inventory-slot:before{inset:var(--mc-pixel);z-index:3;content:"";opacity:0;pointer-events:none;background:#ffffff80;position:absolute}.inventory-slot:hover:before,.inventory-slot:focus-visible:before,.selected-slot:before{opacity:1}.item-texture,.material-badge{z-index:1;width:var(--mc-item-size);height:var(--mc-item-size);position:relative}.item-texture{object-fit:contain;image-rendering:pixelated;filter:none}.material-badge{border:var(--mc-pixel) solid #555;color:#111;letter-spacing:-.04em;background:#dcdcdc;place-items:center;font-size:10px;font-weight:1000;display:grid}.slot-name{display:none}.minimessage-text{white-space:inherit}.minecraft-font{font-size:0;line-height:0;display:inline}.minecraft-font-segment{line-height:0;display:inline}.minecraft-glyph{vertical-align:top;image-rendering:pixelated;flex:none;display:inline-block}.minecraft-glyph-fallback{font:400 16px / 16px var(--mono-font);vertical-align:top;display:inline-block}.item-tooltip{z-index:40;border:18px solid #0000;border-image-slice:9 fill;border-image-repeat:stretch;border-image-source:var(--mc-tooltip-background);color:#fff;width:max-content;max-width:320px;box-shadow:none;font:400 16px / 18px var(--mono-font);text-align:left;white-space:pre-wrap;pointer-events:none;background:#100010;border-image-width:18px;padding:0;display:none;position:absolute;top:calc(50% - 12px);left:calc(100% + 6px)}.inventory-slot:nth-child(9n+7) .item-tooltip,.inventory-slot:nth-child(9n+8) .item-tooltip,.inventory-slot:nth-child(9n+9) .item-tooltip{left:auto;right:calc(100% + 6px)}.item-tooltip:after{z-index:1;border:20px solid #0000;border-image-slice:10;border-image-repeat:stretch;border-image-source:var(--mc-tooltip-frame);content:"";pointer-events:none;border-image-width:20px;position:absolute;inset:-18px}.inventory-slot:hover .item-tooltip,.inventory-slot:focus-visible .item-tooltip{gap:2px;display:grid}.item-tooltip-name,.item-tooltip-lore{display:block}.item-tooltip-name{margin-bottom:2px}.item-tooltip-lore{color:#aaa}.slot-amount{right:var(--mc-pixel);bottom:var(--mc-pixel);z-index:4;color:#fff;font:400 16px / 16px var(--mono-font);white-space:nowrap;position:absolute}.empty-slot-number{color:#2828285c;font:400 12px / 1 var(--mono-font)}.fullscreen-preview{z-index:50;color:#0f172a;background:#f0f8ff;grid-template-rows:auto minmax(0,1fr) auto;gap:1rem;padding:1rem;display:grid;position:fixed;inset:0}.preview-topbar{background:#f8fafc;border:1px solid #cbd5e1;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.preview-topbar h2{letter-spacing:-.05em;margin:0;font-size:clamp(1.5rem,3vw,2.75rem);line-height:1}.fullscreen-preview-body{background-color:#f8fbff;background-image:linear-gradient(#64748b14 1px,#0000 1px),linear-gradient(90deg,#64748b14 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:42px 42px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #cbd5e1;place-items:center;min-height:0;display:grid;overflow:auto}.fullscreen-preview .chest-window{width:var(--mc-window-width);padding:0}.preview-log{background:#f8fafc;border:1px solid #cbd5e1;padding:.85rem 1rem}.preview-log ul{flex-wrap:wrap;gap:.55rem 1rem;margin:0;padding:0;list-style:none;display:flex}.preview-log li{color:#334155;font-size:.86rem}.closed-preview{color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:.85rem;place-items:center;gap:.9rem;min-height:12rem;display:grid}.closed-preview p{color:#334155;margin:0;font-weight:850}.log-panel{background:#f8fafc;border:1px solid #d5dee9;border-radius:.8rem;margin-top:1rem;padding:.8rem}.log-panel ul{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.log-panel li{color:#334155;font-size:.82rem}.json-section{flex:1;min-height:16rem}.json-section pre{color:#dbeafe;height:32rem;max-height:45vh;font:.76rem / 1.45 var(--mono-font);text-align:left;background:#0f172a;border:1px solid #d5dee9;border-radius:.75rem;margin:0;padding:.85rem;overflow:auto}@media (width<=1280px){.builder-layout{grid-template-columns:minmax(19rem,22rem) minmax(24rem,1fr)}}@media (width<=860px){.topbar>div:first-child,.topbar>.topbar-actions{flex-basis:auto}.topbar{flex-direction:column;align-items:stretch}.project-name{width:100%}.topbar-actions{justify-content:stretch}.topbar-actions .button{flex:1}.builder-layout{grid-template-rows:minmax(20rem,55dvh) 34rem;grid-template-columns:1fr;padding:.75rem;overflow-y:auto}.canvas-panel{min-height:34rem}.field-row,.three-columns,.action-row{grid-template-columns:1fr}.compact-field{width:auto}.toggle-field{place-content:center start}}@media (width<=520px){.topbar{padding:1rem}.panel,.panel-section{padding:.75rem}.builder-layout{grid-template-rows:minmax(20rem,55dvh) 28rem}.canvas-panel{min-height:28rem}.menu-node{width:22rem}.inventory-grid{gap:.1rem}}.app-shell,.app-shell *,.app-shell :before,.app-shell :after{border-radius:0!important}