.prompt-field{position:relative}.mention-menu{position:absolute;z-index:10;left:0;right:0;top:100%;margin-top:-8px;padding:6px;border:1px solid #464d61;border-radius:8px;background:#242833;box-shadow:0 12px 28px #0009}.mention-menu small{display:block;padding:5px 6px 7px;color:#8992a6;font-size:10px}.mention-menu button{display:flex;width:100%;align-items:center;gap:6px;border:0;border-radius:5px;background:transparent;color:#eef0f8;padding:7px;text-align:left;cursor:pointer;font-size:11px}.mention-menu button:hover{background:#353a49}.mention-menu button span{color:#65d4ef}.mention-hint{margin:8px 0 13px;color:#7c8599;font-size:10px;line-height:1.45}.mention-hint b{color:#9b89ff}.reference-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.reference-chips button{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid #3c4354;border-radius:5px;background:#262a36;color:#b9c2d5;padding:4px 6px;cursor:pointer;font-size:10px}.reference-chips button:hover{border-color:#8978eb;color:#eeeaff}.debug-dock{position:fixed;right:330px;bottom:17px;z-index:30}.debug-toggle{border:1px solid #3c4355;border-radius:8px;background:#20242f;color:#dfe4ef;padding:8px 11px;box-shadow:0 8px 25px #0007;cursor:pointer;font-size:12px}.debug-toggle span{display:inline-grid;min-width:16px;place-items:center;margin-left:5px;border-radius:9px;background:#705de1;color:#fff;font-size:10px}.debug-panel{position:absolute;right:0;bottom:42px;width:min(600px,calc(100vw - 28px));height:min(560px,calc(100vh - 100px));display:flex;flex-direction:column;overflow:hidden;border:1px solid #42495c;border-radius:11px;background:#161923;color:#e8ebf2;box-shadow:0 20px 60px #000b}.debug-panel header{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid #33394a;background:#1d212c}.debug-panel header strong,.debug-panel header small{display:block}.debug-panel header strong{font-size:13px}.debug-panel header small{margin-top:3px;color:#8b94a8;font-size:10px}.debug-panel header button{border:0;border-radius:5px;background:#303644;color:#d6dbe7;padding:5px 7px;margin-left:5px;cursor:pointer;font-size:11px}.debug-filter{display:flex;align-items:center;gap:7px;padding:8px 10px;border-bottom:1px solid #303646;background:#191d27}.debug-filter input{flex:1;min-width:0;border:1px solid #3b4355;border-radius:6px;outline:0;background:#11141c;color:#e8ebf2;padding:7px 8px;font-size:11px}.debug-filter input:focus{border-color:#8271ea;box-shadow:0 0 0 2px #8271ea22}.debug-filter button{border:0;border-radius:5px;background:#303644;color:#d6dbe7;padding:5px 7px;cursor:pointer;font-size:10px}.debug-filter small{flex:none;color:#8b94a8;font-size:10px;white-space:nowrap}.debug-list{flex:1;overflow:auto;padding:9px}.debug-list>p{color:#8790a5;text-align:center;font-size:12px;padding:40px 15px}.debug-list article{margin:0 0 9px;border:1px solid #353b4c;border-radius:8px;background:#1d202a;padding:9px}.debug-list article.error{border-color:#9d5564}.debug-entry-head{display:flex;align-items:center;gap:8px}.debug-entry-head b{flex:1;color:#c9c0ff;font-size:11px}.debug-entry-head span{color:#69d8a7;font-size:10px}.debug-list article.error .debug-entry-head span{color:#ff7f90}.debug-entry-head button{border:0;background:#333947;border-radius:4px;color:#d8dce7;padding:3px 6px;cursor:pointer;font-size:10px}.debug-list time{display:block;margin:4px 0 6px;color:#788197;font-size:10px}.debug-list details{margin-top:6px}.debug-list summary{color:#aeb6c7;cursor:pointer;font-size:11px}.debug-list pre{max-height:190px;overflow:auto;margin:6px 0 0;padding:8px;border-radius:5px;background:#101218;color:#b9efcf;font:10px/1.45 ui-monospace,Consolas,monospace;white-space:pre-wrap;word-break:break-word}.debug-list .debug-error{color:#ff9aa8}@media (max-width:900px){.debug-dock{right:295px}}.upload-overlay{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#080a0f8a;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.upload-card{display:grid;justify-items:center;width:245px;padding:25px 20px 22px;border:1px solid #514c73;border-radius:14px;background:#1b1e29;box-shadow:0 22px 65px #000b}.upload-card strong{margin-top:13px;font-size:14px}.upload-card span{margin-top:6px;color:#929bad;text-align:center;font-size:11px;line-height:1.45}.upload-orbit{position:relative;width:46px;height:46px;animation:upload-spin 1.25s linear infinite}.upload-orbit i{position:absolute;width:12px;height:12px;border-radius:50%;background:#9279ff;box-shadow:0 0 14px #826aff}.upload-orbit i:nth-child(1){left:17px;top:0}.upload-orbit i:nth-child(2){right:0;bottom:6px;background:#55d8ed}.upload-orbit i:nth-child(3){left:0;bottom:6px;background:#ba79ff}@keyframes upload-spin{to{transform:rotate(360deg)}}.react-flow__edge.selected path,.react-flow__edge:focus path{stroke:#ffca70!important;stroke-width:3px!important;filter:drop-shadow(0 0 4px #e9aa4f)}.react-flow__edge.selected:after{content:"已选中 · 按 Del 删除"}.saved-canvases{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;margin-top:18px;padding:18px 0 0;border-top:1px solid #2b2e3b}.saved-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;color:#eceef5;font-size:13px;font-weight:700}.saved-title button{width:30px;height:23px;border:1px solid #3b4150;border-radius:6px;background:#242833;color:#d8dced;cursor:pointer;font-size:16px;line-height:16px}.saved-title button:hover{border-color:#8b78eb;color:#fff}.canvas-list{display:grid;flex:1 1 auto;min-height:0;align-content:start;grid-auto-rows:min-content;gap:4px;overflow:auto;padding:0 2px 8px 0}.canvas-list button{display:flex;width:100%;align-items:center;gap:7px;overflow:hidden;border:1px solid transparent;border-radius:7px;background:transparent;color:#adb5c5;padding:8px 7px;text-align:left;cursor:pointer;font-size:11px}.canvas-list button:hover{background:#20232d;color:#edf0f7}.canvas-list button.active{border-color:#6155a5;background:#292443;color:#f1edff}.canvas-list i{color:#9682ff;font-style:normal;font-size:13px}.canvas-list span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-empty{display:block;padding:10px 4px;color:#7e879a;font-size:11px}@media (max-width:900px){.saved-canvases{display:none}}.canvas-item{display:flex;align-items:center;gap:1px;border:1px solid transparent;border-radius:7px}.canvas-item:hover{background:#20232d}.canvas-item.active{border-color:#6155a5;background:#292443}.canvas-list .canvas-open{flex:1;min-width:0;margin:0;border:0;background:transparent}.canvas-list .canvas-item.active .canvas-open{color:#f1edff}.canvas-list .canvas-edit,.canvas-list .canvas-delete{display:none;width:20px;min-width:20px;margin:0;border:0;background:transparent;color:#9ca5b8;padding:4px 0;text-align:center}.canvas-item:hover .canvas-edit,.canvas-item:hover .canvas-delete{display:block}.canvas-list .canvas-edit:hover{color:#fff}.canvas-list .canvas-delete:hover{color:#ff8091}.canvas-title-actions{display:flex;gap:4px}.canvas-import-input{display:none}.canvas-list .canvas-export{display:none;width:20px;min-width:20px;margin:0;border:0;background:transparent;color:#9ca5b8;padding:4px 0;text-align:center}.canvas-item:hover .canvas-export{display:block}.canvas-list .canvas-export:hover{color:#b7a9ff}.resource-library{position:fixed;z-index:36;top:76px;right:332px}.frameflow-right-panel-collapsed .resource-library{right:52px}.top-actions>button:not(.primary){display:none}.resource-toggle{box-sizing:border-box;display:flex;align-items:center;min-height:38px;gap:8px;border:1px solid #3a3f57;border-radius:9px;padding:9px 12px;color:#eff1fb;background:#1b1d29;font:600 13px/1 inherit;white-space:nowrap;box-shadow:0 10px 28px #00000038;cursor:pointer}.resource-toggle span{min-width:17px;padding:1px 5px;border-radius:999px;color:#10121a;background:#6de0fd;font-size:11px;text-align:center}.canvas-fit-floating{position:fixed;z-index:36;top:76px;right:470px;border:1px solid #3a3f57;border-radius:9px;padding:9px 12px;color:#eff1fb;background:#1b1d29;font:600 13px/1 inherit;box-shadow:0 10px 28px #00000038;cursor:pointer}.canvas-fit-floating:hover{border-color:#62d4f2;color:#fff}.frameflow-right-panel-collapsed .canvas-fit-floating{right:190px}.resource-panel{position:absolute;top:42px;right:0;box-sizing:border-box;display:flex;flex-direction:column;width:min(480px,calc(100vw - 28px));height:640px;max-height:calc(100vh - 105px);overflow:hidden;border:1px solid #3b4056;border-radius:12px;background:#191b27;color:#f1f3fb;box-shadow:0 24px 70px #00000075}.resource-panel header{flex:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 15px 12px;border-bottom:1px solid #32364a}.resource-panel header strong,.resource-panel header small{display:block}.resource-panel header strong{font-size:14px}.resource-panel header small{margin-top:4px;color:#9299b5;font-size:11px}.resource-panel header>button{box-sizing:border-box;display:grid;flex:0 0 26px;width:26px;height:26px;place-items:center;padding:0;border:1px solid transparent;border-radius:7px;color:#aeb5ce;background:transparent;font-size:20px;line-height:1;cursor:pointer}.resource-panel header>button:hover{border-color:#414861;color:#fff;background:#252938}.resource-grid{display:grid;flex:1 1 0;min-height:0;align-content:start;grid-auto-rows:max-content;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:12px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable}.resource-grid>p{grid-column:1 / -1;margin:24px 4px;color:#8d94b0;font-size:13px;text-align:center}.resource-grid article{position:relative;align-self:start;min-width:0;overflow:hidden;border:1px solid #363b52;border-radius:8px;background:#242737}.resource-use{display:block;width:100%;padding:0;border:0;color:#e9ecf7;background:transparent;text-align:left;cursor:pointer}.resource-use img,.resource-use video{display:block;width:100%;height:94px;background:#10121b;object-fit:cover}.resource-use .resource-text-preview{display:grid;width:100%;height:94px;place-items:center;padding:0;color:#b9dcff;background:linear-gradient(135deg,#17283a,#22203f);font-size:34px;font-weight:800}.resource-use .resource-audio-preview{display:block;box-sizing:border-box;width:100%;height:46px;margin:24px 0;padding:0 6px}.resource-use span{display:block;overflow:hidden;padding:7px 8px;font-size:11px;white-space:nowrap;text-overflow:ellipsis}.resource-remove,.resource-rename{box-sizing:border-box;display:grid;width:24px;height:24px;place-items:center;padding:0;border:1px solid rgba(171,181,211,.28);border-radius:50%;color:#fff;background:#0a0c14d6;line-height:1;cursor:pointer}.resource-remove{position:absolute;top:5px;right:5px;font-size:16px}.resource-remove:hover{border-color:#ff7d96;color:#fff;background:#a83952}.resource-grid article:hover{border-color:#65d7f4}.media-preview{position:fixed;z-index:120;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:22px;background:#05070dd6}.media-preview section{position:relative;display:flex;flex-direction:column;max-width:min(1100px,94vw);max-height:94vh;overflow:hidden;border:1px solid #464d69;border-radius:12px;background:#171a27;box-shadow:0 26px 90px #000000a3}.media-preview header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 14px;color:#eef1fb;font-size:13px}.media-preview header button{border:0;color:#eef1fb;background:transparent;font-size:24px;line-height:1;cursor:pointer}.media-preview img,.media-preview video{display:block;max-width:min(1100px,94vw);max-height:calc(94vh - 46px);object-fit:contain;background:#080a10}.media-preview img{cursor:zoom-in;transition:transform .08s ease-out}.media-preview section[data-zoom]:not([data-zoom="1"]) img{cursor:zoom-out}.media-preview section[data-zoom]:not([data-zoom="1"]) img.dragging{cursor:grabbing;transition:none}.media-preview section[data-zoom]:after{content:"滚轮缩放 · " attr(data-zoom) "%";position:absolute;right:12px;bottom:10px;z-index:1;padding:5px 8px;border-radius:6px;color:#dfe8ff;background:#05070db8;font-size:11px;pointer-events:none}@media (max-width: 900px){.resource-library{right:16px;top:70px}.canvas-fit-floating{top:70px;right:128px}.resource-panel{width:min(400px,calc(100vw - 28px))}}.config-library{position:relative;z-index:38}.config-toggle{border:1px solid #3d425a;border-radius:9px;padding:9px 12px;color:#eff1fb;background:#1b1d29;font:600 13px/1 inherit;box-shadow:0 10px 28px #00000038;cursor:pointer}.config-panel{position:absolute;top:42px;right:0;width:min(350px,calc(100vw - 28px));overflow:hidden;border:1px solid #3b4056;border-radius:12px;color:#edf0fa;background:#191b27;box-shadow:0 24px 70px #00000075}.config-panel header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 15px 12px;border-bottom:1px solid #32364a}.config-panel header strong,.config-panel header small{display:block}.config-panel header strong{font-size:14px}.config-panel header small{margin-top:4px;color:#9299b5;font-size:11px;line-height:1.45}.config-panel header>button{border:0;color:#aeb5ce;background:transparent;font-size:22px;line-height:1;cursor:pointer}.config-panel form{padding:14px}.multi-provider-config{width:min(430px,calc(100vw - 28px));max-height:calc(100vh - 100px);overflow-y:auto}.multi-provider-config fieldset{margin:0 0 13px;padding:11px 11px 8px;border:1px solid #383f57;border-radius:8px}.multi-provider-config legend{padding:0 5px;color:#82dcf5;font-size:12px;font-weight:700}.multi-provider-config fieldset .config-test{margin:-2px 0 4px}.multi-provider-config .config-actions{grid-template-columns:1fr}.provider-group{margin:0 0 10px;overflow:hidden;border:1px solid #383f57;border-radius:8px;background:#1e212e}.provider-group summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 11px;color:#e9efff;font-size:13px;font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none}.provider-group summary::marker{color:#78dff7}.provider-group summary small{color:#8a96b8;font-weight:500}.provider-group>div{padding:11px 11px 4px;border-top:1px solid #363d54;background:#1a1d29}.provider-group .config-test{margin:-2px 0 6px}.config-panel label{display:block;margin-bottom:0;color:#bec4d7;font-size:12px}.config-panel label>small{float:right;color:#7f89aa;font-size:11px}.config-panel input[type=text],.config-panel input[type=password],.config-panel label>input:not([type]){box-sizing:border-box;width:100%;margin-top:6px;border:1px solid #414761;border-radius:7px;padding:9px 10px;outline:0;color:#eef1fb;background:#11131d}.config-panel input:focus{border-color:#62d4f2;box-shadow:0 0 0 2px #62d4f21f}.config-switch{display:flex!important;align-items:center;gap:9px;padding:10px;border:1px solid #343a51;border-radius:8px;background:#212432;cursor:pointer}.config-switch input{width:16px;height:16px;accent-color:#65d7f4}.config-switch span{display:flex;flex-direction:column;gap:3px}.config-switch b{color:#eef1fb;font-size:12px}.config-switch small{color:#9299b5;font-size:11px}.config-message{margin:0 0 11px;color:#8ce4b2;font-size:12px;line-height:1.45}.config-message.error{color:#ff9a9a}.config-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.config-save,.config-test{width:100%;border:0;border-radius:8px;padding:10px;font-weight:700;cursor:pointer}.config-save{color:#081019;background:#68d9f6}.config-test{border:1px solid #4b6580;color:#cae9f3;background:#252c3d}.config-save:disabled,.config-test:disabled{cursor:wait;opacity:.7}.server-status{display:flex;align-items:center;gap:8px;color:#aeb5c6;font-size:12px}.server-status span{width:7px;height:7px;border-radius:50%;background:#e4b25e;box-shadow:0 0 0 3px #e4b25e24}.server-status.online{color:#a9e3c0}.server-status.online span{background:#58d58f;box-shadow:0 0 0 3px #58d58f24}.server-status.offline{color:#ff9da7}.server-status.offline span{background:#ef6f7e;box-shadow:0 0 0 3px #ef6f7e24}.canvas-defaults-panel{width:min(430px,calc(100vw - 28px))}.canvas-default-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.canvas-default-heading{display:block;margin:3px 0 11px;color:#e9ecf8;font-size:12px}.canvas-default-heading:not(:first-child){margin-top:16px}.canvas-defaults-panel select{box-sizing:border-box;width:100%;margin-top:0;border:1px solid #414761;border-radius:7px;padding:9px 10px;outline:0;color:#eef1fb;background:#11131d}.canvas-defaults-panel select:focus{border-color:#62d4f2;box-shadow:0 0 0 2px #62d4f21f}.canvas-defaults-panel input[type=number]{box-sizing:border-box;width:100%;margin-top:6px;border:1px solid #414761;border-radius:7px;padding:9px 10px;outline:0;color:#eef1fb;background:#11131d;font:inherit}.canvas-defaults-panel input[type=number]:focus{border-color:#62d4f2;box-shadow:0 0 0 2px #62d4f21f}.model-manager-panel{width:min(440px,calc(100vw - 28px))}.preset-kind-tabs{display:grid;gap:7px;margin:0 0 13px}.preset-kind-tabs-row{display:grid;grid-template-columns:1fr 1fr;gap:7px}.preset-kind-tabs button{width:100%;border:1px solid #3b435d;border-radius:7px;padding:8px;color:#acb6d0;background:#202432;cursor:pointer}.preset-kind-tabs button.active{border-color:#65d7f4;color:#dff9ff;background:#284052}.model-option-list{display:grid;gap:9px;margin-bottom:10px}.model-option-list article{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;padding:10px;border:1px solid #353b51;border-radius:8px;background:#202330}.model-option-list label{min-width:0;margin-bottom:0}.model-option-list label>input{padding-right:10px}.model-remove{border:1px solid #414961;border-radius:7px;padding:9px 11px;color:#ffb0ba;background:#292c39;font-size:12px;line-height:1.1;white-space:nowrap;cursor:pointer}.model-remove:hover:not(:disabled){border-color:#c75e70;color:#ffe3e7;background:#4a2934}.model-remove:disabled{opacity:.35;cursor:not-allowed}.model-add{width:100%;margin:0 0 10px;border:1px dashed #4a6079;border-radius:8px;padding:9px;color:#bceafa;background:#202b39;cursor:pointer}.model-add:disabled{opacity:.55;cursor:not-allowed}.provider-tabs{display:flex;flex-wrap:wrap;gap:7px;margin:-5px 0 13px}.provider-tabs button{flex:1 1 120px;border:1px solid #3b435d;border-radius:7px;padding:7px;color:#acb6d0;background:#1d202c;cursor:pointer;font-size:12px}.provider-tabs button.active{border-color:#9b83ff;color:#f1edff;background:#342f54}.node-loading{display:flex;align-items:center;gap:5px;margin-left:auto;color:#f2b35e;font-size:10px}.node-loading i{width:12px;height:12px;border:2px solid rgba(233,166,83,.32);border-top-color:#f5b85d;border-radius:50%;animation:frameflow-node-spin .8s linear infinite}@keyframes frameflow-node-spin{to{transform:rotate(360deg)}}.react-flow__attribution{display:none!important}.node-request-details{margin:0 12px 12px;overflow:hidden;border:1px solid #3e4357;border-radius:8px;background:#131620;color:#bfc7dc}.node-request-details>p{margin:0;overflow:hidden;padding:7px 8px;border-bottom:1px solid #34394d;color:#d7dced;font-size:10px;line-height:1.45;white-space:nowrap;text-overflow:ellipsis}.node-request-details>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.node-request-details span{display:flex;flex-direction:column;gap:2px;min-width:0;padding:6px 8px;border-right:1px solid #303548;border-bottom:1px solid #303548;font-size:10px;overflow-wrap:anywhere}.node-request-details span:nth-child(2n){border-right:0}.node-request-details span:nth-last-child(-n+2){border-bottom:0}.node-request-details b{color:#7d8aaa;font-weight:500}.result.processing{min-height:200px}.node-error{overflow-wrap:anywhere;line-height:1.45}.asset-inspector img{display:block;width:auto!important;max-width:100%;height:auto!important;max-height:260px;margin:0 auto 14px!important;object-fit:contain!important}.asset-inspector video{display:block;width:auto!important;max-width:100%;height:auto!important;max-height:260px;margin:0 auto 14px!important;object-fit:contain!important}.fit-aspect-button{width:100%;margin:2px 0 13px;border:1px solid #7568e1;border-radius:8px;padding:9px;color:#eeeaff;background:#2b2850;font-size:12px;font-weight:700;cursor:pointer}.fit-aspect-button:hover{border-color:#a092ff;background:#353064}.flow-node.videoResult video{cursor:pointer}.resource-tabs{flex:0 0 auto;display:flex;gap:6px;padding:10px 12px;overflow-x:auto;border-bottom:1px solid #32364a}.resource-tabs button{box-sizing:border-box;flex:0 0 auto;min-height:27px;border:1px solid #3a4056;border-radius:999px;padding:5px 8px;color:#aeb6cf;background:#222634;font-size:11px;line-height:1;cursor:pointer}.resource-tabs button.active{border-color:#5ecfe9;color:#0a1720;background:#67d9f5}.resource-use em{display:block;overflow:hidden;padding:0 8px 7px;color:#8d97b5;font-size:10px;font-style:normal;white-space:nowrap;text-overflow:ellipsis}.resource-rename{position:absolute;top:5px;right:34px;font-size:13px}.resource-rename:hover{border-color:#70dff7;color:#fff;background:#14677c}.settings .duration-slider span{display:flex;justify-content:space-between;align-items:center}.settings .duration-slider b{color:#9b8cff;font-size:12px}.settings .duration-slider input[type=range]{width:100%;margin:9px 0 4px;padding:0;accent-color:#8874ed;cursor:pointer}.settings .duration-slider small{display:flex;justify-content:space-between;color:#7f8799;font-size:10px}.node-media-url{margin:-4px 12px 11px;overflow:hidden;color:#8791a8;font-size:9px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}min-zoom:root{font-family:Inter,Microsoft YaHei,system-ui,sans-serif;color:#f6f7fb;background:#0c0d12}.inspector-panel{position:relative;min-width:0;background:#14161e;border-left:1px solid #272a36;z-index:3}.inspector-panel .inspector{height:100%}.account-menu{position:absolute;right:0;top:calc(100% + 7px);z-index:30;min-width:104px;padding:5px;border:1px solid #3d4251;border-radius:8px;background:#20232d;box-shadow:0 12px 28px #0008}.react-flow__handle.node-handle{width:18px!important;height:18px!important;border:3px solid #191c25!important;z-index:5;cursor:crosshair}min-zoom:root{font-family:Inter,Microsoft YaHei,system-ui,sans-serif;color:#f6f7fb;background:#0c0d12}*{box-sizing:border-box}body{margin:0;overflow:hidden}.app-shell{height:100vh;background:#0c0d12}.topbar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#12141b;border-bottom:1px solid #272a36}.brand{display:flex;align-items:center;gap:10px}.brand-logo{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:linear-gradient(135deg,#8c78ff,#ba72ff);font-weight:900;font-size:17px}.brand strong{display:block;font-size:15px;letter-spacing:.2px}.brand small{display:block;color:#8990a2;font-size:11px;margin-top:2px}.project-name{display:flex;align-items:center;gap:8px;color:#dedfea;font-size:13px}.project-name span:last-child{color:#71788a;font-size:11px}.live-dot{width:7px;height:7px;background:#55d8a3;border-radius:50%;box-shadow:0 0 0 3px #55d8a320}.top-actions{display:flex;gap:8px}.top-actions button{border:1px solid #333746;background:#20222b;color:#e4e6ee;border-radius:8px;padding:8px 12px;font-size:12px}.top-actions .primary{border-color:#8a74ff;background:linear-gradient(100deg,#7765e7,#9863e9);font-weight:700}.workbench{height:calc(100vh - 64px);display:grid;grid-template-columns:218px 1fr 314px}.library,.inspector{background:#14161e;border-right:1px solid #272a36;z-index:3}.library{padding:18px 13px}.library-title{font-weight:700;font-size:13px;color:#eceef5}.library>p{color:#7f8799;font-size:11px;line-height:1.55;margin:7px 3px 14px}.library>button{display:flex;width:100%;align-items:center;gap:9px;text-align:left;background:#1d202a;border:1px solid #303544;border-radius:10px;color:#edf0f7;padding:10px;margin:8px 0;cursor:grab}.library>button:hover{border-color:#6d63bd;background:#232633}.library button i,.context-menu i{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;font-style:normal;font-size:15px}.purple{background:#6d5bd4}.orange{background:#b95735}.cyan{background:#16758d}.library button span{display:grid;gap:3px;flex:1}.library button strong{font-size:12px}.library button small{color:#8e96a9;font-size:10px}.library button b{font-size:17px;color:#979fae;font-weight:400}.library-divider{height:1px;background:#2b2e3b;margin:18px 0}.library .quick{font-size:12px;padding:9px;background:transparent;border-color:transparent;color:#b9bfd0}.library .quick:hover{background:#20232d;border-color:#303544}.library-tip{position:absolute;bottom:20px;left:14px;right:14px;padding:10px;border-radius:8px;background:#1d2030;color:#949db1;font-size:10px;line-height:1.5}.canvas-wrap{position:relative;min-width:0}.react-flow{background:#0e1016}.react-flow__controls{box-shadow:0 5px 20px #0006!important;border:1px solid #303442!important;border-radius:9px!important;overflow:hidden}.react-flow__controls-button{background:#1e212b!important;border-color:#343847!important;fill:#c7cbda!important}.react-flow__minimap{border:1px solid #343847;border-radius:8px;overflow:hidden;box-shadow:0 4px 20px #0006}.canvas-label{position:absolute;top:15px;left:16px;padding:8px 10px;border:1px solid #2e3240;border-radius:8px;background:#171a23d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}.canvas-label span{font-size:12px;font-weight:700}.canvas-label small{color:#838b9d;font-size:10px;margin-left:8px}.flow-node{width:260px;min-height:118px;background:#191c25;border:1px solid #393e4e;border-radius:13px;box-shadow:0 14px 35px #0007;overflow:visible;color:#edf0f6}.flow-node.selected{border-color:#9a89ff;box-shadow:0 0 0 2px #826ef033,0 14px 35px #0007}.flow-node.processing{border-color:#e9a653}.flow-node.failed{border-color:#df5e71}.node-topline{display:flex;align-items:center;gap:8px;padding:11px 12px 8px}.node-glyph{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:#6555ce;font-size:14px}.videoGen .node-glyph,.videoResult .node-glyph{background:#bd603c}.asset .node-glyph,.result .node-glyph{background:#14809a}.node-title{font-size:13px;font-weight:700}.node-progress{margin-left:auto;color:#f2b35e;font-size:10px}.flow-node img,.flow-node video{display:block;width:calc(100% - 24px);height:128px;object-fit:cover;margin:0 12px 10px;border-radius:8px;background:#252935}.node-prompt{margin:0 12px 5px;color:#bfc5d3;font-size:11px;line-height:1.45;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.node-ref{padding:0 12px 12px;font-size:10px;color:#69d4ee}.node-asset-label{padding:0 12px 12px;color:#69d4ee;font-size:10px}.node-error{margin:0 12px 10px;color:#ff7789;font-size:10px}.node-handle{width:11px!important;height:11px!important;border:2px solid #191c25!important;background:#878fa3!important}.node-handle.source{background:#8a76ff!important}.inspector{border-left:1px solid #272a36;border-right:0;overflow-y:auto;padding:17px}.inspector-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;border-bottom:1px solid #2b2f3b}.inspector-head small{display:block;color:#8f97ab;font-size:10px;margin-bottom:4px}.inspector-head strong{font-size:14px}.icon-button{border:0;background:transparent;color:#a5acbc;font-size:19px;cursor:pointer}.icon-button:hover{color:#ff7185}.empty-inspector{padding:80px 5px;text-align:center;color:#747d91;font-size:12px;line-height:1.7}.empty-inspector span{display:block;font-size:27px;color:#565e71;margin-bottom:8px}.settings,.asset-inspector{padding-top:17px}.settings label,.asset-inspector label{display:block;color:#b7becd;font-size:11px;margin:0}.settings input,.settings select,.settings textarea,.asset-inspector input{display:block;width:100%;margin-top:6px;border:1px solid #363b4a;background:#20232d;color:#f0f2f8;border-radius:7px;padding:8px;font:inherit;font-size:12px}.settings textarea{min-height:112px;resize:vertical;line-height:1.5}.setting-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.settings .check{display:flex;align-items:center;gap:8px;margin:9px 0;color:#c8ceda}.settings .check input{display:inline;width:auto;margin:0;accent-color:#8b76ff}.reference-box{border:1px dashed #42485a;border-radius:8px;padding:10px;margin:16px 0}.reference-box span{display:block;color:#c7cde0;font-size:11px}.reference-box strong{float:right;margin-top:-14px;color:#8e7bfd;font-size:11px}.reference-box small{display:block;margin-top:6px;color:#7f8799;font-size:10px;line-height:1.45}.run-button{width:100%;border:0;border-radius:8px;padding:11px;background:linear-gradient(100deg,#7463df,#a363e8);color:#fff;font-weight:700;cursor:pointer}.run-button:disabled{opacity:.62;cursor:wait}.asset-inspector img,.asset-inspector video{display:block;width:100%;max-height:190px;object-fit:cover;border-radius:9px;margin-bottom:14px}.asset-inspector p{color:#8991a2;font-size:11px;line-height:1.6}.context-menu{position:fixed;z-index:10;width:190px;padding:7px;background:#21242e;border:1px solid #3a4050;border-radius:10px;box-shadow:0 15px 45px #0009}.context-menu small{display:block;padding:5px 7px 8px;color:#8e97a9;font-size:10px}.context-menu button{display:flex;align-items:center;gap:8px;width:100%;border:0;border-radius:7px;background:transparent;color:#edf0f6;padding:8px;text-align:left;font-size:12px}.context-menu button:hover{background:#303442}.context-menu>div{height:1px;background:#363a49;margin:5px 0}.toast{position:fixed;z-index:20;left:50%;bottom:22px;transform:translate(-50%);padding:10px 14px;background:#292d39;color:#f4f5f9;border:1px solid #404657;border-radius:8px;box-shadow:0 10px 30px #0008;font-size:12px}@media (max-width:900px){.workbench{grid-template-columns:0 1fr 280px}.library,.project-name{display:none}}.duration-slider:has(input[type=range][min="0"][max="0"]){display:none}.flow-node.audio{min-width:260px}.flow-node.audio audio,.asset-inspector audio{width:100%;margin:10px 0}.node-cost{margin:0 12px 11px;padding:7px 8px;border:1px solid #3d634d;border-radius:7px;background:#183326;color:#7be3a9;font-size:11px;font-variant-numeric:tabular-nums}.workbench{transition:grid-template-columns .2s ease}.workbench.left-collapsed{grid-template-columns:34px 1fr 314px}.workbench.right-collapsed{grid-template-columns:218px 1fr 34px}.workbench.left-collapsed.right-collapsed{grid-template-columns:34px 1fr 34px}.inspector-panel{position:relative;min-width:0;min-height:0;background:#14161e;border-left:1px solid #272a36;z-index:3}.inspector-panel .inspector{height:100%;min-height:0;padding-bottom:17px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.inspector .run-button{position:static;width:100%;margin:12px 0 0;box-shadow:none}.library.is-collapsed{padding:0;overflow:visible}.inspector-panel.is-collapsed{overflow:visible}.panel-toggle{position:absolute;z-index:9;display:grid!important;place-items:center;width:24px!important;height:42px!important;margin:0!important;padding:0!important;border:1px solid #3a4050!important;border-radius:7px!important;background:#20232d!important;color:#ccd3e5!important;font-size:22px!important;line-height:1!important;cursor:pointer!important;box-shadow:0 5px 18px #0006}.panel-toggle:hover{border-color:#8e7bff!important;background:#2d2946!important;color:#fff!important}.panel-toggle-left{top:14px;right:5px}.library:not(.is-collapsed) .panel-toggle-left{right:-12px}.panel-toggle-right{top:14px;left:5px}.inspector-panel:not(.is-collapsed) .panel-toggle-right{left:-12px}.text-node-library-button{display:flex;width:100%;align-items:center;gap:9px;text-align:left;background:#1d202a;border:1px solid #303544;border-radius:10px;color:#edf0f7;padding:10px;margin:8px 0;cursor:pointer}.text-node-library-button:hover{border-color:#6d63bd;background:#232633}.text-node-library-button i{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;font-style:normal;font-size:15px}.text-node-library-button .blue{background:#3e70ae}.text-node-library-button span{display:grid;gap:3px;flex:1}.text-node-library-button strong{font-size:12px}.text-node-library-button small{color:#8e96a9;font-size:10px}.text-node-library-button b{font-size:17px;color:#979fae;font-weight:400}.flow-node.textGen .node-glyph,.text-result .node-glyph{background:#507ab5}.react-flow__node-textResult{width:300px;height:280px}.text-result{width:100%;min-width:0;min-height:0;height:100%;max-width:none;display:flex;flex-direction:column}.text-result-content{flex:1 1 auto;min-height:52px;overflow:auto;overscroll-behavior:contain;margin:0 12px 11px;padding:9px;border-radius:8px;background:#11141c;color:#dce5f5;white-space:pre-wrap;word-break:break-word;font:12px/1.6 ui-monospace,Consolas,monospace}.text-result-loading,.text-result-usage{margin:0 12px 11px;color:#9fb3d4;font-size:11px}.text-result-usage{color:#78d8b0}.asset-inspector textarea{display:block;width:100%;min-height:280px;margin-top:6px;resize:vertical;border:1px solid #363b4a;border-radius:7px;background:#171a22;color:#dce5f5;padding:8px;font:12px/1.55 ui-monospace,Consolas,monospace}.image-slice-box{margin:14px 0;padding:11px;border:1px solid #3b4254;border-radius:9px;background:#1a1d27}.image-slice-box strong{display:block;color:#e8ebf7;font-size:12px}.image-slice-box small{display:block;margin:5px 0 10px;color:#8992a5;font-size:10px;line-height:1.45}.image-slice-box div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.image-slice-box button{border:1px solid #555080;border-radius:7px;background:#292447;color:#e7e2ff;padding:8px 5px;font-size:11px;cursor:pointer}.image-slice-box button:hover{border-color:#9589ff;background:#393162}.context-menu .blue{background:#3e70ae}.node-failure-raw{margin:0 12px 11px;border:1px solid #613646;border-radius:7px;background:#21161d;color:#f1bec9;font-size:10px}.node-failure-raw summary{padding:7px 8px;cursor:pointer;color:#ff9aac}.node-failure-raw pre{max-height:180px;overflow:auto;margin:0;padding:0 8px 8px;white-space:pre-wrap;word-break:break-word;font:10px/1.45 ui-monospace,Consolas,monospace}.library{position:relative;display:flex;flex-direction:column;min-height:0}.account-actions{display:flex;align-items:center;gap:4px;margin-left:auto;margin-right:10px}.user-chip{display:inline-flex;align-items:center;max-width:132px;padding:0 9px;color:#cfd5e6;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-button{color:#ffb5c0!important;border-color:#573540!important;background:#251c23!important}.topbar{position:relative}.topbar .server-status{position:absolute;left:50%;transform:translate(-50%);white-space:nowrap}.account-actions{position:relative;margin-left:auto;margin-right:10px}.account-actions summary{display:flex;align-items:center;gap:2px;list-style:none;cursor:pointer;padding:6px 3px;border-radius:7px}.account-actions summary::-webkit-details-marker{display:none}.account-actions summary:hover{background:#20232d}.account-chevron{color:#9199ac;font-size:14px}.account-menu{position:absolute;right:0;top:calc(100% + 7px);z-index:38;min-width:104px;padding:5px;border:1px solid #3d4251;border-radius:8px;background:#20232d;box-shadow:0 12px 28px #0008}.account-menu button{width:100%;border:0!important;background:transparent!important;color:#ffb8c3!important;text-align:left}.account-menu button:hover{background:#31232a!important}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% -10%,#35266c 0,#141621 34%,#0c0d12 72%)}.auth-card{width:min(100%,390px);padding:34px;border:1px solid #393d51;border-radius:18px;background:#171923;box-shadow:0 24px 70px #0008}.auth-logo{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#8c78ff,#ba72ff);font-size:22px;font-weight:900}.auth-card h1{margin:16px 0 5px;font-size:22px}.auth-card>p,.auth-card small{display:block;color:#929aaf;font-size:12px;line-height:1.6}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:22px 0 18px;padding:4px;border-radius:9px;background:#0f1118}.auth-tabs button{border:0;border-radius:6px;padding:8px;background:transparent;color:#929aaf;cursor:pointer}.auth-tabs button.active{background:#34304d;color:#f4efff}.auth-card label{display:block;margin:13px 0;color:#c8cedd;font-size:12px}.auth-card input{display:block;width:100%;margin-top:7px;padding:10px;border:1px solid #3a4052;border-radius:8px;background:#0f121a;color:#f3f5fc;font:inherit}.auth-message{margin:12px 0;padding:9px;border:1px solid #70414d;border-radius:8px;background:#291b22;color:#ffb5c1;font-size:12px}.auth-submit{width:100%;margin:8px 0 15px;border:0;border-radius:8px;padding:11px;background:linear-gradient(100deg,#7463df,#a363e8);color:#fff;font-weight:700;cursor:pointer}.auth-submit:disabled{opacity:.65;cursor:wait}.auth-loading{color:#b9bed0;font-size:13px}.library.is-collapsed .text-node-library-button{display:none!important}.canvas-label{color:#edf0f7}.canvas-label span{color:#f6f7fb}.canvas-label small{color:#9da6ba}.inspector-head,.inspector-head strong{color:#f3f5fa!important}.inspector-head small{color:#98a3b8!important}.brand-logo{color:#fff!important}.brand strong{color:#f3f5fa!important}.brand small{color:#a6b0c3!important}.react-flow__controls-button{color:#c7cbda!important}.react-flow__controls-button svg,.react-flow__controls-button svg path{fill:#c7cbda!important;stroke:#c7cbda!important}.react-flow__handle.node-handle{width:24px!important;height:24px!important;border:3px solid #191c25!important;z-index:5;cursor:crosshair}.react-flow__handle.node-handle:hover,.react-flow__handle.node-handle.connectingfrom,.react-flow__handle.node-handle.connectingto,.react-flow__handle.node-handle.valid{box-shadow:0 0 0 4px #8774ff40}.react-flow__handle.node-handle.target:hover,.react-flow__handle.node-handle.target.connectingfrom,.react-flow__handle.node-handle.target.connectingto,.react-flow__handle.node-handle.target.valid{transform:translate(-50%,-50%) scale(1.15)}.react-flow__handle.node-handle.source:hover,.react-flow__handle.node-handle.source.connectingfrom,.react-flow__handle.node-handle.source.connectingto,.react-flow__handle.node-handle.source.valid{transform:translate(50%,-50%) scale(1.15)}.react-flow__handle.node-handle.target:hover,.react-flow__handle.node-handle.target.connectingto,.react-flow__handle.node-handle.target.valid{box-shadow:0 0 0 4px #69d4ee3b}.video-frame-picker{margin:4px 0 12px;padding:11px;border:1px solid #303c50;border-radius:10px;background:linear-gradient(145deg,#171d2a,#121722)}.video-frame-picker-head{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#e3e9f6;font-size:12px}.video-frame-picker-head span{color:#6ed9f1;font-variant-numeric:tabular-nums;font-size:11px}.video-frame-picker p{margin:6px 0 9px;color:#8f9bb0;font-size:10px;line-height:1.45}.video-frame-track{position:relative;height:28px;overflow:hidden;border:1px solid #344055;border-radius:6px;background:linear-gradient(90deg,transparent 0 49%,#1d2839 49% 51%,transparent 51% 100%),repeating-linear-gradient(90deg,#354156 0,#354156 2px,#202a3a 2px,#202a3a 9px,#172030 9px,#172030 12px);cursor:ew-resize;touch-action:none;outline:none}.video-frame-track:focus-visible{border-color:#9a89ff;box-shadow:0 0 0 2px #826ef044}.video-frame-track.is-disabled{opacity:.45;cursor:wait}.video-frame-track:after{position:absolute;top:0;bottom:0;left:var(--frame-progress, 0%);width:2px;content:"";background:#f6f7fb;box-shadow:0 0 0 2px #6f61df,0 0 9px #9584ff}.video-frame-marker{position:absolute;z-index:1;top:50%;left:var(--frame-progress, 0%);width:9px;height:9px;transform:translate(-50%,-50%);border:2px solid #f6f7fb;border-radius:50%;background:#7567ee;box-shadow:0 0 8px #8d7eff}.capture-video-frame{width:100%;margin:2px 0 13px;border:1px solid #2d9ab2;border-radius:8px;padding:9px;color:#dcf9ff;background:#153642;font-size:12px;font-weight:700;cursor:pointer}.capture-video-frame:hover:not(:disabled){border-color:#63d4eb;background:#1a4654}.capture-video-frame:disabled{opacity:.48;cursor:not-allowed}.video-clip-picker{margin:0 0 12px;padding:11px;border:1px solid #51416a;border-radius:10px;background:linear-gradient(145deg,#211b31,#151724)}.video-clip-picker>p{margin:6px 0 10px;color:#aba1c5;font-size:10px;line-height:1.45}.video-clip-picker>label{display:grid;grid-template-columns:58px 1fr;align-items:center;gap:8px;margin:8px 0;color:#cfc5e7;font-size:10px}.video-clip-picker input[type=range]{width:100%;margin:0;accent-color:#9770f2;cursor:ew-resize}.capture-video-clip{width:100%;margin:6px 0 0;border:1px solid #7857c9;border-radius:8px;padding:9px;color:#f3efff;background:linear-gradient(100deg,#503a8e,#754bb7);font-size:12px;font-weight:700;cursor:pointer}.capture-video-clip:hover:not(:disabled){border-color:#ac8aff;background:linear-gradient(100deg,#6045a8,#8957d1)}.capture-video-clip:disabled{opacity:.48;cursor:not-allowed}.reference-hover-preview{position:fixed;z-index:80;width:min(280px,calc(100vw - 20px));padding:8px;border:1px solid #363b4a;border-radius:7px;background:#20232d;color:#eef1fa;box-shadow:0 16px 42px #000b}.reference-hover-preview strong,.reference-hover-preview small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reference-hover-preview strong{font-size:12px}.reference-hover-preview small{margin-top:6px;color:#9aa8bf;font-size:10px}.reference-hover-preview img,.reference-hover-preview video{display:block;width:100%;max-height:210px;margin-top:8px;border-radius:7px;background:#0c0f16;object-fit:contain}.reference-hover-preview audio{display:block;width:100%;margin-top:9px;transform:scale(.95);transform-origin:left center}.reference-hover-preview pre{max-height:162px;margin:8px 0 0;padding:7px;overflow:auto;border-radius:7px;background:#0d1018;color:#dce6fb;font:10px/1.5 ui-monospace,Consolas,monospace;white-space:pre-wrap}.node-media-placeholder{display:grid;width:calc(100% - 24px);height:128px;margin:0 12px 10px;place-items:center;overflow:hidden;border-radius:8px;color:#8995ad;background:linear-gradient(110deg,transparent 24%,rgba(112,127,164,.16) 38%,transparent 52%),#202530;background-size:220% 100%;animation:node-media-shimmer 1.4s ease-in-out infinite;font-size:10px}.node-media-placeholder span{padding:5px 8px;border-radius:999px;background:#0c0f179e}.flow-node.result .node-media-placeholder,.flow-node.asset .node-media-placeholder,.flow-node.videoResult .node-media-placeholder{height:auto;min-height:110px;aspect-ratio:var(--media-ratio)}.node-video-thumbnail{position:relative;display:block;width:calc(100% - 24px);min-height:110px;margin:0 12px 10px;padding:0;overflow:hidden;border:0;border-radius:8px;background:#151923;cursor:pointer}.node-video-thumbnail>img{display:block;width:100%;height:100%;min-height:110px;margin:0;border-radius:0;object-fit:cover;background:transparent}.node-video-thumbnail .node-media-placeholder{width:100%;min-height:110px;margin:0}.node-video-play{position:absolute;left:50%;top:50%;display:grid;width:32px;height:32px;place-items:center;border-radius:50%;color:#fff;background:#080b12b8;box-shadow:0 2px 10px #00000059;transform:translate(-50%,-50%);font-size:13px;text-indent:2px}.node-video-thumbnail:hover .node-video-play{background:#745be6e6}@keyframes node-media-shimmer{0%{background-position:100% 0}to{background-position:-120% 0}}.resource-panel .resource-virtual-grid{display:block;position:relative;min-height:0;padding:12px}.resource-search{position:relative;flex:0 0 auto;padding:0 12px 10px}.resource-search input{display:block;width:100%;border:1px solid #3b4358;border-radius:7px;outline:0;padding:8px 30px 8px 10px;color:#edf0fa;background:#11141d;font:12px/1.2 inherit}.resource-search input:focus{border-color:#8974ee;box-shadow:0 0 0 2px #8974ee29}.resource-search button{position:absolute;top:3px;right:17px;width:26px;height:26px;border:0;border-radius:5px;color:#b7bfd2;background:transparent;font-size:17px;line-height:1;cursor:pointer}.resource-search button:hover{color:#fff;background:#2a3040}.resource-virtual-grid>p{margin:24px 4px}.resource-grid-spacer{position:relative;min-height:100%}.resource-virtual-grid .resource-grid-spacer>article{position:absolute;width:calc((100% - 18px) / 3);margin:0}.resource-pagination{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-top:1px solid #32364a;background:#171a24}.resource-pagination small{color:#9aa3bb;font-size:11px}.resource-pagination div{display:flex;gap:7px}.resource-pagination button{border:1px solid #414966;border-radius:6px;padding:6px 9px;color:#e7eaff;background:#252a38;font-size:11px;cursor:pointer}.resource-pagination button:hover:not(:disabled){border-color:#8a75f2;background:#30285a}.resource-pagination button:disabled{opacity:.42;cursor:not-allowed}.resource-use .resource-video-fallback{display:grid;width:100%;height:100%;min-height:88px;place-items:center;color:#dcd6ff;background:linear-gradient(145deg,#20273a,#151a26);font-size:24px}.text-editor-modal{position:fixed;z-index:80;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:28px;background:#06080dc7;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.text-editor-modal section{display:flex;flex-direction:column;width:min(920px,100%);height:min(760px,calc(100vh - 56px));border:1px solid #4b4670;border-radius:14px;overflow:hidden;background:#171a23;box-shadow:0 26px 80px #000b}.prompt-editor-modal section{display:grid;grid-template-rows:auto minmax(0,1fr) auto}.text-editor-modal header,.text-editor-modal footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 16px;background:#1d2030}.text-editor-modal header{border-bottom:1px solid #34394b}.text-editor-modal header strong{display:block;color:#f0f2fa;font-size:14px}.text-editor-modal header small{display:block;margin-top:3px;color:#9ba4ba;font-size:11px}.text-editor-modal header button{border:0;background:transparent;color:#b5bdd1;font-size:22px;cursor:pointer}.text-editor-modal textarea{flex:1;width:100%;min-height:0;border:0;outline:0;resize:none;padding:18px;background:#10131a;color:#e9edf8;font:13px/1.7 ui-monospace,Consolas,monospace}.text-editor-modal footer{border-top:1px solid #34394b;color:#8f98af;font-size:11px}.text-editor-modal footer div{display:flex;gap:8px}.text-editor-modal footer button{border:1px solid #454b5e;border-radius:8px;background:#252936;color:#e7eaf3;padding:8px 12px;cursor:pointer}.text-editor-modal footer .primary{border:0;background:linear-gradient(100deg,#7463df,#a363e8);color:#fff;font-weight:700}.prompt-editor-body{position:relative;display:flex;flex-direction:column;min-height:0;overflow:hidden}.prompt-editor-body textarea{flex:1;min-height:0}.prompt-editor-mentions{position:absolute;z-index:2;right:12px;bottom:12px;width:min(320px,calc(100% - 24px));padding:8px;border:1px solid #4d4675;border-radius:8px;background:#1d2030;box-shadow:0 12px 30px #0008}.prompt-editor-mentions small{display:block;margin-bottom:5px;color:#abb6ce;font-size:11px}.prompt-editor-mentions button,.prompt-editor-references button{margin:3px;border:1px solid #4d4775;border-radius:6px;padding:5px 7px;background:#292442;color:#e6e5ff;font-size:11px;cursor:pointer}.prompt-editor-presets{display:flex;flex-wrap:wrap;align-items:center;gap:3px;flex:0 0 auto;padding:10px 16px 9px;margin:0;border-top:1px solid #34394b;background:#1a1d28}.prompt-editor-presets>span{margin-right:4px;color:#f3c86b;font-size:11px}.prompt-editor-presets button{margin:3px;border:1px solid #705c30;border-radius:6px;padding:5px 7px;background:#312817;color:#ffe2a0;font-size:11px;cursor:pointer}.prompt-editor-presets button:hover{border-color:#d5a74d;background:#473819}.prompt-editor-references{display:flex;flex-wrap:wrap;align-items:center;gap:3px;flex:0 0 auto;padding:10px 16px 9px;margin:0;border-top:1px solid #34394b;background:#181b26}.prompt-editor-references>span{margin-right:4px;color:#7bd7ef;font-size:11px}@media (max-width: 600px){.text-editor-modal{padding:12px}.text-editor-modal section{height:calc(100vh - 24px)}}.node-failure-raw summary{display:flex;align-items:center;gap:8px}.node-failure-raw summary>span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.node-failure-raw summary button{flex:0 0 auto;border:1px solid #8a5363;border-radius:6px;background:#30202a;color:pink;padding:4px 7px;font-size:10px;cursor:pointer}.node-failure-raw summary button:hover{border-color:#ef8195;background:#462730}.token-estimate{display:flex;align-items:baseline;flex-wrap:wrap;gap:3px 7px;margin:12px 0 10px;padding:8px 10px;border:1px solid #34465f;border-radius:8px;background:linear-gradient(120deg,#182536,#1a1d2b);color:#aebbd0;font-size:11px}.token-estimate span{color:#74c9ef;font-size:10px}.token-estimate strong{color:#e6f5ff;font-size:13px;font-variant-numeric:tabular-nums}.token-estimate small{color:#8e9db4;line-height:1.3}.user-api-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1500;display:grid;place-items:center;padding:24px;background:#05070db3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.user-api-panel{width:min(680px,100%);max-height:min(760px,calc(100vh - 48px));overflow:auto;border:1px solid #514683;border-radius:16px;background:#171925;box-shadow:0 24px 80px #00000085}.user-api-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:19px 21px;border-bottom:1px solid #303449}.user-api-panel header strong,.user-api-panel article b{color:#f3f5ff}.user-api-panel header small,.user-api-panel article small{display:block;margin-top:5px;color:#9299b8;line-height:1.45}.user-api-panel header button{width:30px;height:30px;padding:0;border:0;border-radius:8px;color:#b9bfd7;background:transparent;font-size:22px;line-height:1}.user-api-panel header button:hover{color:#fff;background:#292d40}.user-api-panel form{padding:18px 21px 20px}.user-api-panel article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 12px;align-items:end;padding:16px;border:1px solid #353a52;border-radius:12px;background:#11131d}.user-api-panel article+article{margin-top:12px}.user-api-panel article>div:first-child{grid-column:1 / -1}.user-api-panel article label{display:grid;min-width:0;gap:7px;color:#c9cce0;font-size:13px}.user-api-panel article input{width:100%;min-width:0;box-sizing:border-box;padding:10px 12px;border:1px solid #424862;border-radius:9px;color:#f5f6ff;background:#0d0f17;outline:none}.user-api-panel article input:focus{border-color:#8c6cff;box-shadow:0 0 0 3px #8c6cff29}.user-api-test{min-height:40px;padding:8px 12px;border:1px solid #6655aa;border-radius:8px;color:#d9d1ff;background:#28233f;white-space:nowrap}.user-api-test:hover:not(:disabled){background:#383059}.user-api-test:disabled{opacity:.62;cursor:wait}.user-api-message{margin:14px 0 0;padding:10px 12px;border-radius:9px;font-size:13px;line-height:1.5}.user-api-message.success{border:1px solid rgba(66,203,148,.45);color:#79e8b5;background:#1f75522e}.user-api-message.error{border:1px solid rgba(239,97,119,.45);color:#ffadb9;background:#84253729}.user-api-panel footer{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.user-api-panel footer button{padding:10px 15px;border:1px solid #444a62;border-radius:9px;color:#d8dbea;background:#252938}.user-api-panel footer .primary{border-color:#8b66f5;color:#fff;background:#8056e8}.user-api-panel footer .primary:disabled{opacity:.62}.account-menu .account-config-button{margin-bottom:5px;padding-bottom:10px;border-bottom:1px solid #383d53!important;color:#d8d1ff!important}.account-menu .account-config-button:hover{background:#28253c!important;color:#fff!important}@media (max-width: 560px){.user-api-overlay{padding:14px}.user-api-panel article{grid-template-columns:1fr}.user-api-test{justify-self:start}}.auth-card h1{color:#fff!important}.model-picker-grid,.canvas-default-picker{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:10px}.model-parameter-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.model-picker-grid label,.canvas-default-picker label,.model-parameter{min-width:0;display:flex;flex-direction:column;gap:0px}.model-picker-grid label>span,.canvas-default-picker label>span,.model-parameter>span{color:#c7cde0;font-size:12px;display:block;margin-bottom:5px}.model-parameter-full,.model-parameter-form .duration-slider{grid-column:1 / -1}.model-parameter-form .model-parameter-check{display:inline-flex;align-items:center;align-self:end;min-width:0;height:36px;margin:0;padding:7px 9px;gap:7px;border:1px solid #343a51;border-radius:8px;background:#1d202b;color:#d5daea;font-size:11px;cursor:pointer}.model-parameter-form .model-parameter-check input{display:inline-block;flex:0 0 auto;width:14px;height:14px;margin:0;accent-color:#8b76ff}.model-parameter-form .model-parameter-check span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-parameter-form .model-parameter-check:hover{border-color:#6962a0;background:#24253a}.model-catalog-warning{border:1px solid #805f38;border-radius:8px;padding:10px;background:#2c2419;color:#ffd68b;font-size:12px;line-height:1.55}.model-driven-settings .prompt-field>span{display:block}.model-driven-settings .prompt-field>small{display:block;margin:-2px 0 4px;color:#8c96af}.model-driven-settings .prompt-field+.prompt-field{margin-top:10px}.model-parameter textarea{min-height:84px;resize:vertical}.model-parameter-form .duration-slider>span,.model-parameter-form .duration-slider>small{display:flex;width:100%;align-items:center;justify-content:space-between}.model-parameter-form .duration-slider>input[type=range]{display:block;width:100%;margin:8px 0 4px;padding:0;accent-color:#8874ed;cursor:pointer}.model-parameter-form .duration-slider>small{color:#7f8799;font-size:10px}.canvas-defaults-panel{display:flex;flex-direction:column;width:min(460px,calc(100vw - 28px));max-height:calc(100vh - 100px)}.canvas-defaults-panel form{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;padding:0}.canvas-defaults-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:14px 14px 10px}.canvas-default-model+.canvas-default-model{margin-top:18px;padding-top:16px;border-top:1px solid #303548}.canvas-default-heading{display:block;margin:0 0 11px}.canvas-default-picker{margin-bottom:10px}.canvas-default-picker label{margin:0}.canvas-defaults-panel .model-parameter textarea,.canvas-defaults-panel .model-parameter input:not([type=range]),.canvas-defaults-panel .model-parameter select{box-sizing:border-box;display:block;width:100%;margin:0;border:1px solid #414761;border-radius:7px;padding:9px 10px;outline:0;color:#eef1fb;background:#11131d;font:inherit}.canvas-defaults-panel .model-parameter textarea:focus,.canvas-defaults-panel .model-parameter input:not([type=range]):focus,.canvas-defaults-panel .model-parameter select:focus{border-color:#62d4f2;box-shadow:0 0 0 2px #62d4f21f}.canvas-defaults-footer{flex:0 0 auto;padding:11px 14px 14px;border-top:1px solid #32364a;background:#1a1d29}.canvas-defaults-footer .config-save{margin:0}@media (max-width: 480px){.model-parameter-form{grid-template-columns:1fr}}