.app-layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);background:var(--card);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0}.sidebar-head{padding:14px 16px 10px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px}.sidebar-head-icon{flex-shrink:0;display:flex;align-items:center}.sidebar-head-icon-img{width:24px;height:24px;border-radius:4px;object-fit:cover}.sidebar-head-icon-emoji{font-size:22px;line-height:1}.sidebar-head-texts{display:flex;flex-direction:column;min-width:0}.sidebar-logo{font-size:13px;font-weight:700;color:var(--primary);margin:0}.sidebar-sub{font-size:10px;color:var(--text-secondary);margin-top:1px}.sidebar-nav{flex:1;padding:6px;display:flex;flex-direction:column;gap:1px}.sidebar-item{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:var(--radius-sm);font-size:12px;cursor:pointer;color:var(--text);transition:all .12s;border:none;background:none;font-family:var(--font);text-align:left;width:100%}.sidebar-item:hover{background:var(--bg)}.sidebar-item.active{background:var(--primary-light);color:var(--primary);font-weight:600}.sidebar-item .ico{font-size:14px;width:20px;text-align:center;flex-shrink:0}.sidebar-item .badge{margin-left:auto;font-size:9px;padding:1px 5px;border-radius:3px;background:var(--border);color:var(--text-secondary);white-space:nowrap}.sidebar-foot{padding:8px;border-top:1px solid var(--border);font-size:10px;color:var(--text-secondary)}.main-area{flex:1;display:flex;flex-direction:column;overflow:hidden}.workspace-content{flex:1;display:flex;flex-direction:column;min-height:0;overflow-y:auto}.main-content{flex:1;overflow-y:auto;padding:0}.top-nav{display:flex;align-items:center;gap:0;padding:0 12px;flex-shrink:0;background:var(--card);border-bottom:1px solid var(--border)}.tn-item{padding:8px 12px;font-size:11px;font-weight:500;cursor:pointer;color:var(--text-secondary);border-bottom:3px solid transparent;transition:all .15s;display:flex;align-items:center;gap:5px;white-space:nowrap;position:relative}.tn-item:hover{color:var(--text);background:var(--bg-hover)}.tn-item.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.tn-item.done{color:var(--success)}.tn-num{width:16px;height:16px;border-radius:50%;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;background:var(--border);color:var(--text-secondary);transition:all .2s;flex-shrink:0}.tn-item.active .tn-num{background:var(--primary);color:#fff}.tn-item.done .tn-num{background:var(--success);color:#fff}.tn-arrow{color:var(--muted);font-size:10px;padding:0 1px;-webkit-user-select:none;user-select:none;flex-shrink:0}.tn-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0;position:absolute;top:4px;right:4px}.tn-dot.waiting{background:var(--border)}.tn-dot.progress{background:var(--primary);animation:pulse 1.2s ease-in-out infinite}.tn-dot.done{background:var(--success)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.sub-nav{display:flex;align-items:center;gap:0;padding:0 12px;flex-shrink:0;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.sn-item{padding:5px 12px;font-size:10px;font-weight:500;cursor:pointer;color:var(--text-secondary);border-bottom:2px solid transparent;transition:all .15s;display:flex;align-items:center;gap:4px;white-space:nowrap}.sn-item:hover{color:var(--text)}.sn-item.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.sn-sep{color:var(--muted);font-size:9px;padding:0 2px;-webkit-user-select:none;user-select:none;flex-shrink:0}.sub-nav-desc{font-size:10px;color:var(--text);font-weight:600;padding:5px 12px}.content-area{flex:1;overflow:hidden;min-height:0;padding:16px;display:flex;flex-direction:column}.pipeline-area{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.proj-header-bar{display:flex;align-items:center;gap:10px;padding:8px 16px;background:var(--card);border-bottom:1px solid var(--border)}.proj-header-bar .proj-header-name{font-weight:600;font-size:14px;flex:1}.panel-grid{display:flex;gap:16px;flex:1;min-height:0;position:relative}.panel-left{position:absolute;top:0;left:0;bottom:0;width:380px;display:flex;flex-direction:column;gap:10px;overflow-y:auto}.panel-right{margin-left:396px;flex:1;display:flex;flex-direction:column;gap:10px;min-height:0;overflow:hidden}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:14px;min-height:0}.card-title{font-size:12px;font-weight:600;margin-bottom:8px;display:flex;align-items:center;gap:6px}.card-hint{font-size:10px;color:var(--text-secondary);margin-bottom:8px;padding:6px 8px;background:var(--bg-hover);border-radius:4px;line-height:1.5}.form-group{margin-bottom:14px}.form-label{font-size:10px;font-weight:600;color:var(--text-secondary);margin-bottom:2px;display:block}.form-hint{font-size:10px;color:var(--text-secondary);margin-top:4px;line-height:1.4}.form-row{display:flex;gap:6px}.form-row>*{flex:1}.form-input,.form-select,.form-textarea{width:100%;padding:6px 8px;border:1px solid var(--border);border-radius:5px;font-size:11px;font-family:var(--font);outline:none;transition:border-color .15s;background:var(--card);color:var(--text)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary)}.form-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236B6B6B' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;padding-right:28px}.form-textarea{min-height:80px;resize:none;font-family:var(--mono);font-size:10px;line-height:1.6;overflow-wrap:break-word;word-break:break-word;white-space:pre-wrap}.btn-dirty{background:var(--btn-dirty-bg)!important;color:var(--btn-dirty-text)!important}.btn-saved-flash{background:var(--success)!important;color:#fff!important}.mode-tabs{display:flex;gap:2px;margin-bottom:8px}.mode-tab{flex:1;padding:5px 4px;border:1px solid var(--border);background:var(--bg);font-size:10px;cursor:pointer;font-family:var(--font);color:var(--text-secondary);text-align:center;border-radius:4px;transition:all .12s}.mode-tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:6px 12px;border-radius:var(--radius-sm);font-size:11px;font-weight:600;font-family:var(--font);cursor:pointer;border:none;transition:all .12s;white-space:nowrap}.btn:disabled,button:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-outline{background:var(--card);color:var(--primary);border:1px solid var(--primary)}.btn-outline:hover{background:var(--primary-light)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover{background:var(--bg-secondary)}.btn-sm{font-size:10px;padding:3px 8px}.tmpl-group{display:flex;flex-direction:column;gap:4px;max-height:210px;overflow-y:auto}.tmpl-card{display:flex;gap:10px;padding:10px 12px;border:1px solid var(--border);border-left:3px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:border-color .15s;align-items:flex-start}.tmpl-card:hover{border-color:var(--primary)}.tmpl-card.selected{border-left-color:var(--primary);background:var(--primary-light)}.tmpl-thumb{width:64px;height:42px;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;overflow:hidden;background:var(--bg-hover);border:1px solid var(--border)}.tmpl-thumb .no-thumb{font-size:8px;color:var(--muted);text-align:center}.tmpl-info{flex:1;min-width:0}.tmpl-name{font-size:11px;font-weight:600}.tmpl-meta{font-size:9px;color:var(--text-secondary);margin-top:2px}.default-tag{font-size:8px;background:var(--primary);color:#fff;padding:1px 5px;border-radius:2px;margin-left:6px}.tmpl-preview{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);overflow:hidden;min-height:180px}.tmpl-preview-header{padding:6px 10px;font-size:10px;font-weight:600;background:var(--bg-secondary);border-bottom:1px solid var(--border);color:var(--text-secondary)}.tmpl-preview-body{padding:12px;overflow-y:auto}.preview-toolbar{display:flex;align-items:center;gap:8px;padding:5px 10px;border-bottom:1px solid var(--border);background:var(--bg-secondary);flex-shrink:0}.fmt-toggle{display:flex;border:1px solid var(--border);border-radius:3px;overflow:hidden}.fmt-toggle button{padding:3px 10px;font-size:10px;border:none;cursor:pointer;background:var(--card);color:var(--text-secondary)}.fmt-toggle button:not(:last-child){border-right:1px solid var(--border)}.fmt-toggle button.active{background:var(--primary);color:#fff}.fmt-toggle button:hover:not(.active){background:var(--bg-hover)}.prev-sop{font-size:10px;line-height:1.6}.prev-sop .prev-title{font-size:14px;font-weight:700;text-align:center;margin-bottom:6px}.prev-ppt{display:flex;gap:8px;flex-wrap:wrap}.prev-slide{width:100px;height:70px;border:1px solid var(--border);border-radius:3px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:9px;color:var(--text-secondary);background:var(--card)}.prev-slide .slide-bar{width:60%;height:3px;border-radius:1px;margin:3px 0}.prev-script{font-size:11px;line-height:1.8;padding:8px}.prev-script .pause-mark{color:var(--warning);font-weight:600}.prev-voice{display:flex;gap:12px;align-items:center}.prev-voice .voice-wave{flex:1;height:32px;border-radius:4px;background:linear-gradient(90deg,var(--primary-light) 0%,var(--primary) 50%,var(--primary-light) 100%)}.prev-voice .voice-meta{font-size:10px;color:var(--text-secondary);line-height:1.6;white-space:nowrap}.prev-md{font-size:12px;line-height:1.9}.prev-md h2{font-size:14px;color:var(--primary);margin:8px 0 4px}.prev-md h3{font-size:13px;margin:12px 0 6px}.prev-md table{border-collapse:collapse;width:100%;margin:10px 0}.prev-md th,.prev-md td{border:1px solid #ccc;padding:7px 10px;font-size:12px;text-align:left}.prev-md th{background:#f0f0f0;font-weight:600}.config-bar{display:flex;align-items:center;gap:8px;flex-shrink:0;padding:6px 16px;background:var(--bg-hover);border-top:1px solid var(--border);font-size:10px;color:var(--text-secondary)}.config-bar .cb-label{font-weight:600;color:var(--text)}.config-bar .cb-sep{color:var(--muted);font-size:8px}.config-bar .cb-val{color:var(--primary);font-weight:500}.config-bar .cb-edit{font-size:9px;color:var(--primary);cursor:pointer;text-decoration:underline;margin-left:auto}.output-table{width:100%;font-size:10px;border-collapse:collapse}.output-table th{text-align:left;padding:6px 8px;background:var(--bg-hover);border-bottom:2px solid var(--border);font-size:9px;color:var(--text-secondary)}.output-table td{padding:6px 8px;border-bottom:1px solid var(--border)}.dialog-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:10001}.dialog-box{background:var(--card);border-radius:var(--radius);padding:20px;width:360px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #00000026}.dialog-box.wide{width:520px}.save-file-dialog{width:480px}.folder-browser{border:1px solid var(--border);border-radius:6px;max-height:180px;overflow-y:auto;margin-bottom:10px;margin-top:4px}.folder-item{padding:6px 10px;cursor:pointer;font-size:12px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:6px;color:var(--text)}.folder-item:last-child{border-bottom:none}.folder-item:hover{background:var(--bg-secondary, #f1f5f9)}.dialog-box.video-checker{width:90vw;display:flex;flex-direction:column;overflow:hidden}.dialog-title{font-size:14px;font-weight:700;margin-bottom:12px}.proj-list-header{padding:16px 20px 0;display:flex;gap:8px;align-items:center}.proj-list{padding:12px 20px;display:flex;flex-direction:column;gap:6px;flex:1;overflow-y:auto}.proj-card{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all .1s}.proj-card:hover{border-color:var(--primary);background:var(--primary-light)}.pc-name{font-weight:600;font-size:11px;flex:1}.pc-status{font-size:10px;padding:2px 6px;border-radius:3px}.pc-status.draft{background:var(--bg-hover);color:var(--text-secondary)}.pc-status.in_progress{background:var(--primary-light);color:var(--primary)}.pc-status.completed{background:var(--success-light);color:var(--success)}.pc-date{font-size:10px;color:var(--text-secondary)}.pc-actions{display:flex;gap:4px}.mgmt-tabs{display:flex;align-items:center;gap:0;padding:0 12px;flex-shrink:0;background:var(--card);border-bottom:1px solid var(--border)}.mgmt-tab{padding:8px 12px;font-size:11px;font-weight:500;cursor:pointer;color:var(--text-secondary);border-bottom:3px solid transparent;transition:all .15s;display:flex;align-items:center;gap:5px;white-space:nowrap;background:none;border-top:none;border-left:none;border-right:none;font-family:var(--font);border-radius:0}.mgmt-tab:hover{color:var(--text);background:var(--bg-hover)}.mgmt-tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.mgmt-content{padding:16px 20px;flex:1;overflow-y:auto}.sub-tabs{display:flex;gap:0;margin-bottom:14px;border-bottom:1px solid var(--border)}.sub-tab{padding:6px 14px;font-size:11px;cursor:pointer;color:var(--text-secondary);border-bottom:2px solid transparent;background:none;border-top:none;border-left:none;border-right:none;font-family:var(--font);border-radius:0}.sub-tab:hover{color:var(--text)}.sub-tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.preview-box{background:var(--bg);border:1px solid var(--border);border-radius:5px;padding:12px;font-size:10px;line-height:1.7;font-family:var(--mono);flex:1;overflow-y:auto;min-height:140px}.settings-section{padding:16px 20px}.settings-section h3{font-size:13px;margin-bottom:10px}.settings-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.settings-row label{font-size:11px;color:var(--text-secondary);min-width:100px;text-align:right}.settings-row input,.settings-row select{flex:1;max-width:360px}.mini-progress{width:100%;height:3px;background:var(--border);border-radius:2px;overflow:hidden;margin-top:4px}.mini-progress-fill{height:100%;background:var(--cyan);border-radius:2px;transition:width .3s;width:0%}.config-group{border:1px solid var(--border);border-radius:5px;padding:8px 10px;margin-bottom:6px;display:flex;gap:6px;align-items:flex-end;background:var(--bg-hover)}.config-group .cg-item{display:flex;flex-direction:column}.config-group .cg-item.model{width:90px}.config-group .cg-item.prompt,.config-group .cg-item.skill{flex:1}.config-group .cg-label{font-size:9px;color:var(--text-secondary);margin-bottom:1px;font-weight:600}.three-col{display:flex;gap:10px;flex:1}.three-col>div{flex:1;display:flex;flex-direction:column}.output-mini{display:flex;flex-direction:column;gap:6px}.output-mini-item{border:1px solid var(--border);border-radius:5px;padding:8px;font-size:9px;line-height:1.5;font-family:var(--mono);max-height:130px;overflow-y:auto}.omi-header{font-family:var(--font);font-weight:600;font-size:10px;margin-bottom:3px;display:flex;align-items:center;gap:4px}.omi-sop{color:var(--success)}.omi-dao{color:var(--purple)}.omi-yan{color:var(--warning)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.page-view{display:none;flex:1;overflow-y:auto}.page-view.active{display:flex;flex-direction:column}.toast-container{position:fixed;top:16px;right:16px;z-index:10000;display:flex;flex-direction:column;gap:8px}.toast-item{padding:10px 18px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;color:#fff;box-shadow:0 4px 16px #00000026;animation:toast-in .25s ease-out;max-width:360px}.toast-success{background:var(--success)}.toast-error{background:var(--warning)}@keyframes toast-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes help-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.help-content h1{font-size:20px;color:var(--primary);margin:20px 0 10px;padding-bottom:6px;border-bottom:2px solid var(--primary)}.help-content h2{font-size:16px;color:var(--primary);margin:16px 0 8px}.help-content h3{font-size:13px;margin:12px 0 6px}.help-content p{margin:8px 0}.help-content ul,.help-content ol{padding-left:20px;margin:6px 0}.help-content li{margin:3px 0}.help-content code{background:var(--primary-light, #fef3c7);padding:1px 5px;border-radius:3px;font-size:11px}.help-content pre{background:var(--bg, #f5f5f5);padding:10px 14px;border-radius:6px;overflow-x:auto;font-size:11px;line-height:1.5}.help-content pre code{background:none;padding:0}.help-content table{border-collapse:collapse;width:100%;margin:10px 0}.help-content th,.help-content td{border:1px solid #ccc;padding:7px 10px;font-size:11px;text-align:left}.help-content th{background:#f0f0f0;font-weight:600}.help-content strong{color:var(--text)}.help-content hr{border:none;border-top:1px solid var(--border);margin:20px 0}.ac-group{margin-bottom:6px;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;background:var(--card)}.ac-head{display:flex;align-items:center;padding:9px 14px;cursor:pointer;gap:10px;-webkit-user-select:none;user-select:none}.ac-head:hover{background:var(--bg-hover)}.ac-num{width:20px;height:20px;border-radius:50%;background:var(--primary);color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ac-num.no-tmpl{background:var(--text-secondary)}.ac-title{font-size:12px;font-weight:600}.ac-summary{font-size:10px;color:var(--text-secondary);flex:1}.ac-arrow{font-size:8px;color:var(--text-secondary);transition:transform .2s;flex-shrink:0}.ac-group.open .ac-arrow{transform:rotate(180deg)}.ac-body{display:none;padding:10px 14px 12px;border-top:1px solid var(--border);background:var(--bg-hover)}.ac-group.open .ac-body{display:block}.ac-tmpl-card{padding:10px 12px;margin-bottom:6px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card)}.ac-tmpl-card.default{border-left:3px solid var(--primary)}.ac-tmpl-row{display:flex;align-items:center;gap:8px;font-size:11px}.ac-tmpl-name{font-weight:600}.ac-tmpl-meta{font-size:10px;color:var(--text-secondary);margin-top:4px}.ac-sub-item{padding:8px 10px;margin-bottom:4px;border:1px dashed var(--border);border-radius:var(--radius-sm);background:var(--card)}.ac-sub-item-header{font-size:10px;font-weight:600;margin-bottom:4px}.ac-field-row{display:flex;gap:10px;align-items:flex-start;margin-top:4px}.ac-field{flex:1}.ac-field label{font-size:9px;color:var(--text-secondary);display:block;margin-bottom:2px}.ac-field textarea{width:100%;min-height:48px;font-size:9px;font-family:var(--mono);border:1px solid var(--border);border-radius:3px;padding:4px 6px;resize:vertical;background:var(--card)}.ac-field textarea:focus{outline:none;border-color:var(--primary)}.hidden{display:none!important}.flex-center{display:flex;align-items:center;justify-content:center}.w-full{width:100%}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #FAFAF8;--card: #FFFFFF;--text: #1A1A1A;--text-secondary: #6B6B6B;--primary: #8B1A1A;--primary-light: #FBF5F3;--border: #E8E5E0;--success: #4A8B3F;--warning: #C75B39;--purple: #7C3AED;--cyan: #0891B2;--primary-hover: #6E1515;--bg-secondary: #F5F3F0;--bg-hover: #F0EFEC;--muted: #D4C8B8;--success-light: #EDF7EB;--warning-light: #FDF0EA;--btn-dirty-bg: #A0522D;--btn-dirty-text: #fff;--font: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;--mono: "SF Mono", "Cascadia Code", Consolas, monospace;--radius: 8px;--radius-sm: 6px;--sidebar-w: 200px}html,body,#root{height:100%;font-family:var(--font);color:var(--text);background:var(--bg)}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit;font-size:14px}