.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:#555;--xy-background-pattern-lines-color-default:#333;--xy-background-pattern-cross-color-default:#333;--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;touch-action:none}.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-textbg{fill:var(--xy-edge-label-background-color,var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color,var(--xy-edge-label-color-default))}:root{color:#e9e8ef;font-synthesis:none;--canvas:#17191f;--surface:#21232b;--raised:#2a2c36;--border:#343640;--muted:#9695a7;--lavender:#b4a2f3;--mint:#89bbad;--amber:#d7ba79;--text:#e9e8ef;--display:Georgia, "STSong", "SimSun", serif;background:#17191f;font-family:DM Sans,Microsoft YaHei UI,PingFang SC,sans-serif;font-size:13px;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{opacity:.35;cursor:not-allowed}input,textarea,select{color:var(--text);border:1px solid var(--border);background:#242630;border-radius:8px;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--lavender)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--lavender);outline-offset:3px}button,input,textarea,select{-webkit-tap-highlight-color:transparent}button{transition:background .15s,color .15s,border-color .15s}button:hover:not(:disabled){color:#fff}h1,h2,h3,p{margin:0}svg{flex-shrink:0}select{cursor:pointer;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}textarea{resize:vertical;line-height:1.8}::selection{color:#fff;background:#8771ad}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#44434e;border-radius:5px}::-webkit-scrollbar-track{background:0 0}.studio-app{flex-direction:column;height:100dvh;min-height:580px;display:flex;overflow:hidden}.app-header{background:#1d1f27;border-bottom:1px solid #32333d;flex-shrink:0;align-items:center;gap:17px;height:68px;padding:0 24px 0 20px;display:flex}.projects-browser{padding:20px 26px 0}.projects-toolbar{align-items:center;gap:14px;margin-bottom:17px;display:flex}.projects-toolbar .menu-search{flex:1;min-height:38px;margin:0}.projects-toolbar .button{flex-shrink:0}.shared-library-strip{background:#283133;border:1px solid #3c4948;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:14px 17px;display:flex}.shared-library-strip>div{color:var(--mint);align-items:center;gap:12px;display:flex}.shared-library-strip strong{color:#d5e3dd;font-size:12px;font-weight:500;display:block}.shared-library-strip p span{color:#91a6a0;margin-top:5px;font-size:10px;display:block}.shared-library-strip>button{color:var(--mint);align-items:center;gap:7px;font-size:11px;display:flex}.project-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-height:51dvh;padding:2px 3px 14px;display:grid;overflow-y:auto}.project-card{border:1px solid var(--border);background:var(--surface);border-radius:11px;transition:border-color .15s;overflow:hidden}.project-card:hover{border-color:#797080}.project-card.current{border-color:#9a86bd}.project-card-open{text-align:left;width:100%;padding:0;display:block}.project-card-open:focus-visible{outline-offset:-3px}.project-art{color:#8b849c;background:#1d2027;flex-direction:column;justify-content:center;align-items:center;gap:11px;height:124px;display:flex;position:relative;overflow:hidden}.project-art>img{object-fit:cover;object-position:center 27%;opacity:.8;width:100%;height:100%}.project-art>span:not(.project-art-label){font-size:10px}.project-art .project-art-label{color:#c8c3d7;background:#20222de3;border-radius:5px;align-items:center;gap:5px;padding:4px 7px;font-size:10px;display:flex;position:absolute;top:12px;left:12px}.project-card.current .project-art-label{color:#252131;background:#b4a2f3}.project-card-content{padding:15px 16px 12px}.project-card-content h3{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:500;line-height:1.5;overflow:hidden}.project-card-content p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:11px;overflow:hidden}.project-card-content>span{color:#bcb4ce;justify-content:space-between;align-items:center;margin-top:15px;font-size:10px;display:flex}.project-card-bottom{color:#868294;border-top:1px solid #34333c;justify-content:space-between;align-items:center;padding:3px 12px 3px 16px;font-size:9px;display:flex}.project-card-bottom .icon-button{width:44px;height:44px}.project-card-actions{align-items:center;gap:4px;display:flex}.project-card-delete{color:#d99b98}.project-card-delete:hover:not(:disabled){color:#ffd2cf;background:#493136}.projects-footer{border-top:1px solid var(--border);color:var(--muted);grid-template-columns:minmax(210px,1fr) auto;align-items:center;gap:5px 20px;padding:17px 0 20px;font-size:10px;display:grid}.projects-footer-account{align-items:center;gap:10px;min-width:0;display:flex}.projects-account-avatar{color:#eee5ff;background:#494155;border:1px solid #645776;border-radius:50%;flex:0 0 32px;place-items:center;width:32px;height:32px;font-size:12px;display:grid}.projects-account-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.projects-account-copy strong,.projects-account-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.projects-account-copy strong{color:var(--text);font-size:11px;font-weight:600}.projects-account-copy small{max-width:220px;color:var(--muted);font-size:10px}.projects-footer .projects-logout{color:#e3aaa6;border-left:1px solid #4e3b3e;min-height:44px;margin-left:4px;padding:0 10px}.projects-storage-note{grid-column:1;margin-left:42px}.projects-footer-actions{grid-area:1/2/span 2;justify-content:flex-end;align-items:center;gap:13px;display:flex}.projects-footer button{color:#c3b4dc;align-items:center;gap:6px;min-height:44px;padding:0 4px;font-size:11px;display:flex}.projects-logout-error{color:#f0b6b0;grid-column:1/-1;align-items:flex-start;gap:7px;margin-top:7px;line-height:1.6;display:flex}.project-create-form{padding:20px 26px 26px}.project-back{color:var(--muted);align-items:center;gap:7px;margin-bottom:21px;padding:0;font-size:11px;display:flex}.project-create-form .field{margin:0 0 18px}.project-shared-note{color:var(--mint);background:#293332;border-radius:8px;align-items:center;gap:12px;padding:14px;font-size:11px;display:flex}.project-shared-note span{color:#9baea7;margin-top:5px;font-size:10px;display:block}.project-form-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.project-error{color:#efaaaa;margin-top:14px;font-size:12px}.project-delete-confirm{padding:24px 26px 26px}.project-delete-warning{align-items:flex-start;gap:14px;display:flex}.project-delete-icon{color:#f0aaa6;background:#3b292e;border:1px solid #6f4145;border-radius:8px;flex:0 0 44px;place-items:center;width:44px;height:44px;display:grid}.project-delete-warning>div{min-width:0}.project-delete-warning>div>span{color:#d7a3a0;font-size:10px}.project-delete-warning h3{color:#f2e7e7;overflow-wrap:anywhere;margin-top:5px;font-size:17px;font-weight:600;line-height:1.5}.project-delete-warning p,.project-delete-scope{color:var(--muted);font-size:11px;line-height:1.7}.project-delete-warning p{margin-top:7px}.project-delete-retained{color:var(--mint);background:#283133;border:1px solid #3c4948;border-radius:8px;align-items:center;gap:11px;margin-top:22px;padding:13px 14px;display:flex}.project-delete-retained strong,.project-delete-retained span{display:block}.project-delete-retained strong{color:#d5e3dd;font-size:11px}.project-delete-retained span{color:#91a6a0;margin-top:4px;font-size:10px}.project-delete-scope{margin-top:14px}.project-delete-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.project-delete-actions .button{min-height:44px}.projects-no-results{color:var(--muted);flex-direction:column;grid-column:1/-1;align-items:center;gap:15px;padding:45px 10px;display:flex}.workspace-notice{z-index:100}.workspace-notice .recovery-download{color:#593e68;white-space:nowrap;border-left:1px solid #b9a5c5;gap:5px;min-height:32px;padding:0 10px}.canvas-project-crumb{text-overflow:ellipsis;white-space:nowrap;max-width:190px;overflow:hidden}.empty-project-canvas{text-align:center;width:min(420px,100% - 130px);position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.empty-project-mark{width:64px;height:64px;color:var(--lavender);background:#292633;border:1px solid #514761;border-radius:18px;place-items:center;margin-bottom:23px;display:inline-grid}.empty-project-canvas h2{font:25px/1.6 var(--display);color:#ddd5e9;overflow-wrap:anywhere}.empty-project-canvas p{color:var(--muted);margin-top:12px;font-size:12px;line-height:1.9}.empty-project-canvas>div{justify-content:center;gap:10px;margin-top:24px;display:flex}@media (width<=600px){.projects-browser{padding:15px 16px 0}.project-card-grid{grid-template-columns:1fr;max-height:49dvh}.shared-library-strip{padding:12px}.shared-library-strip>button{font-size:10px}.projects-toolbar{gap:8px}.projects-toolbar .button{padding:9px;font-size:11px}.projects-footer{grid-template-columns:1fr;align-items:flex-start;gap:8px}.projects-footer-account,.projects-footer-actions{width:100%}.projects-account-copy{flex:1}.projects-storage-note{grid-column:1;margin-left:42px}.projects-footer-actions{flex-wrap:wrap;grid-area:auto/1;justify-content:flex-start}.projects-logout-error{grid-column:1}.project-create-form{padding:16px}.project-delete-confirm{padding:20px 16px}.project-delete-actions{grid-template-columns:1fr 1fr;display:grid}.project-delete-actions .button{white-space:normal;width:100%}.canvas-project-crumb{max-width:88px}.empty-project-canvas{width:calc(100% - 115px);left:58%}.empty-project-canvas h2{font-size:20px}.empty-project-canvas>div{flex-direction:column;align-items:center}}.brand{text-align:left;align-items:center;gap:11px;padding:0;display:flex}.brand-symbol{background:var(--lavender);color:#242032;border-radius:9px;place-items:center;width:32px;height:32px;font-family:Georgia,serif;font-size:25px;font-weight:700;display:grid}.brand strong{letter-spacing:3px;align-items:baseline;gap:9px;font-size:19px;display:flex}.brand strong span{letter-spacing:2px;color:#aba8b9;font-size:8px;font-weight:400}.header-divider{background:#3a3a43;width:1px;height:24px;margin-left:10px}.project-name{align-items:center;gap:15px;font-size:13px;display:flex}.project-badge,.canvas-draft{color:#b6aec9;white-space:nowrap;background:#2d2b36;border-radius:4px;padding:4px 7px;font-size:10px}.header-space{flex:1}.save-status{color:#9897a5;white-space:nowrap;align-items:center;gap:5px;font-size:11px;display:flex}.save-status svg{color:var(--mint)}.button{white-space:nowrap;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:8px;height:34px;padding:0 13px;font-size:12px;display:inline-flex}.button.primary{background:var(--lavender);color:#282132;font-weight:600}.button.primary:hover{color:#211b30;background:#c7b5ff}.button.secondary{color:#d6d4df;background:#292b34;border-color:#3b3d47}.button.secondary:hover{background:#353641}.button.danger{color:#fff;background:#a74748;border-color:#b65a58;font-weight:600}.button.danger:hover{color:#fff;background:#bd5655;border-color:#d97873}.avatar{color:#e9dffa;background:#494155;border:1px solid #645776;border-radius:50%;width:29px;height:29px;margin-left:1px;font-size:12px}.count-badge{background:#5f527b;border-radius:4px;min-width:17px;padding:1px 4px;font-size:10px}.workspace{flex:1;min-height:0;display:flex}.app-rail{background:#1d1f27;border-right:1px solid #31323c;flex-direction:column;flex-shrink:0;align-items:center;gap:14px;width:62px;padding:20px 0 14px;display:flex}.rail-spacer{flex:1}.icon-button{color:#a3a1af;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;padding:0;display:inline-flex}.icon-button:hover:not(:disabled){background:#34333e}.icon-button.active{color:#c9b5ff;background:#383244}.app-rail .icon-button{width:37px;height:37px}.app-rail .mobile-task-button{display:none}.mobile-task-button .count-badge{line-height:14px;position:absolute;top:1px;right:1px}.app-rail .icon-button.active{position:relative}.app-rail .icon-button.active:before{content:"";background:var(--lavender);border-radius:2px;width:2px;height:17px;position:absolute;top:10px;left:-12px}.auth-page{isolation:isolate;width:100%;min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));background:#15171d;place-items:center;display:grid;position:relative;overflow:hidden}.auth-backdrop,.auth-scrim{width:100%;height:100%;position:absolute;inset:0}.auth-backdrop{z-index:-2;object-fit:cover;object-position:center 24%;filter:saturate(.72)brightness(.5)}.auth-scrim{z-index:-1;background:#0f1015b3}.auth-panel{background:#1d1f27f0;border:1px solid #b4a2f357;border-radius:8px;width:min(420px,100%);padding:30px;box-shadow:0 20px 60px #00000061}.auth-brand{align-items:center;gap:11px;margin-bottom:28px;display:flex}.auth-brand-symbol{color:#242032;background:var(--lavender);border-radius:8px;flex:0 0 38px;place-items:center;width:38px;height:38px;font-family:Georgia,serif;font-size:28px;font-weight:700;display:grid}.auth-brand>span:last-child{align-items:baseline;gap:9px;display:flex}.auth-brand strong{letter-spacing:0;font-size:19px;font-weight:700}.auth-brand small{color:#aaa7b7;letter-spacing:0;font-size:9px}.auth-heading{align-items:flex-start;gap:12px;display:flex}.auth-heading>svg{color:var(--mint);margin-top:2px}.auth-heading h1{letter-spacing:0;margin:0;font-size:22px;font-weight:650;line-height:1.35}.auth-heading p{color:#b4b2bf;margin-top:7px;font-size:13px;line-height:1.65}.auth-error{color:#ffd2cc;overflow-wrap:anywhere;background:#382728;border:1px solid #795150;border-radius:7px;align-items:flex-start;gap:9px;margin-top:20px;padding:11px 12px;font-size:12px;line-height:1.6;display:flex}.auth-error svg{margin-top:1px}.auth-form{gap:9px;margin-top:24px;display:grid}.auth-form label{color:#d7d4df;margin-top:6px;font-size:12px;font-weight:600}.auth-form input{width:100%;min-height:46px;padding:0 13px;font-size:16px}.auth-password-field{display:block;position:relative}.auth-password-field input{padding-right:52px}.auth-password-field button{color:#b8b5c3;border-radius:7px;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:1px;right:1px}.auth-password-field button:hover:not(:disabled){color:#fff;background:#343640}.auth-submit{min-height:46px;margin-top:14px;font-size:13px}.auth-retry{color:#cfc8de;border-radius:7px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;margin-top:10px;display:flex}.auth-retry:hover:not(:disabled){background:#292b34}.auth-checking-content{color:#ded8e8;background:#1d1f27f0;border:1px solid #b4a2f34d;border-radius:8px;align-items:center;gap:12px;padding:20px 22px;display:flex}.auth-checking-content .auth-brand-symbol{margin-right:8px}.auth-checking-content>svg{color:var(--lavender)}.auth-checking-content p{font-size:13px}@media (width<=520px){.auth-page{padding:max(16px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));place-items:end center}.auth-backdrop{object-position:58% center}.auth-panel{padding:24px 20px}.auth-brand{margin-bottom:22px}.auth-heading h1{font-size:20px}.auth-checking{place-items:center}.auth-checking-content{justify-content:center;width:100%}}@media (height<=600px) and (orientation:landscape){.auth-page{place-items:center;overflow-y:auto}.auth-panel{padding-top:20px;padding-bottom:20px}.auth-brand{margin-bottom:16px}.auth-form{margin-top:16px}}@media (prefers-reduced-motion:reduce){.auth-page *,.auth-page :before,.auth-page :after{transition:none!important;animation:none!important}}.asset-panel{background:#20222a;border-right:1px solid #33343f;flex-direction:column;flex-shrink:0;width:267px;min-height:0;display:flex}.panel-heading{justify-content:space-between;align-items:center;padding:25px 19px 20px;display:flex}.eyebrow{letter-spacing:1.65px;color:#aaa4bb;font-size:9px;font-weight:500;display:block}.panel-heading .eyebrow{color:#898592;letter-spacing:2.3px;margin-bottom:7px;font-size:8px}.panel-heading h2{font-size:17px;font-weight:500}.panel-heading h2 span{color:#b5a7d1;vertical-align:middle;background:#37313e;border:1px solid #4a3f5b;border-radius:4px;margin-left:5px;padding:1px 5px;font-family:DM Sans,sans-serif;font-size:10px}.asset-scope{border-bottom:1px solid #383943;gap:27px;margin:0 18px 17px;display:flex}.asset-scope button{color:#93909e;align-items:center;gap:5px;padding:0 0 13px;font-size:12px;display:flex;position:relative}.asset-scope button.active{color:#d9c9ff}.asset-scope button.active:after{content:"";background:var(--lavender);height:2px;position:absolute;bottom:-1px;left:0;right:0}.search-field{color:#9692a5;background:#292b35;border:1px solid #383a45;border-radius:7px;align-items:center;gap:8px;padding:0 10px;display:flex}.search-field input{background:0 0;border:0;width:100%;min-width:0;height:33px;font-size:11px}.search-field:focus-within{border-color:#b4a2f3}.search-field input::placeholder{color:#8a8798}.asset-search{margin:0 18px}.asset-search>span{color:#75717e;font-size:18px}.asset-tabs{flex-wrap:wrap;gap:2px;padding:17px 17px 12px;display:flex}.asset-tabs button{color:#9a97a6;border-radius:5px;padding:5px 8px;font-size:10px}.asset-tabs button.active{color:#d9c6ff;background:#3b3349}.asset-list-header{color:#8a8796;justify-content:space-between;padding:5px 19px 13px;font-size:10px;display:flex}.asset-list-header>span:first-child{color:#bdb9c8}.asset-list-header em{color:#85818f;margin-left:3px;font-style:normal}.asset-grid{flex:1;grid-template-columns:1fr 1fr;align-content:start;gap:14px 11px;min-height:80px;padding:0 17px 15px;display:grid;overflow-y:auto}.asset-card{cursor:grab;min-width:0;position:relative}.asset-thumb{background:#34333d;border:1px solid #42414e;border-radius:8px;justify-content:center;align-items:center;width:100%;height:124px;padding:0;display:flex;position:relative;overflow:hidden}.asset-thumb img{object-fit:cover;object-position:center 23%;width:100%;height:100%;transition:transform .25s}.asset-scene .asset-thumb img{object-position:center 36%}.asset-card:hover .asset-thumb{border-color:#a69bc5}.asset-card:hover img{transform:scale(1.045)}.asset-type{color:#e5e4ea;background:#15171fb8;border-radius:3px;padding:2px 5px;font-size:8px;position:absolute;bottom:6px;left:6px}.favorite-button{color:#d1cadc;opacity:0;background:#2524318a;border-radius:5px;padding:4px;display:flex;position:absolute;top:6px;right:6px}.favorite-button.is-favorite,.asset-card:hover .favorite-button,.favorite-button:focus-visible{opacity:1}.favorite-button.is-favorite{color:#e0c58b}.asset-caption{padding:7px 1px 0}.asset-caption>button{white-space:nowrap;text-overflow:ellipsis;text-align:left;color:#d7d2df;width:100%;padding:0;font-size:10px;overflow:hidden}.asset-caption>div{color:#807c8d;justify-content:space-between;align-items:center;margin-top:3px;font-size:9px;display:flex}.asset-caption>div button{color:#b4aac7;padding:1px;display:flex}.asset-panel-bottom{border-top:1px solid #33343d;padding:14px 17px 0}.upload-area{color:#c4bece;border:1px dashed #55515e;border-radius:8px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;width:100%;padding:12px 5px;display:flex}.upload-area:hover{background:#2c2a36;border-color:#a391bf}.upload-area svg{color:#c1addf}.upload-area strong{font-size:12px;font-weight:400}.upload-area>span{color:#888192;width:100%;font-size:9px}.library-link{text-align:left;align-items:center;gap:9px;width:100%;padding:17px 0 18px;display:flex}.little-spark{color:#bda5eb;background:#373041;border:1px solid #4a3e5c;border-radius:7px;place-items:center;width:30px;height:31px;display:grid}.library-link>div{flex:1}.library-link strong{color:#d1c4e0;font-size:10px;font-weight:400;display:block}.library-link div>span{color:#8b829a;margin-top:4px;font-size:8px;display:block}.library-link>svg{color:#8c7aa6}.main-workspace{flex-direction:column;flex:1;min-width:0;display:flex}.canvas-topbar{background:#1c1e25;border-bottom:1px solid #2b2d37;flex-shrink:0;justify-content:space-between;align-items:center;height:55px;padding:0 23px;display:flex}.canvas-breadcrumb{color:#928f9e;align-items:center;gap:10px;font-size:11px;display:flex}.canvas-breadcrumb>svg:first-child{color:#9e91bb;margin-right:1px}.canvas-breadcrumb strong{color:#d9d4e3;font-size:11px;font-weight:400}.canvas-breadcrumb button{color:#97929f;padding:0;font-size:11px}.canvas-draft{color:#9f9ba8;background:#2d2e35;margin-left:4px;padding:3px 6px;font-size:9px}.view-switch{background:#15171d;border:1px solid #33343e;border-radius:7px;gap:3px;padding:3px;display:flex}.view-switch button{color:#8f899a;border-radius:4px;align-items:center;gap:6px;height:27px;padding:0 11px;font-size:10px;display:flex}.view-switch button.active{color:#d6c5ed;background:#35313f;box-shadow:0 1px 4px #0004}.canvas-area{background:#17191f;flex:1;min-height:0;position:relative;overflow:hidden}.react-flow{--xy-edge-stroke:#77748e;--xy-background-color:#17191f!important;--xy-attribution-background-color:#24232e!important}.react-flow__attribution{opacity:.6;color:#999!important;background:#24232e!important;margin:0!important;font-size:8px!important;bottom:0!important}.react-flow__attribution a{color:#ccc!important}.react-flow__node{border-radius:12px}.react-flow__node:focus-visible{outline:2px solid var(--lavender);outline-offset:5px}.react-flow__handle{background:#9a89c0!important;border:2px solid #292630!important;width:9px!important;height:9px!important}.react-flow__edge.selected .react-flow__edge-path{stroke:#cfb7ff!important;stroke-width:2.5px!important}.react-flow__selection{background:#b4a2f313!important;border:1px dashed #b4a2f3!important}.canvas-section-label{pointer-events:none;color:#898594;align-items:center;gap:12px;font-size:11px;display:flex;position:absolute;top:25px;left:31px}.canvas-section-label .eyebrow{letter-spacing:2px;color:#8a8299;font-size:8px}.canvas-toolbar{background:#282a33;border:1px solid #41414e;border-radius:9px;flex-direction:column;gap:4px;padding:5px;display:flex;position:absolute;top:72px;left:19px;box-shadow:0 3px 20px #0003}.toolbar-separator{background:#45424f;flex-shrink:0}.canvas-toolbar .toolbar-separator{height:1px;margin:4px}.canvas-bottom-tools{align-items:center;gap:12px;display:flex;position:absolute;bottom:26px;left:24px}.zoom-controls{background:#292b34;border:1px solid #41414c;border-radius:7px;align-items:center;gap:2px;padding:3px 5px;display:flex;box-shadow:0 3px 20px #0002}.zoom-controls>button:not(.icon-button){color:#cdc5da;width:39px;padding:0;font-size:10px}.zoom-controls .toolbar-separator{width:1px;height:17px;margin:0 4px}.canvas-hint{color:#706b7b;font-size:9px}.selection-actions{white-space:nowrap;z-index:6;background:#32303e;border:1px solid #6d5c86;border-radius:8px;align-items:center;gap:6px;padding:4px 6px 4px 12px;font-size:10px;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:0 4px 15px #0004}.selection-actions>span{color:#b5a9c8;border-right:1px solid #635471;margin-right:4px;padding-right:10px}.selection-actions>button:not(.icon-button){color:#d9c1ff;align-items:center;gap:5px;font-size:10px;display:flex}.workspace-footer{color:#777383;background:#1d1f26;border-top:1px solid #30303a;flex-shrink:0;align-items:center;gap:20px;height:27px;padding:0 22px;font-size:9px;display:flex}.workspace-footer>span{align-items:center;gap:6px;display:flex}.workspace-footer>span:last-child{margin-left:auto}.workspace-footer b{color:#56505f;font-weight:400}.status-dot{background:#87b8a5;border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.status-dot.amber{background:var(--amber)}.canvas-node{color:#dbd8e5;background:#252730;border:1px solid #494752;border-radius:12px;width:270px;overflow:hidden;box-shadow:0 7px 24px #0003}.canvas-node.selected{outline-offset:3px;outline:2px solid #b4a2f3;box-shadow:0 6px 32px #0005}.node-heading{background:#292a34;border-bottom:1px solid #3d3b46;justify-content:space-between;align-items:center;height:38px;padding:0 12px;display:flex}.node-kind{color:#b9afcb;align-items:center;gap:7px;font-size:11px;display:flex}.node-heading .icon-button{width:22px;height:22px}.node-heading .icon-button svg{width:14px}.node-body{padding:18px 18px 17px}.node-body .eyebrow{color:#9a92aa;letter-spacing:1.3px;margin-bottom:9px;font-size:8px}.node-body h3{letter-spacing:.3px;margin-bottom:10px;font-size:17px;font-weight:500}.node-text{color:#9693a4;-webkit-line-clamp:3;white-space:pre-wrap;-webkit-box-orient:vertical;font-size:10px;line-height:1.9;display:-webkit-box;overflow:hidden}.node-script{width:275px}.node-script .node-kind{color:#d1baed}.node-script .node-body{padding:22px 23px 24px}.node-script h3{font-size:22px;line-height:1.5;font-family:var(--display);color:#e6e1ed;margin-bottom:18px}.script-text{white-space:pre-wrap;color:#bab4c7;font-size:12px;line-height:2.05}.node-footer{color:#9a90ab;border-top:1px solid #3a3943;justify-content:space-between;align-items:center;height:34px;margin:0 14px;font-size:9px;display:flex}.node-footer>span{align-items:center;gap:5px;display:flex}.node-ref{color:#b6a3d1;align-items:center;gap:2px;padding:3px 0;font-size:9px;display:flex}.node-image{background:#171a1f;height:209px;position:relative;overflow:hidden}.node-image>img{object-fit:cover;object-position:center 24%;width:100%;height:100%;display:block}.node-character{width:230px}.node-character .node-body{padding:14px 15px 12px}.node-character .node-body h3{margin-bottom:6px;font-size:17px}.node-character .node-text{-webkit-line-clamp:2;font-size:9px;line-height:1.8}.node-character .node-body .eyebrow{letter-spacing:.7px;font-size:7px}.image-label{color:#c7d9c9;background:#28352ee0;border:1px solid #7da18c80;border-radius:4px;align-items:center;gap:4px;padding:4px 6px;font-size:8px;display:flex;position:absolute;bottom:10px;left:10px}.node-scene{width:230px}.node-scene .node-image{height:130px}.node-scene .node-image img{object-position:center 36%}.node-scene .node-body{padding:13px 15px 11px}.node-scene .node-body h3{margin-bottom:4px;font-size:14px}.node-scene .node-text{-webkit-line-clamp:2;font-size:9px}.node-shot{width:300px}.node-shot .node-kind{color:#b6c4de}.node-shot .node-image{height:209px}.node-shot .node-image img{object-position:center 37%}.node-shot .node-body h3{font-size:18px}.node-shot .node-text{font-size:10px}.shot-index{color:#fff;text-shadow:0 1px 4px #0004;font-family:Georgia,serif;font-size:20px;line-height:1;position:absolute;top:14px;left:14px}.shot-length{background:#242630cf;border:1px solid #95939980;border-radius:4px;padding:4px 7px;font-size:9px;position:absolute;bottom:11px;right:10px}.shot-tags{gap:5px;margin-top:12px;display:flex}.shot-tags span{color:#b7adca;background:#343440;border-radius:4px;padding:4px 6px;font-size:8px}.node-note{background:#393329;border-color:#615642;width:262px;transform:rotate(-2deg);box-shadow:0 6px 15px #0002}.node-note .node-heading{background:0 0;border-bottom-color:#65513c55}.node-note .node-kind{color:#d0b982}.node-note h3{font-family:var(--display);color:#ddc697;padding:18px 21px 0;font-size:20px;font-weight:400}.note-text{white-space:pre-wrap;color:#b8ac94;padding:11px 21px 14px;font-size:12px;line-height:1.9}.note-sign{text-align:right;color:#948467;padding:0 18px 15px;font-size:9px;display:block}.node-prompt .node-body{max-height:290px;overflow:hidden}.node-prompt .node-text{-webkit-line-clamp:8}.node-video{width:100%;max-height:230px}.canvas-node audio{width:100%;height:40px}.chat-panel{z-index:8;background:#262630;border:1px solid #575061;border-radius:15px;flex-direction:column;width:357px;height:510px;display:flex;position:absolute;bottom:23px;right:22px;overflow:hidden;box-shadow:0 15px 50px #0005,0 0 0 4px #24222b55}.chat-panel.expanded{width:min(580px,100% - 44px);height:calc(100% - 45px)}.chat-header{background:#2b2934;border-bottom:1px solid #3c3846;flex-shrink:0;align-items:center;gap:9px;height:61px;padding:0 15px;display:flex}.chat-mark{color:#d7b8ff;background:#4b3d60;border:1px solid #7b6392;border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.chat-header>div:nth-child(2){flex:1}.chat-header strong{letter-spacing:.5px;font-size:12px;font-weight:500;display:block}.chat-header small{color:#a59aaf;align-items:center;gap:4px;margin-top:4px;font-size:8px;display:flex}.demo-badge{white-space:nowrap;color:#b3a4c4;border:1px solid #5b4e67;border-radius:4px;padding:3px 5px;font-size:8px}.chat-header .icon-button{width:19px}.chat-messages{flex:1;min-height:80px;padding:23px 18px 8px;overflow-y:auto}.chat-welcome .eyebrow{letter-spacing:2px;color:#a38bbb;margin-bottom:14px;font-size:8px}.chat-welcome h2{letter-spacing:1px;font-size:23px;font-weight:400;line-height:1.6;font-family:var(--display);color:#e0d7ed}.chat-welcome>p{color:#aaa0b7;margin-top:10px;font-size:10px;line-height:1.9}.chat-suggestions{flex-direction:column;align-items:start;gap:7px;margin-top:17px;display:flex}.chat-suggestions button{color:#bfb1ce;background:#302c3a;border:1px solid #4a4256;border-radius:6px;align-items:center;gap:15px;padding:6px 9px;font-size:9px;display:flex}.chat-suggestions button:hover{background:#41364e}.chat-composer{background:#302c3a;border:1px solid #5f526e;border-radius:10px;flex-shrink:0;margin:7px 13px 0;box-shadow:0 0 0 2px #3b304b33}.chat-composer:focus-within{border-color:#b19acd;box-shadow:0 0 0 2px #ad87da15}.chat-composer>textarea{resize:none;color:#e4d9f0;background:0 0;border:0;outline:none;width:100%;height:63px;padding:11px 12px 0;font-size:10px;line-height:1.7}.chat-composer>textarea::placeholder{color:#a499b0}.composer-controls{justify-content:space-between;align-items:center;padding:0 8px 8px;display:flex}.model-select{background:#25232e;border-radius:5px;align-items:center;gap:4px;max-width:calc(100% - 40px);padding:5px 7px;display:flex}.model-glyph{color:#93a6e5;font-size:10px;font-style:italic;font-weight:700}.model-select select{appearance:none;color:#b7adca;background:0 0;border:0;max-width:160px;padding:0 2px;font-size:9px}.model-select>svg{color:#8d829e}.send-button{color:#34253f;background:#bba4ec;border-radius:7px;place-items:center;width:27px;height:27px;display:grid}.send-button:disabled{opacity:.55}.chat-config{align-items:center;gap:7px;margin:9px 13px 0;display:flex}.chat-config label{color:#9e8bb4;flex:1;align-items:center;gap:3px;min-width:0;display:flex}.chat-config select{color:#b4a6c6;background:0 0;border:0;min-width:0;max-width:100%;padding:3px 1px;font-size:8px}.chat-config .icon-button{width:20px;height:20px}.chat-disclaimer{text-align:center;letter-spacing:.4px;color:#817388;padding:8px 2px 10px;font-size:7px}.context-list{flex-wrap:wrap;gap:4px;max-height:72px;padding:8px 8px 0;display:flex;overflow-y:auto}.context-list>span{color:#cbbbdf;background:#494052;border:1px solid #63526f;border-radius:4px;align-items:center;gap:4px;max-width:100%;padding:3px 4px;font-size:8px;display:inline-flex}.context-list button{padding:0;display:flex}.message{margin-bottom:17px}.message-role{color:#bdb0cf;align-items:center;gap:5px;margin-bottom:7px;font-size:9px;display:flex}.message-role span{color:#94839f;border:1px solid #4f415a;border-radius:4px;margin-left:auto;padding:2px 4px;font-size:7px}.message p{white-space:pre-wrap;color:#d0c5dd;font-size:11px;line-height:1.95}.message.user p{background:#443751;border-radius:10px 3px 10px 10px;padding:10px 12px}.message small{color:#9988a8;margin-top:7px;font-size:8px;display:block}.message-action{color:#c9b1e5;border:1px solid #574262;border-radius:5px;align-items:center;gap:5px;margin-top:10px;padding:6px 8px;font-size:9px;display:flex}.chat-launcher{color:#dfc4ff;z-index:8;background:#3c304d;border:1px solid #9277af;border-radius:13px;align-items:center;gap:10px;padding:13px 16px;font-size:12px;display:flex;position:absolute;bottom:25px;right:24px;box-shadow:0 8px 25px #0004}.launcher-badge{background:#67517d;border-radius:4px;padding:3px 4px;font-size:8px}.modal{color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#23242d;border:1px solid #53515e;border-radius:15px;width:min(560px,100vw - 30px);max-height:90dvh;padding:0;box-shadow:0 25px 130px #0009}.modal::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c0d16b8}.modal.wide{width:min(1070px,100vw - 40px)}.modal-heading{border-bottom:1px solid #3f3a49;justify-content:space-between;align-items:center;gap:10px;padding:23px 25px;display:flex}.modal-heading>div{min-width:0}.modal-heading>.icon-button{width:44px;height:44px}.modal-heading h2{font-size:19px;font-weight:500}.modal-heading p{color:#9f93af;margin-top:8px;font-size:11px;line-height:1.7}.modal>p,.modal>.field,.modal>.shot-fields,.modal>.modal-actions,.modal>.node-reference-summary,.modal>.asset-detail-tags{margin:20px 25px}.shot-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.shot-purpose-field{grid-column:1/-1}.modal-actions{justify-content:flex-end;gap:9px;display:flex}.muted{color:#95899f;font-size:10px;line-height:1.8}.modal-copy{color:#b8adbf;font-size:12px;line-height:2}.field{color:#bcb1c9;flex-direction:column;gap:9px;font-size:11px;display:flex}.field input,.field textarea,.field select{width:100%;padding:10px 12px}.field textarea{font-size:12px}.error-text{color:#f1b9af!important}.empty-state{text-align:center;color:#8e829e;grid-column:1/-1;padding:40px 12px;line-height:1.9}.empty-state>svg{margin-bottom:10px}.empty-state h3{color:#cdc1d9;margin-bottom:10px;font-size:16px;font-weight:500}.empty-state p{font-size:12px}.empty-state small{font-size:10px}.library-tabs{border-bottom:1px solid #3f3a49;gap:24px;padding:0 25px;display:flex}.library-tabs button{color:#9d91ad;border-bottom:2px solid #0000;align-items:center;gap:7px;height:53px;font-size:12px;display:flex}.library-tabs button.active{color:#d3bdf2;border-bottom-color:#b4a2f3}.library-tabs button span{background:#383040;border-radius:4px;padding:2px 5px;font-size:9px}.library-search{gap:10px;padding:19px 25px;display:flex}.library-search .search-field{flex:1}.library-search select{max-width:180px;padding:5px 10px;font-size:11px}.library-layout{border-top:1px solid #34303f;grid-template-columns:1fr 1fr;height:min(480px,55dvh);display:grid}.library-results{padding:9px 14px 15px 20px;overflow-y:auto}.template-item{text-align:left;color:#9e8bb8;border:1px solid #0000;border-radius:7px;align-items:center;gap:12px;width:100%;margin-bottom:4px;padding:13px 10px;display:flex}.template-item:hover,.template-item.selected{background:#34303f;border-color:#645175}.template-item>div{flex:1;min-width:0}.template-item strong{color:#d5c9e1;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:400;display:block;overflow:hidden}.template-item span{color:#9d8aac;margin-top:5px;font-size:9px;display:block}.load-more{width:100%;margin-top:10px}.prompt-preview{background:#201f29;border-left:1px solid #403648;flex-direction:column;gap:12px;padding:22px;display:flex;overflow-y:auto}.preview-title{justify-content:space-between;align-items:center;gap:6px;display:flex}.preview-title h3{color:#d9c9e9;font-size:15px;font-weight:500;line-height:1.6}.preview-title select{padding:4px;font-size:10px}.prompt-preview>code{color:#927d9e;word-break:break-all;font-size:9px}.prompt-preview>textarea{background:#282331;flex:1;width:100%;min-height:170px;padding:12px;font-size:11px;line-height:1.9}.preview-actions{flex-wrap:wrap;gap:7px;display:flex}.preview-actions .button{padding:0 9px;font-size:10px}.prompt-preview details{color:#ad94c2;font-size:11px}.prompt-preview .field{margin-top:10px}.prompt-preview .field input{padding:7px}.library-placeholder{text-align:center;color:#80698f;background:#201f29;border-left:1px solid #403648;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.library-placeholder h3{color:#bfa9d1;font-size:16px;font-weight:400}.library-placeholder p{color:#917d9f;font-size:11px;line-height:2}.agent-library{padding:23px 25px}.agent-cards{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.agent-cards article{background:#2b2735;border:1px solid #52435e;border-radius:11px;flex-direction:column;align-items:start;padding:18px;display:flex}.agent-avatar{color:#ccb0ec;background:#493650;border-radius:11px;margin-bottom:20px;padding:10px}.agent-cards .eyebrow{letter-spacing:.5px;font-size:8px}.agent-cards h3{margin-top:8px;font-size:17px;font-weight:500}.agent-cards p{color:#a692b5;margin-top:11px;font-size:11px;line-height:1.8}.agent-prompt{color:#b7a4c3;background:#23202b;border-radius:6px;flex:1;margin:16px 0;padding:12px;font-size:10px;line-height:1.8}.agent-library>.muted{margin-top:17px}.source-details{color:#bda7d0;margin-top:21px;font-size:11px}.source-details pre{white-space:pre-wrap;background:#1c1a22;max-height:300px;margin:15px 0;padding:17px;font:11px/1.9 Microsoft YaHei,sans-serif;overflow:auto}.project-cover{border-radius:9px;height:195px;margin:22px 25px 0;position:relative;overflow:hidden}.project-cover>img{object-fit:cover;object-position:center 34%;width:100%;height:100%}.project-cover:after{content:"";background:linear-gradient(90deg,#171b25ec,#171b2510);position:absolute;inset:0}.project-cover>div{z-index:1;position:absolute;top:24px;left:24px}.project-cover .eyebrow{color:#c2c6d8;font-size:8px}.project-cover h2{font:24px/1.6 var(--display);color:#efeff6;margin:12px 0}.project-cover span:last-child{color:#b7bbce;font-size:10px}.project-facts{border-bottom:1px solid #413746;justify-content:space-around;margin:20px 25px;padding-bottom:18px;display:flex}.project-facts>span{text-align:center;color:#9d88ac;flex-direction:column;gap:6px;font-size:10px;display:flex}.project-facts strong{color:#d2badf;font-size:22px;font-weight:400}.help-list{padding:24px 25px}.help-list article{gap:20px;margin-bottom:22px;display:flex}.help-list article:last-child{margin-bottom:0}.help-list article>span{color:#a38cbd;font:22px Georgia,serif}.help-list h3{color:#d6c5e2;font-size:13px;font-weight:500}.help-list p{color:#a898b4;margin-top:6px;font-size:11px;line-height:1.9}.shortcuts{color:#9e8cac;flex-wrap:wrap;align-items:center;gap:7px;padding:16px 25px 24px;font-size:9px;display:flex}kbd{color:#ccb7dc;background:#38303f;border:1px solid #5b476b;border-radius:4px;padding:4px 6px;font:10px DM Sans,sans-serif}.canvas-menu{z-index:90;width:286px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);color:var(--text);background:#24262e;border:1px solid #3b3d48;border-radius:15px;flex-direction:column;animation:.12s ease-out menu-appear;display:flex;position:fixed;overflow:hidden;box-shadow:0 16px 55px #0007,0 3px 8px #0005}@keyframes menu-appear{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.add-menu{max-height:min(640px,100dvh - 16px)}.add-menu:not(.detailed) .add-menu-item small{display:none}.menu-heading{color:var(--lavender);flex-shrink:0;align-items:center;gap:9px;padding:14px 15px 10px;display:flex}.menu-heading strong{color:var(--text);flex:1;font-size:13px;font-weight:500}.menu-heading button{color:var(--muted);border-radius:4px;place-items:center;padding:3px;display:grid}.menu-search{background:var(--canvas);border:1px solid var(--border);min-height:35px;color:var(--muted);border-radius:7px;flex-shrink:0;align-items:center;gap:8px;margin:0 10px 7px;padding:0 10px;display:flex}.menu-search:focus-within{border-color:#807398}.menu-search input{background:0 0;border:0;border-radius:0;width:100%;min-width:0;padding:7px 0;font-size:11px}.menu-scroll{overscroll-behavior:contain;min-height:0;padding:0 7px 6px;overflow-y:auto}.menu-section+.menu-section{border-top:1px solid var(--border);margin-top:5px;padding-top:4px}.menu-section h3{color:var(--muted);letter-spacing:.04em;margin:9px 9px 5px;font-size:10px;font-weight:400}.menu-resources{border-top:1px solid var(--border);flex-shrink:0;padding:0 7px 5px}.add-menu-item{text-align:left;color:#c4c0d2;border-radius:7px;align-items:center;gap:11px;width:100%;padding:9px;display:flex}.add-menu-item>span{flex:1;min-width:0}.add-menu-item strong{color:var(--text);font-size:12px;font-weight:500;display:block}.add-menu-item small{color:var(--muted);margin-top:3px;font-size:10px;display:block}.add-menu-item em{color:var(--mint);background:#2c3a3b;border-radius:3px;padding:2px 4px;font-size:9px;font-style:normal}.add-menu-item:hover,.add-menu-item:focus-visible,.context-menu-item:hover:not(:disabled),.context-menu-item:focus-visible{background:#34313f}.add-menu-item:focus-visible,.context-menu-item:focus-visible{outline-offset:-2px}.menu-footnote{border-top:1px solid var(--border);color:var(--muted);flex-shrink:0;justify-content:space-between;gap:7px;padding:10px 14px;font-size:9px;display:flex}.menu-footnote span{color:#757382}.menu-empty{color:var(--muted);padding:22px 12px;font-size:12px;line-height:1.8}.context-menu{width:248px;padding:6px;overflow-y:auto}.context-caption{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;padding:8px 10px;font-size:10px;overflow:hidden}.context-menu-item{text-align:left;border-radius:6px;flex-shrink:0;align-items:center;gap:10px;width:100%;min-height:38px;padding:9px 10px;font-size:12px;display:flex}.context-menu-item>svg{color:#aaa5bb}.context-menu-item>span{flex:1}.context-menu-item kbd{color:#827f90;background:0 0;border:0;padding:0;font-size:10px}.context-menu-item.danger:hover{color:#efa9a9;background:#483037}.context-menu-item.danger:hover svg{color:#efa9a9}.context-menu [role=separator]{background:var(--border);flex-shrink:0;height:1px;margin:5px 10px}.asset-picker{padding:16px 22px 22px}.asset-picker .menu-search{margin:0}.asset-picker-filters{flex-wrap:wrap;gap:5px;padding:12px 0;display:flex}.asset-picker-filters button{color:var(--muted);border-radius:6px;padding:5px 10px;font-size:11px}.asset-picker-filters .active{color:var(--lavender);background:#3a3348}.asset-picker-list{max-height:42dvh;margin-bottom:14px;overflow-y:auto}.asset-picker-list>button{text-align:left;border-radius:8px;align-items:center;gap:13px;width:100%;padding:9px;display:flex}.asset-picker-list>button:hover{background:var(--raised)}.asset-picker-list img,.asset-picker-icon{object-fit:cover;background:var(--canvas);border-radius:6px;width:52px;height:52px}.asset-picker-icon{color:var(--lavender);place-items:center;display:grid}.asset-picker-list button>span:not(.asset-picker-icon){flex:1}.asset-picker-list strong{font-size:12px;font-weight:500;display:block}.asset-picker-list small{color:var(--muted);margin-top:5px;font-size:10px;display:block}.node-media-empty{width:100%;color:var(--lavender);background:#272934;border-block:1px dashed #4a465a;flex-direction:column;align-items:center;gap:10px;padding:28px 12px;display:flex}.node-media-empty:hover{background:#32303e}.node-media-empty strong{font-size:12px;font-weight:500}.node-media-empty span{color:var(--muted);font-size:10px}@media (prefers-reduced-motion:reduce){.canvas-menu{animation:none}}.node-reference-summary{color:#aa96bc;align-items:start;gap:8px;font-size:10px;line-height:1.8;display:flex}.node-reference-summary svg{margin-top:2px}.asset-full-preview{object-fit:contain;border-radius:8px;max-width:calc(100% - 50px);max-height:47dvh;margin:20px auto 0;display:block}.asset-detail-tags{gap:6px;display:flex}.tag{color:#c6abd8;background:#3e3448;border-radius:4px;padding:4px 7px;font-size:9px}.tag.amber{color:#c9b581;white-space:nowrap;background:#3b352a;border:1px solid #63583e}.task-list{max-height:55dvh;padding:16px 25px;overflow:auto}.task-list article{border-bottom:1px solid #44394c;align-items:center;gap:12px;padding:15px 0;display:flex}.task-icon{color:#b59bc7;background:#3e314b;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.task-list article>div{flex:1}.task-list h3{font-size:12px;font-weight:400;line-height:1.7}.task-list p{color:#9f87af;margin-top:4px;font-size:9px}.shot-list{background:radial-gradient(at 0 0,#39304642,#0000 80%);height:100%;padding:35px 35px 530px;overflow:auto}.shot-list-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:35px;display:flex}.shot-list-heading h1{font-family:var(--display);margin:12px 0;font-size:25px;font-weight:400}.shot-list-heading p{color:#b5a0c4;font-size:10px}.shot-row{text-align:left;background:#2a2332;border:1px solid #4c4056;border-radius:10px;align-items:center;gap:18px;width:100%;margin-bottom:13px;padding:15px;display:flex}.shot-row>span:first-child{color:#a086b1;font:24px Georgia,serif}.shot-row>img{object-fit:cover;border-radius:5px;width:90px;height:68px}.shot-row>div{flex:1;min-width:0}.shot-row strong{font-size:13px;font-weight:500}.shot-row p{color:#a68fb6;white-space:nowrap;text-overflow:ellipsis;margin-top:7px;font-size:10px;overflow:hidden}.shot-row>span{color:#ad94bd;white-space:nowrap;font-size:10px}.toast{z-index:100;color:#392842;background:#e3d7ed;border:1px solid #fff7;border-radius:9px;align-items:center;gap:9px;width:max-content;max-width:calc(100vw - 30px);padding:11px 14px;font-size:11px;line-height:1.7;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 5px 25px #0005}.toast>button{color:#756080;margin-left:12px;padding:0;display:flex}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.text-preview{white-space:pre-wrap;max-height:45dvh;margin:20px 25px;font-family:inherit;line-height:1.9;overflow:auto}.boot-screen{color:#c5aadf;background:#201c28;flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100dvh;font-size:13px;display:flex}@media (width>=1750px){.asset-panel{width:290px}.asset-thumb{height:155px}.chat-panel{width:385px;height:560px;bottom:29px;right:28px}.chat-welcome{padding:8px}.chat-welcome h2{font-size:28px}.chat-welcome>p{font-size:12px}.chat-suggestions button{font-size:10px}.chat-composer>textarea{height:76px;font-size:12px}.chat-config select{font-size:10px}}@media (width<=1250px){.app-header{gap:11px;padding:0 16px}.brand strong span,.project-badge{display:none}.asset-panel{width:241px}.asset-thumb{height:112px}.asset-tabs button{padding:5px 6px}.chat-panel{width:326px;height:485px;bottom:22px;right:17px}.chat-welcome h2{font-size:21px}.canvas-hint{display:none}.save-status{font-size:9px}.workspace-footer>span:last-child{display:none}.canvas-topbar{padding:0 17px}.chat-config select{font-size:7px}.chat-header{gap:7px;padding:0 12px}}@media (width<=1000px){.save-status{display:none}.brand strong{font-size:17px}.project-name{gap:7px;font-size:11px}.asset-panel{width:220px}.asset-grid{gap:12px 8px;padding-left:13px;padding-right:13px}.asset-thumb{height:105px}.asset-list-header{font-size:8px}.asset-panel-bottom{padding:10px 12px 0}.canvas-breadcrumb{gap:5px;font-size:9px}.canvas-breadcrumb strong,.canvas-breadcrumb button{font-size:10px}.canvas-draft{display:none}.canvas-section-label{gap:7px;font-size:9px}.canvas-section-label .eyebrow{font-size:7px}.chat-panel{width:304px;height:458px}.chat-welcome h2{font-size:20px}.chat-welcome>p{font-size:9px}.chat-welcome .eyebrow{margin-bottom:8px}.chat-messages{padding:17px 15px 8px}.chat-header .demo-badge{display:none}.library-layout{grid-template-columns:45% 55%}.prompt-preview{padding:15px}.agent-cards{gap:8px}.agent-cards article{padding:13px}.agent-cards h3{font-size:14px}.shot-list{padding:25px 20px 530px}.shot-list-heading{flex-direction:column;align-items:start}.shot-list-heading h1{font-size:20px}.shot-row{gap:12px}.shot-row>img{width:60px;height:60px}}@media (width<=760px){.studio-app{min-height:500px}.app-header{gap:10px;height:57px;padding:0 12px}.brand-symbol{width:29px;height:29px;font-size:22px}.brand strong{letter-spacing:1px;font-size:17px}.header-divider{height:20px;margin:0}.project-name{max-width:210px}.project-name span{white-space:nowrap;text-overflow:ellipsis;max-width:150px;overflow:hidden}.app-header>.task-button,.avatar{display:none}.app-header>.button.primary{height:31px;padding:0 9px;font-size:10px}.app-rail{scrollbar-width:none;gap:4px;width:49px;padding-top:13px;overflow-y:auto}.app-rail .icon-button{width:44px;height:44px}.app-rail .mobile-task-button{display:inline-flex;position:relative}.app-rail::-webkit-scrollbar{display:none}.app-rail .icon-button.active:before{left:-8px}.asset-panel{z-index:12;width:250px;position:absolute;top:57px;bottom:0;left:49px;box-shadow:10px 0 40px #0005}.asset-thumb{height:125px}.canvas-topbar{height:49px;padding:0 10px}.canvas-breadcrumb{gap:7px}.view-switch button{padding:0 7px;font-size:9px}.view-switch{padding:2px}.view-switch svg{width:12px}.canvas-section-label{top:22px;left:18px}.canvas-toolbar{top:62px;left:12px}.chat-panel{width:300px;max-height:calc(100% - 85px);bottom:63px;right:12px}.chat-panel.expanded{width:calc(100% - 24px);height:calc(100% - 80px)}.chat-launcher{padding:10px 12px;bottom:63px;right:12px}.canvas-bottom-tools{bottom:18px;left:12px}.workspace-footer{gap:14px;padding:0 12px;font-size:8px}.selection-actions{top:14px;left:auto;right:12px;transform:none}.selection-actions>span,.canvas-breadcrumb>svg:first-child{display:none}.modal.wide{width:calc(100vw - 20px)}.modal-heading{padding:19px}.modal-heading h2{font-size:17px}.modal-heading p{font-size:10px}.library-tabs{gap:12px;padding:0 17px}.library-tabs button{gap:5px;font-size:10px}.library-tabs button span{font-size:8px}.library-search{padding:13px 17px}.library-search select{max-width:100px}.library-layout{grid-template-columns:1fr;height:58dvh}.library-layout.has-preview{grid-template-columns:1fr}.library-layout.has-preview .library-results{border-bottom:1px solid #4e3c5d;max-height:160px}.library-placeholder{display:none}.library-layout.has-preview .prompt-preview{border:0;min-height:350px;overflow:visible}.library-layout.has-preview{display:block;overflow:auto}.preview-title h3{font-size:13px}.agent-cards{grid-template-columns:1fr}.agent-library{max-height:65dvh;padding:20px;overflow:auto}.agent-cards article{padding:17px}.agent-avatar{margin-bottom:10px}.agent-prompt{margin:10px 0}.library-results{padding:8px 14px}.chat-config select{font-size:7px}.shot-row>span:last-of-type{display:none}.shot-list-heading h1{font-size:18px}.shot-row>img{display:none}.shot-list{padding:25px 15px 500px}}@media (width<=480px){.brand strong{display:none}.project-name{max-width:170px}.project-name span{max-width:135px;font-size:10px}.app-header>.button.primary span{display:none}.app-header>.button.primary{width:31px;padding:0}.canvas-breadcrumb strong,.canvas-breadcrumb>.canvas-draft{display:none}.canvas-topbar{gap:5px}.chat-panel{width:calc(100% - 24px);max-width:325px}.canvas-section-label>span:last-child{display:none}.library-tabs{gap:9px}.library-tabs button{font-size:9px}.library-tabs button span{display:none}.agent-library>.muted{font-size:9px}.project-cover h2{font-size:21px}.modal>.modal-actions{margin-left:18px;margin-right:18px}.modal-actions .button{font-size:10px}.shortcuts{gap:5px;font-size:8px}.workspace-footer>span:nth-child(2){margin-left:auto;font-size:7px}.task-list article{flex-wrap:wrap}.toast{font-size:10px}.chat-config select{font-size:7px}}.node-character .node-image>img,.asset-character .asset-thumb>img{object-position:center 6%}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.migration-dialog{max-height:calc(90dvh - 93px);padding:20px 25px 25px;overflow:hidden auto}.migration-mode-notice,.migration-account-row,.migration-section-heading,.migration-complete,.migration-upload-errors li{align-items:center;display:flex}.migration-mode-notice{color:var(--mint);background:#283133;border:1px solid #3c4a49;border-radius:8px;gap:12px;padding:13px 15px}.migration-mode-notice p{min-width:0}.migration-mode-notice strong,.migration-mode-notice span{display:block}.migration-mode-notice strong{color:#deebe5;font-size:12px;font-weight:600}.migration-mode-notice span{color:#a7bcb6;margin-top:3px;font-size:11px;line-height:1.6}.migration-session-required{border:1px solid var(--border);background:#20222a;border-radius:8px;justify-content:center;align-items:center;gap:16px;width:min(440px,100%);min-height:230px;margin:24px auto 5px;padding:22px;display:flex}.migration-session-required>svg,.migration-session-required>div>span{color:var(--mint)}.migration-session-required>div{max-width:320px}.migration-session-required>div>span{text-transform:uppercase;font-size:10px}.migration-session-required h3{margin-top:5px;font-size:17px}.migration-session-required p{color:var(--muted);margin-top:8px;font-size:11px;line-height:1.75}.migration-section-heading{justify-content:space-between;gap:18px}.migration-section-heading>div{min-width:0}.migration-section-heading>div>span{color:var(--lavender);text-transform:uppercase;font-size:10px}.migration-section-heading h3{margin-top:5px;font-size:16px;font-weight:600;line-height:1.45}.migration-section-heading p{color:var(--muted);margin-top:6px;font-size:11px;line-height:1.65}.migration-workflow{gap:18px;margin-top:18px;display:grid}.migration-account-row{justify-content:space-between;gap:16px;padding:0 2px}.migration-account-row>div{grid-template-columns:auto auto;align-items:baseline;gap:4px 8px;min-width:0;display:grid}.migration-account-row span,.migration-account-row small{color:var(--muted);font-size:10px}.migration-account-row strong{overflow-wrap:anywhere;font-size:12px}.migration-account-row small{overflow-wrap:anywhere;grid-column:2}.migration-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.migration-steps li{border:1px solid var(--border);color:#777684;border-radius:7px;align-items:center;gap:8px;min-width:0;min-height:44px;padding:8px 10px;font-size:10px;display:flex}.migration-steps li>span{background:#30323b;border-radius:50%;flex:0 0 23px;place-items:center;width:23px;height:23px;display:grid}.migration-steps li.active{color:#d6cfdf;border-color:#73668c}.migration-steps li.done{color:#b9d3ca;border-color:#405a53}.migration-steps li.done>span{color:#182520;background:var(--mint)}.migration-backup,.migration-preview,.migration-upload,.migration-report{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#202129;padding:17px}.migration-backup .button,.migration-upload .button{flex-shrink:0;min-height:44px}.migration-preview-action,.migration-commit-bar{justify-content:flex-end;align-items:center;gap:18px;display:flex}.migration-preview-action p,.migration-commit-bar p{color:var(--muted);flex:1;font-size:11px;line-height:1.7}.migration-preview-action .button,.migration-commit-bar .button{flex-shrink:0;min-height:44px}.migration-stats{border:1px solid var(--border);background:var(--border);border-radius:7px;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:15px 0 0;display:grid;overflow:hidden}.migration-stats>div{background:#272932;padding:13px}.migration-stats dt{color:var(--muted);font-size:10px}.migration-stats dd{font-variant-numeric:tabular-nums;margin:5px 0 0;font-size:20px}.migration-progress{color:var(--muted);font-variant-numeric:tabular-nums;grid-template-columns:minmax(120px,1fr) auto;align-items:center;gap:12px;margin-top:15px;font-size:10px;display:grid}.migration-progress progress{width:100%;height:7px;accent-color:var(--mint)}.migration-upload-errors{gap:7px;margin:0;padding:0;list-style:none;display:grid}.migration-upload-errors li{color:#efb8b2;background:#322526;border:1px solid #654949;border-radius:7px;align-items:flex-start;gap:9px;padding:11px 13px}.migration-upload-errors strong,.migration-upload-errors span{display:block}.migration-upload-errors span{overflow-wrap:anywhere;min-width:0;font-size:10px;line-height:1.6}.migration-upload-errors strong{color:#f2d3cf;margin-bottom:2px;font-size:11px}.migration-report-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.migration-report details{border:1px solid var(--border);background:#272932;border-radius:7px;min-width:0}.migration-report summary{cursor:pointer;color:#d0cbd8;justify-content:space-between;align-items:center;gap:10px;min-height:44px;padding:8px 12px;display:flex}.migration-report summary span{color:#cac3d4;text-align:center;font-variant-numeric:tabular-nums;background:#383a45;border-radius:4px;min-width:22px;padding:2px 5px;font-size:10px}.migration-report ul{max-height:150px;margin:0;padding:0 12px 10px;list-style:none;overflow-y:auto}.migration-report li{overflow-wrap:anywhere;border-top:1px solid #383a44;gap:3px;padding:8px 0;font-size:10px;display:grid}.migration-report li span,.migration-report details>p{color:var(--muted)}.migration-report details>p{padding:0 12px 12px;font-size:10px}.migration-error{color:#f4c4bd;overflow-wrap:anywhere;background:#342627;border:1px solid #6b4a4a;border-radius:7px;align-items:flex-start;gap:9px;margin-top:16px;padding:12px 14px;font-size:11px;line-height:1.65;display:flex}.migration-complete{justify-content:center;gap:18px;min-height:310px;padding:30px}.migration-complete-view{gap:18px;display:grid}.migration-complete>svg{color:var(--mint)}.migration-complete>div{max-width:510px}.migration-complete span{color:var(--mint);font-size:10px}.migration-complete h3{margin-top:5px;font-size:20px}.migration-complete p{color:var(--muted);margin-top:8px;line-height:1.75}.migration-complete .button{flex-shrink:0;min-height:44px}.spin{animation:.9s linear infinite migration-spin}@keyframes migration-spin{to{transform:rotate(360deg)}}@media (width<=600px){.migration-dialog{padding:14px}.migration-session-required{padding:16px}.migration-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.migration-section-heading,.migration-preview-action,.migration-commit-bar,.migration-complete{flex-direction:column;align-items:stretch}.migration-backup .button,.migration-upload .button,.migration-preview-action .button,.migration-commit-bar .button,.migration-complete .button{width:100%}.migration-stats,.migration-report-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.migration-progress{grid-template-columns:1fr}.migration-complete{padding:26px 8px}}@media (width<=380px){.migration-account-row{align-items:flex-start}.migration-account-row>div{grid-template-columns:1fr}.migration-account-row small{grid-column:1}}@media (prefers-reduced-motion:reduce){.spin{animation:none}}
