.cv-root{position:fixed;inset:0;background:#f7f7f7;color:#717171;font-size:14px;overflow:hidden;background-image:radial-gradient(#e9e9e9 .8px,transparent .8px);background-size:16px 16px}.cv-root button{color:inherit}.cv-root svg{width:18px;height:18px}.cv-root input,.cv-root textarea{border:0;outline:0;background:transparent;font:inherit;resize:none}.cv-root button{display:inline-flex;align-items:center;justify-content:center;border-radius:8px}.cv-root button:hover{background:#eee}.cv-root button:disabled{opacity:.35}.cv-root #cv-surface{position:absolute;inset:0;outline:none;touch-action:none}.cv-root #cv-surface.hand{cursor:grab}.cv-root #cv-world{position:absolute;inset:0;transform-origin:0 0}.cv-project,.cv-right-head,.cv-tools,.cv-view-tools{position:absolute;display:flex;align-items:center;background:#fcfcfcdd;backdrop-filter:blur(8px);box-shadow:0 4px 18px #00000008;border:1px solid #e6e6e6;border-radius:12px;z-index:20}.cv-project{top:12px;left:16px;height:40px;gap:8px;padding:4px 8px;max-width:360px}.cv-project button{gap:8px;width:46px;height:30px;border-right:1px solid #e6e6e6;border-radius:0}.cv-project img{width:16px;height:24px;object-fit:cover}.cv-project input{width:160px;color:#292929}.cv-project #cv-save{font-size:10px;color:#9a9a9a}.cv-right-head{right:16px;top:12px;gap:12px;padding:4px 10px;height:44px;font-size:12px;color:#3c414b}.cv-right-head a{border-right:1px solid #ddd;padding-right:12px}.cv-right-head button{height:32px;padding:0 4px}.cv-tools{left:16px;top:50%;transform:translateY(-10%);flex-direction:column;width:56px;padding:8px;gap:4px}.cv-tools button{width:40px;min-height:38px;flex-direction:column;font-size:19px;gap:4px}.cv-tools button small{font-size:10px}.cv-tools button:nth-child(1){border-bottom:1px solid #eee;margin-bottom:4px;border-radius:0}.cv-tools button[aria-pressed=true]{box-shadow:0 3px 10px #00000010;background:#fff}.cv-tools button:last-child{border-top:1px solid #eee;border-radius:0}.cv-view-tools{bottom:12px;left:12px;padding:5px 6px;gap:4px;height:42px}.cv-view-tools button{height:30px;min-width:28px;padding:0 7px}.cv-view-tools button:nth-child(3){border-left:1px solid #eee}.cv-view-tools button[data-cv=zoom]{font-weight:600;color:#444;min-width:44px}.cv-node{position:absolute;z-index:3;user-select:none}.cv-node-title{position:absolute;top:-28px;width:100%;height:24px;display:flex;align-items:center;gap:5px;cursor:move}.cv-node-title input{min-width:0;width:100%;font-size:14px}.cv-node-title button{opacity:0;flex-shrink:0;width:24px}.cv-node:hover .cv-node-title button,.cv-node.selected .cv-node-title button{opacity:1}.cv-node-body{position:relative;border-radius:10px;background:#fcfcfc;border:1px solid #ececec;box-shadow:0 1px 3px #00000003;display:flex;align-items:center;justify-content:center}.cv-node.selected .cv-node-body{border-color:#c5c9d1;box-shadow:0 0 0 1px #d9dde4}.cv-node-body textarea{padding:12px;align-self:stretch;width:100%;font-size:14px;line-height:24px;color:#454545;user-select:text}.cv-node-body>img,.cv-node-body>video{width:100%;height:100%;object-fit:contain;border-radius:10px}.cv-node-body>audio{width:calc(100% - 24px)}.cv-empty-media{flex-direction:column;gap:12px;width:100%;height:100%;color:#a1a1a1!important}.cv-node-body .cv-port{position:absolute;width:24px;height:24px;padding:0;background:#fff;border:1px solid #ddd;border-radius:50%;top:calc(50% - 12px);opacity:0;z-index:8;cursor:crosshair}.cv-node:hover .cv-port,.cv-node.selected .cv-port{opacity:1}.cv-port.target{left:-12px}.cv-port.source{right:-12px}.cv-port:after{content:'';width:6px;height:6px;border-radius:50%;background:#aaa}.cv-lines{position:absolute!important;width:15000px!important;height:15000px!important;overflow:visible;pointer-events:none}.cv-lines path{fill:none;stroke:#b7bcc5;stroke-width:2;pointer-events:stroke;cursor:pointer}.cv-lines path:hover{stroke:#ef4444;stroke-width:4}.cv-lines #cv-connecting{stroke:#8a9dbb;stroke-dasharray:4;pointer-events:none}.cv-node-controls{display:flex;align-items:center;gap:8px;padding:6px 0}.cv-node-controls small{flex:1;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cv-node-controls button{font-size:11px;padding:3px 8px}.cv-inspector{position:absolute;top:calc(100% + 20px);width:100%;padding:8px;background:#fff;border:1px solid #e4e4e4;border-radius:12px;box-shadow:0 5px 20px #00000008;z-index:4}.cv-inspector .flex button{height:24px;padding:0 5px;font-size:12px}.cv-inspector textarea{margin-top:8px;height:80px;width:100%;font-size:13px;line-height:20px;padding:4px;user-select:text}.cv-inspector.expanded textarea{height:180px}.cv-inspector footer{display:flex;align-items:center;height:28px}.cv-inspector footer small{font-size:10px}.cv-inspector footer button{height:26px;min-width:26px;background:#f2f2f2;margin-left:4px}.cv-node-resize{position:absolute;right:-4px;bottom:-4px;width:10px;height:10px;border:1px solid #aeb6c3;border-radius:2px;background:#fff;cursor:nwse-resize;z-index:7}.cv-node-job{position:absolute;bottom:6px;left:6px;max-width:95%;font-size:11px;background:#fffffff0;border:1px solid #eee;border-radius:6px;padding:5px}.cv-node-job.failed{color:#b91c1c}.cv-node-job button{margin-left:8px}.cv-menu-row{display:block;width:100%;padding:10px;text-align:left}.cv-menu-row:hover{background:#f3f3f3}.cv-minimap{position:absolute;left:12px;bottom:66px;width:220px;height:160px;overflow:hidden;background:#fff;border:1px solid #ddd;border-radius:10px;z-index:20}.cv-minimap button{position:absolute;background:#e4e7ec;border:1px solid #ccd0d7;border-radius:2px}.cv-history-list{display:grid;gap:6px;max-height:50vh;overflow:auto}.cv-history-list button{padding:12px;border:1px solid #eee;border-radius:8px;text-align:left}.cv-history-list span{display:block;font-size:12px;color:#999;margin-top:5px}.cv-expanded-media img,.cv-expanded-media video{max-width:100%;max-height:65vh}.cv-chat{position:absolute;right:16px;top:68px;bottom:16px;width:340px;border:1px solid #e7e7e7;border-radius:14px;background:#fff;z-index:25;display:flex;flex-direction:column;padding:12px;gap:10px}.cv-chat header{display:flex;justify-content:space-between}.cv-chat #cv-chat-output{flex:1;overflow:auto;white-space:pre-wrap;line-height:1.8}.cv-chat textarea{height:120px;border:1px solid #eee;border-radius:8px;padding:12px}.cv-chat>button{height:36px;background:#222;color:#fff}.cv-group{position:absolute;border:1px solid #d9d9df;background:#d6d6e614;border-radius:16px;z-index:1;pointer-events:none}.cv-group span{position:absolute;top:-25px}.cv-trash{margin:30px 48px}.cv-trash button{display:block;padding:10px}#cv-select-box{display:none;position:fixed;pointer-events:none;background:#8aa7d922;border:1px solid #8aa7d9;z-index:9}
.cv-sidepanel{position:absolute;right:16px;top:68px;bottom:16px;width:380px;background:#fcfcfc;border:1px solid #e7e7e7;border-radius:12px;box-shadow:0 8px 30px #0001;z-index:20;overflow:auto}.cv-sidepanel>header{display:flex;align-items:center;gap:8px;font-weight:600;padding:12px;border-bottom:1px solid #eee;height:48px}.cv-sidepanel>header button{min-width:24px;height:24px}.cv-sidepanel>header small{font-size:11px;font-weight:400}.cv-sidepanel>nav{display:flex;gap:8px;padding:12px}.cv-sidepanel>nav button{font-size:12px;padding:7px 12px}.cv-sidepanel button.active{background:#ececec}.cv-history-assets{display:grid;gap:10px;padding:12px}.cv-history-assets>button{min-width:0;display:block;overflow:hidden;border:1px solid #eee;padding:6px}.cv-history-assets img,.cv-history-assets video{width:100%;height:100px;object-fit:cover}.cv-history-assets small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px}.cv-template-panel>header{justify-content:space-between}
.cv-tools{transform:translateY(-50%);color:#8a929e;gap:4px}.cv-tools button{font-weight:400}.cv-tools svg{width:18px;height:18px}.cv-root{background-image:radial-gradient(#e5e5e5 .6px,transparent .6px);background-size:16px 16px}.cv-view-tools svg{width:14px;height:14px}.cv-node-title .icon{width:16px;height:16px}.cv-minimap{z-index:19}
.cv-group-title{position:absolute;top:-30px;left:0;pointer-events:auto;font-size:12px;padding:3px 6px;background:#f4f4f7;color:#89909b}
body[data-page=canvasEditor]{height:100vh;overflow:hidden}
.cv-empty-hint{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);background:#ffffffbb;color:#99a0aa;padding:12px 22px;border-radius:30px;box-shadow:0 3px 14px #00000008;border:1px solid #e3e5e8;font-size:13px}