:root{--bg: #f4f5fa;--surface: #ffffff;--surface-2: #f9f9fd;--line: #e7e9f2;--line-2: #f1f2f8;--text: #1d2029;--muted: #82879a;--accent: #6c4dff;--accent-2: #9d84ff;--accent-soft: #efebff;--ok: #16b571;--err: #f0455f;--grad: linear-gradient(135deg, #6c4dff 0%, #9d84ff 100%);--shadow-sm: 0 1px 2px rgba(29, 32, 41, .05);--shadow-md: 0 6px 22px rgba(29, 32, 41, .08);--shadow-lg: 0 12px 36px rgba(29, 32, 41, .12);--cn-bg: #0f1015;--cn-node: #1e2130;--cn-panel: #171923;--cn-line: #2a2f42;--cn-text: #e7e9f0;--cn-muted: #8a90a8}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{font-family:-apple-system,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:radial-gradient(900px 380px at 18% -8%,rgba(108,77,255,.1),transparent 62%),radial-gradient(700px 320px at 95% 0%,rgba(157,132,255,.08),transparent 60%),var(--bg);color:var(--text);font-size:14px;-webkit-font-smoothing:antialiased}.shell{display:grid;grid-template-rows:auto 1fr;grid-template-columns:232px 1fr;height:100vh;overflow:hidden}.topbar{grid-column:1 / 3;display:flex;align-items:center;gap:18px;padding:0 20px;height:62px;background:#ffffffdb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);z-index:5}.brand{display:flex;align-items:center;gap:10px;cursor:pointer;flex-shrink:0}.brand-mark{width:32px;height:32px;border-radius:9px;background:var(--grad);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:16px;box-shadow:0 4px 12px #6c4dff59}.brand-name{font-size:14px;font-weight:700;letter-spacing:.2px}.stepbar{flex:1;display:flex;align-items:center;justify-content:center;gap:2px;overflow:hidden}.step{display:flex;align-items:center;gap:7px;background:transparent;border:none;cursor:pointer;color:var(--muted);padding:7px 11px;border-radius:999px;font-size:12.5px;white-space:nowrap;transition:background .15s,color .15s}.step:hover{background:var(--line-2);color:var(--text)}.step-num{width:20px;height:20px;border-radius:50%;background:var(--line-2);color:var(--muted);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .15s}.step.active{color:var(--text);background:var(--accent-soft)}.step.active .step-num{background:var(--grad);color:#fff;box-shadow:0 3px 8px #6c4dff66}.step.done .step-num{background:var(--ok);color:#fff}.top-right{flex-shrink:0}.canvas-link{text-decoration:none;color:var(--muted);font-size:12.5px;font-weight:600;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);box-shadow:var(--shadow-sm);transition:all .15s}.canvas-link:hover{color:var(--accent);border-color:var(--accent);box-shadow:0 4px 14px #6c4dff2e}.canvas-link.active{color:#fff;background:var(--grad);border-color:transparent}.module-nav{grid-row:2;grid-column:1;background:var(--surface);border-right:1px solid var(--line);padding:20px 14px;overflow-y:auto;display:flex;flex-direction:column;gap:22px}.nav-group{display:flex;flex-direction:column;gap:3px}.nav-title{font-size:10.5px;font-weight:700;letter-spacing:1px;color:var(--muted);opacity:.85;padding:4px 12px 8px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;color:var(--muted);font-size:13.5px;font-weight:500;text-decoration:none;cursor:pointer;position:relative;transition:all .15s}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3.5px;height:18px;border-radius:3px;background:var(--grad)}.nav-dot{width:7px;height:7px;border-radius:50%;background:var(--line);flex-shrink:0;transition:all .15s}.nav-dot.active{background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.nav-dot.done{background:var(--ok)}.nav-credits{margin-top:auto;padding:16px;border-radius:14px;background:var(--grad);color:#fff;box-shadow:0 8px 22px #6c4dff4d}.nav-credits .nav-title{color:#ffffffbf;padding:0 0 4px}.credit-value{font-size:26px;font-weight:800;display:flex;align-items:baseline;gap:8px}.credit-value small{font-size:11px;font-weight:500;opacity:.8}.main-area{grid-row:2;grid-column:2;overflow-y:auto}.module-page{padding:30px 34px 70px;max-width:1040px;margin:0 auto}.page-head{margin-bottom:24px}.page-head h2{font-size:24px;font-weight:800;margin:0 0 6px;letter-spacing:-.3px}.page-head p{font-size:13.5px;color:var(--muted);margin:0;line-height:1.6;max-width:720px}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:var(--shadow-sm)}.card-title{font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--muted);margin-bottom:12px}.empty-box{min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1.5px dashed var(--line);border-radius:14px;color:var(--muted);font-size:13.5px;gap:4px;background:var(--surface-2)}.empty-box small{font-size:11.5px;opacity:.7}button.primary,a.primary{background:var(--grad);color:#fff;border:none;border-radius:10px;padding:10px 20px;font-size:13.5px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:6px;box-shadow:0 4px 14px #6c4dff4d;transition:all .15s}button.primary:hover,a.primary:hover{transform:translateY(-1px);box-shadow:0 7px 20px #6c4dff66}button.primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}button.ghost{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:10px 16px;font-size:13.5px;font-weight:600;cursor:pointer;transition:all .15s}button.ghost:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}button.ghost:disabled{opacity:.45;cursor:not-allowed}.ok{color:var(--ok);font-size:12.5px;font-weight:600}.hint-block{font-size:12.5px;color:var(--muted);margin-top:8px}.hint{font-size:12.5px;color:var(--err);margin-top:10px;line-height:1.5}.m1-msg{font-size:12.5px;color:var(--ok);margin-left:12px;font-weight:600}.m1-form{display:flex;flex-direction:column;gap:20px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:26px;box-shadow:var(--shadow-md)}.field{display:flex;flex-direction:column;gap:8px}.field label{font-size:12.5px;color:var(--muted);font-weight:700}.field-row{display:grid;grid-template-columns:110px 1fr 1fr;gap:18px}.field input,.field textarea,.field select{background:var(--surface-2);border:1px solid var(--line);border-radius:10px;color:var(--text);font-size:13.5px;padding:10px 12px;font-family:inherit;resize:vertical;transition:border .15s,box-shadow .15s}.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);background:var(--surface)}.chip-group{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:7px 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface-2);color:var(--muted);font-size:12.5px;font-weight:600;cursor:pointer;transition:all .15s}.chip:hover{border-color:var(--accent);color:var(--accent)}.chip.active{background:var(--grad);border-color:transparent;color:#fff;box-shadow:0 3px 10px #6c4dff59}.m1-actions{display:flex;align-items:center;margin-top:8px}.m2-grid{display:grid;grid-template-columns:350px 1fr;gap:20px;align-items:start}.m2-brief{font-size:13.5px;color:var(--text);line-height:1.7;background:var(--surface-2);border:1px solid var(--line);padding:12px;border-radius:10px}.m2-brief.empty{color:var(--err)}.m2-controls{display:flex;gap:12px;align-items:flex-end;margin-top:16px}.m2-controls label{display:flex;flex-direction:column;gap:5px;font-size:11px;color:var(--muted);font-weight:700}.m2-controls input{background:var(--surface-2);border:1px solid var(--line);border-radius:8px;color:var(--text);padding:7px;width:64px;font-size:13px}.m2-right{display:flex;flex-direction:column;gap:14px}.scene{display:block}.scene-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.scene-badge{background:var(--grad);color:#fff;font-size:10.5px;font-weight:800;padding:3px 10px;border-radius:999px;box-shadow:0 2px 8px #6c4dff4d;white-space:nowrap}.scene-title{flex:1;background:transparent;border:none;border-bottom:1px dashed var(--line);color:var(--text);font-size:15px;font-weight:700;padding:3px 0;transition:border .15s}.scene-title:focus{outline:none;border-color:var(--accent)}.beats{display:flex;flex-direction:column;gap:8px}.beat{display:flex;gap:12px;padding:10px 12px;background:var(--surface-2);border-radius:10px}.beat-who{font-size:11.5px;font-weight:800;color:var(--accent);min-width:56px;flex-shrink:0;padding-top:1px}.beat-line{font-size:13px;color:var(--text);line-height:1.6}.m2-foot{margin-top:6px}.m3-toolbar,.m4-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:18px;flex-wrap:wrap}.shots{display:flex;flex-direction:column;gap:14px}.shot-card{position:relative;display:flex;gap:16px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:var(--shadow-sm);transition:box-shadow .15s}.shot-card:hover{box-shadow:var(--shadow-md)}.shot-no{width:30px;height:30px;flex-shrink:0;border-radius:10px;background:var(--grad);color:#fff;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px #6c4dff4d}.shot-grid{flex:1;display:grid;grid-template-columns:130px 150px 110px;gap:12px;align-items:end}.shot-grid label{display:flex;flex-direction:column;gap:5px;font-size:11px;color:var(--muted);font-weight:700}.shot-grid label.wide{grid-column:1 / -1}.shot-grid input,.shot-grid textarea,.shot-grid select{background:var(--surface-2);border:1px solid var(--line);border-radius:8px;color:var(--text);font-size:12.5px;padding:8px;font-family:inherit;resize:vertical;transition:border .15s,box-shadow .15s}.shot-grid input:focus,.shot-grid textarea:focus,.shot-grid select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.shot-card .del{position:absolute;top:12px;right:12px;width:26px;height:26px;border-radius:8px;background:var(--surface-2);border:1px solid var(--line);color:var(--muted);cursor:pointer;font-size:15px;line-height:1;transition:all .15s}.shot-card .del:hover{color:var(--err);border-color:var(--err);background:#fff1f3}.model-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.model-card{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px;box-shadow:var(--shadow-sm)}.model-card b{font-size:13px;display:block}.model-card small{font-size:11.5px;color:var(--muted)}.mc-badge{width:38px;height:38px;border-radius:11px;flex-shrink:0;background:var(--grad);color:#fff;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px #6c4dff4d}.shot-card.asset .asset-img{width:168px;height:126px;flex-shrink:0;border-radius:12px;overflow:hidden;background:#f0f1f6;display:flex;align-items:center;justify-content:center;border:1px solid var(--line)}.asset-img img{width:100%;height:100%;object-fit:cover}.asset-empty{color:var(--muted);font-size:11.5px;font-weight:600}.asset-brief{grid-column:1 / -1;font-size:12.5px;color:var(--muted);margin-bottom:4px}.asset-brief b{color:var(--accent);font-size:13px}.asset-desc{color:var(--muted);font-size:11.5px;margin-top:4px;line-height:1.5}.m5-body{display:flex;flex-direction:column;gap:18px}.tl{display:flex;flex-direction:column;gap:10px}.tl-item{display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 16px;box-shadow:var(--shadow-sm);transition:box-shadow .15s}.tl-item:hover{box-shadow:var(--shadow-md)}.tl-idx{font-weight:800;color:var(--accent);width:22px;font-size:14px}.tl-thumb{width:104px;height:58px;object-fit:cover;border-radius:8px;background:#000;flex-shrink:0}.tl-thumb.tl-none{display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:11.5px;font-weight:600;border:1.5px dashed var(--line);background:var(--surface-2)}.tl-meta{flex:1;min-width:0}.tl-title{font-size:13.5px;color:var(--text);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tl-dur{font-size:11.5px;color:var(--muted);margin-top:2px}.tl-actions{display:flex;gap:6px}.tl-actions button{width:32px;height:32px;padding:0;font-size:13px;border-radius:8px}.m5-foot{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.preview video{width:440px;max-width:100%;border-radius:12px;background:#000;margin-top:14px;box-shadow:var(--shadow-md)}.m6-body{display:flex;flex-direction:column;gap:16px}.m6-card{display:flex;flex-direction:column;gap:14px;padding:22px}.m6-title{font-size:14px;font-weight:800}.m6-video{width:100%;max-width:520px;border-radius:12px;background:#000;box-shadow:var(--shadow-md)}.m6-actions{display:flex;gap:10px}.app{display:flex;flex-direction:column;height:100vh;background:var(--cn-bg);color:var(--cn-text)}.toolbar{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--cn-panel);border-bottom:1px solid var(--cn-line);flex-wrap:wrap}.toolbar h1{font-size:14px;font-weight:700;margin:0 14px 0 0;color:var(--cn-text)}.toolbar button{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:8px 14px;font-size:12.5px;cursor:pointer;font-weight:600}.toolbar button.ghost{background:transparent;color:var(--cn-text);border:1px solid var(--cn-line)}.toolbar button.ghost:hover{border-color:var(--accent);color:var(--accent)}.toolbar .status{font-size:12px;color:var(--cn-muted);margin-left:auto}.toolbar .status.ok{color:var(--ok)}.toolbar .status.bad{color:var(--err)}.toolbar .back{text-decoration:none;font-size:12.5px;font-weight:600;color:var(--cn-muted);border:1px solid var(--cn-line);padding:7px 12px;border-radius:8px}.toolbar .back:hover{color:var(--accent);border-color:var(--accent)}.canvas-hint{font-size:11px;color:var(--cn-muted);padding:5px 14px;background:var(--cn-panel);border-bottom:1px solid var(--cn-line)}.canvas-wrap{flex:1;position:relative;overflow:hidden;background:var(--cn-bg)}.x6-node{background:var(--cn-node);border:1px solid var(--cn-line);border-radius:12px;box-shadow:0 10px 28px #00000073}.node-head{display:flex;align-items:center;gap:7px;padding:9px 12px;font-size:12px;font-weight:600;color:var(--cn-text);border-bottom:1px solid var(--cn-line)}.node-badge{background:var(--accent);color:#fff;font-size:10px;padding:2.5px 7px;border-radius:20px;font-weight:800}.node-body{padding:12px;display:flex;flex-direction:column;gap:9px;width:100%}.node-img{width:240px;border-radius:10px;display:block;background:#000;object-fit:contain;min-height:40px}.node-video{width:240px;border-radius:10px;display:block;background:#000}textarea.node-prompt{width:240px;height:64px;resize:vertical;background:var(--cn-panel);border:1px solid var(--cn-line);border-radius:9px;color:var(--cn-text);font-size:12px;padding:9px}textarea.node-prompt:focus{outline:none;border-color:var(--accent)}button.node-run{background:var(--accent);color:#fff;border:none;border-radius:9px;padding:9px 14px;font-size:12.5px;cursor:pointer;font-weight:700;transition:filter .15s}button.node-run:hover:not(:disabled){filter:brightness(1.15)}button.node-run:disabled{opacity:.5;cursor:not-allowed}.node-meta{font-size:11px;color:var(--cn-muted)}.node-meta.ok{color:var(--ok)}.node-meta.bad{color:var(--err)}.node-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.node-row input[type=file]{font-size:11px;color:var(--cn-muted);flex:1;min-width:0}.node-row.params select{flex:1;min-width:0;background:var(--cn-panel);border:1px solid var(--cn-line);border-radius:7px;color:var(--cn-text);font-size:11px;padding:6px}button.ghost-btn{background:transparent;color:var(--cn-text);border:1px solid var(--cn-line);border-radius:7px;padding:6px 10px;font-size:11px;cursor:pointer}button.ghost-btn:hover{border-color:var(--accent);color:var(--accent)}.node-url{width:100%;background:var(--cn-panel);border:1px solid var(--cn-line);border-radius:9px;color:var(--cn-text);font-size:11px;padding:8px}.node-url::placeholder{color:var(--cn-muted);opacity:.7}.node-empty{width:100%;min-height:76px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px dashed var(--cn-line);border-radius:9px;color:var(--cn-muted);font-size:12px;text-align:center;padding:8px}.node-empty small{font-size:10px;opacity:.7}.node-dot{margin-left:auto;width:8px;height:8px;border-radius:50%;background:var(--cn-line);flex-shrink:0}.node-dot.ok{background:var(--ok)}.node-dot.run{background:var(--accent);animation:pulse 1s infinite}.node-dot.bad{background:var(--err)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.x6-node.done{border-color:var(--ok);box-shadow:0 10px 28px #00000073,0 0 0 1px var(--ok)}.x6-node.running{border-color:var(--accent);box-shadow:0 10px 28px #00000073,0 0 0 1px var(--accent)}.x6-node.error{border-color:var(--err);box-shadow:0 10px 28px #00000073,0 0 0 1px var(--err)}.pbar{width:100%;height:4px;border-radius:4px;background:var(--cn-line);overflow:hidden;margin-top:4px}.pfill{height:100%;background:var(--accent);transition:width .4s ease}.pbar i{display:block;height:100%;background:var(--accent);transition:width .4s ease}.tb-sep{width:1px;height:18px;background:var(--cn-line);margin:0 2px;flex:none}.toolbar button.on{border-color:var(--ok);color:var(--ok)}.m-node .m-field{display:flex;flex-direction:column;gap:4px}.m-node .m-field small{font-size:10px;color:var(--cn-muted);letter-spacing:.03em}.m-node .m-row{display:flex;gap:8px}.m-node .m-field.half{flex:1;min-width:0}.m-node .m-textarea,.m-node .m-input{width:100%;box-sizing:border-box;background:var(--cn-panel);border:1px solid var(--cn-line);border-radius:8px;color:var(--cn-text);font-size:12px;padding:8px;font-family:inherit}.m-node .m-textarea{resize:vertical;min-height:54px}.m-node .m-textarea:focus,.m-node .m-input:focus{outline:none;border-color:var(--accent)}.m-node select.m-input{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.m-node .m-badge-in,.m-node .m-badge-tx,.m-node .m-badge-img,.m-node .m-badge-mp4,.m-node .m-badge-cos{font-size:9.5px;letter-spacing:.02em}.m-node .m-badge-in{background:#6c4dff}.m-node .m-badge-tx{background:#8b5cf6}.m-node .m-badge-img{background:#06b6d4}.m-node .m-badge-mp4{background:#f59e0b;color:#1a1206}.m-node .m-badge-cos{background:#10b981;color:#062018}.m-node .m-mini-list{margin-top:6px;display:flex;flex-direction:column;gap:3px}.m-node .m-mini-item{font-size:11px;color:var(--cn-text);display:flex;gap:6px;align-items:center}.m-node .m-mini-no{font-size:10px;font-weight:800;color:#0f1015;background:var(--accent);border-radius:5px;padding:1px 6px;flex:none}.m-node .m-mini-more{font-size:10px;color:var(--cn-muted)}.m-node .m-thumb-grid{display:flex;flex-wrap:wrap;gap:5px}.m-node .m-thumb{width:42px;height:42px;object-fit:cover;border-radius:6px;border:1px solid var(--cn-line)}.m-node .m-thumb-more{width:42px;height:42px;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--cn-muted);background:var(--cn-panel);border:1px dashed var(--cn-line);border-radius:6px}.m-node .m-video{width:100%;border-radius:9px;background:#000;max-height:160px}.m-node .m-link{display:block;font-size:10px;color:var(--accent);word-break:break-all;text-decoration:none;opacity:.9}.m-node .m-link:hover{text-decoration:underline}.m-node .m-note{font-size:10px;color:var(--cn-muted);opacity:.8}.mm{position:absolute;right:14px;bottom:14px;z-index:30;background:var(--cn-panel);border:1px solid var(--cn-line);border-radius:10px;overflow:hidden;box-shadow:0 8px 24px #0006}.mm canvas{display:block;cursor:crosshair}.mm small{display:block;padding:3px 8px;font-size:9px;color:var(--cn-muted);background:#00000040}@media (max-width: 720px){.mm{display:none}}