.mix-workbench{--sidebar-w:210px;--bg:#f6f7f9;--sidebar:#fff;--panel:#fff;padding-bottom:58px}
.mix-workbench .ops-nav[hidden],.mix-suppressed{display:none!important}
.mix-nav{display:grid;gap:4px;margin-top:26px}.mix-nav button{display:flex;align-items:center;gap:16px;min-height:45px;border:0;background:transparent;color:#57616b;text-align:left;padding:10px 14px;border-radius:6px;font-size:14px;cursor:pointer}.mix-nav span{font-size:11px;color:#8b949c}.mix-nav button.active{background:#fff0e8;color:#9c3818;border-left:3px solid #be481e}
.mix-workbench .ops-brand b{font-size:16px;letter-spacing:0}.mix-workbench .ops-brand small{font-size:10px;letter-spacing:.05em}
.mix-workbench [data-view-panel="dashboard"]>*:not(.mix-home){display:none}
.mix-home{max-width:1140px;margin:0 auto}.mix-hero{padding:42px;background:#fff3ec;border:1px solid #f0d7c8;border-radius:12px}.mix-hero small{font-size:14px;color:#9a411e}.mix-hero h1{font-size:36px;line-height:1.35;margin:14px 0}.mix-hero p{font-size:15px;color:#63666b;line-height:1.7}.mix-hero button,.mix-next{border:0;border-radius:7px;padding:13px 22px;background:#bc481f;color:#fff;font-size:14px;cursor:pointer;margin-top:24px}
.mix-features{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0}.mix-features button{background:#fff;border:1px solid #e1e5e9;border-radius:10px;padding:26px 18px;text-align:left;cursor:pointer}.mix-features h2{font-size:17px;margin-bottom:12px}.mix-features p{font-size:13px;line-height:1.7;color:#6b727b}.mix-flow{background:white;padding:26px;border:1px solid #e1e5e9;border-radius:10px}.mix-flow h2{font-size:18px}.mix-flow p{font-size:16px;line-height:2;margin:16px 0}.mix-flow small{color:#727983;line-height:1.7}
.mix-workbench [data-view-panel="create"]>.view-intro,.mix-workbench .production-desk-bar,.mix-workbench .production-steps,.mix-workbench .step-guide,.mix-workbench .editor-panel>.panel-heading{display:none}
.mix-workbench .workspace{display:block;max-width:1100px;margin:auto}.mix-workbench .editor-panel,.mix-workbench .result-panel{width:100%;min-width:0}.mix-workbench .form-section{padding:24px;border-top:0}.mix-workbench .form-section h2{font-size:23px;margin-bottom:16px}.mix-workbench .form-section>p{font-size:14px;line-height:1.7;color:#64707c;margin-bottom:18px}
.mix-workbench .legacy-intensity{display:block!important}.mix-workbench #mixPresetName{display:block;width:100%;padding:12px;border:1px solid #cbd2d9;border-radius:6px;margin:12px 0}.mix-workbench #mixSavePreset,.mix-preset button{padding:10px 16px;min-height:40px;border:1px solid #cbd2d9;border-radius:6px;background:#fff;cursor:pointer}.mix-preset{display:flex;gap:10px;align-items:center;padding:14px 0;border-bottom:1px solid #e4e8ec}.mix-preset span{flex:1}.mix-next{margin:0 24px 24px}.mix-next[hidden]{display:none}
.mix-statusbar{position:fixed;z-index:35;bottom:0;left:var(--sidebar-w);right:0;min-height:54px;background:white;border-top:1px solid #dce1e6;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 26px;font-size:13px}.mix-statusbar button{background:#bc481f;color:white;border:0;border-radius:5px;padding:9px 15px;cursor:pointer}
.mix-workbench [data-view-panel="tasks"].active{display:grid;grid-template-columns:minmax(260px,1fr) minmax(320px,1.4fr);gap:20px}.mix-workbench [data-view-panel="tasks"]>.view-intro,.mix-workbench .task-filter-bar{grid-column:1/-1}.mix-workbench .full-task-list .task-row{display:flex;flex-wrap:wrap;gap:12px;padding:18px}.mix-task-detail{background:white;border:1px solid #dce1e6;border-radius:10px;padding:26px;align-self:start}.mix-task-detail h2{font-size:21px;margin-bottom:18px}.mix-task-detail p{white-space:pre-line;line-height:1.9;font-size:15px}.mix-task-detail small{display:block;line-height:1.7;color:#707984;margin-top:24px}
@media(max-width:900px){.mix-features{grid-template-columns:repeat(2,1fr)}.mix-workbench [data-view-panel="tasks"].active{display:block}.mix-task-detail{margin-top:20px}}
@media(max-width:600px){.mix-statusbar{left:0;padding:10px 14px}.mix-hero{padding:24px}.mix-hero h1{font-size:27px}.mix-features{gap:10px}.mix-features button{padding:18px 12px}.mix-workbench .form-section{padding:16px}.mix-flow p{font-size:14px}.mix-nav{margin-top:14px}}
@media(prefers-reduced-motion:reduce){.mix-workbench *{scroll-behavior:auto!important;transition:none!important}}

.mix-workbench .ops-view{animation:none!important;opacity:1!important;transform:none!important}.mix-workbench .editor-panel{display:flex;flex-direction:column}.mix-workbench .editor-panel>.form-section{order:1}.mix-workbench .editor-panel>.mix-next,.mix-workbench .editor-panel>#startButton{order:9}.mix-workbench [data-view-panel="tasks"]>.list-toolbar{grid-column:1/-1}.mix-task-detail dl{display:grid;grid-template-columns:100px minmax(0,1fr);gap:14px;font-size:14px}.mix-task-detail dd{margin:0;overflow-wrap:anywhere}.mix-task-detail dt{color:#66717a}

/* Screenshot-aligned desktop layout: orange hero is the sole palette exception. */
.mix-workbench{--sidebar-w:200px;--bg:#f5f5f5;padding-bottom:40px;font-family:Arial,"Microsoft YaHei",sans-serif}
.mix-workbench .ops-sidebar{padding:0;background:#fff;border-right:1px solid #e6e6e6}
.mix-workbench .ops-brand{padding:26px 22px;margin:0;min-height:92px}.mix-workbench .ops-brand small{display:none}
.mix-nav{gap:0;margin-top:0}.mix-nav button{height:48px;border-radius:0;padding:0 22px;gap:18px;font-weight:400}.mix-nav span{font-size:22px;color:inherit;width:24px}.mix-nav button.active{border-left:0;border-right:3px solid #168bd0;background:#e5f4fc;color:#32769e}
.mix-workbench .ops-topbar{min-height:50px;height:50px;background:#fff;border-bottom:1px solid #eee}.mix-workbench .ops-topbar .top-actions{display:none}
.mix-workbench .ops-main>main{padding:0 32px 24px}.mix-home{max-width:900px;margin:0 auto}
.mix-hero{height:280px;box-sizing:border-box;padding:54px 24px 40px;text-align:center;background:linear-gradient(115deg,#ee762d,#ff974b);border:0;border-radius:0 0 12px 12px;color:#fff}
.mix-hero h1{font-size:44px;line-height:1.2;margin:0 0 14px;color:white;font-weight:700}.mix-hero p{font-size:20px;line-height:1.5;color:#fff;margin:0}.mix-hero button{margin-top:28px;width:136px;height:46px;padding:0;background:white;color:#99511f;border-radius:8px}
.mix-features{margin:32px 0;gap:16px}.mix-features button{height:180px;padding:28px 18px 20px;text-align:center;border:0;border-radius:7px;box-shadow:0 2px 14px #00000003}.mix-feature-icon{display:block;font-size:36px;line-height:44px;margin-bottom:12px}.mix-features h2{font-size:18px;line-height:1.4;margin:0 0 6px}.mix-features p{font-size:13px;line-height:1.65;margin:0;color:#757575}
.mix-flow{height:156px;padding:24px;border:0;border-radius:7px}.mix-flow h2{font-size:18px;margin:0}.mix-flow-steps{display:flex;justify-content:center;gap:48px;margin-top:18px}.mix-flow-steps button{border:0;background:none;position:relative;padding:0;cursor:pointer}.mix-flow-steps button:not(:last-child)::after{content:'→';position:absolute;left:calc(100% + 18px);top:12px;color:#a6a6a6}.mix-flow-steps span{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#078ce6;color:white;font-size:16px;margin:auto}.mix-flow-steps small{display:block;font-size:13px;margin-top:8px;color:#666}.mix-home-note{font-size:12px;color:#777;text-align:center;margin:14px 0}
.mix-statusbar{height:40px;min-height:40px;padding:6px 20px;gap:16px}.mix-statusbar button{background:#078ce6;padding:6px 16px;border-radius:4px}.mix-statusbar progress{flex:1;min-width:20px;height:7px;border:0;appearance:none}.mix-statusbar progress::-webkit-progress-bar{background:#eee;border-radius:8px}.mix-statusbar progress::-webkit-progress-value{background:#078ce6;border-radius:8px}
.mix-workbench [data-view-panel="tasks"].active{grid-template-columns:minmax(240px,36fr) minmax(320px,64fr);gap:20px;padding-top:32px}.mix-workbench [data-view-panel="tasks"] .view-intro h1{font-size:24px;margin:0 0 10px}.mix-workbench [data-view-panel="tasks"] .view-intro{margin:0}.mix-workbench .full-task-list{padding:16px;background:white;border:1px solid #e3e6e9;border-radius:12px;align-self:start;display:grid;gap:8px}.mix-workbench .full-task-list::before{content:'历史任务';font-weight:700;font-size:18px;margin-bottom:4px}.mix-workbench .full-task-list .task-row{background:#fafafa;border:1px solid #ddd;border-radius:7px;display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:12px;cursor:pointer}.mix-workbench .full-task-list .task-row.mix-selected{background:#e5f4fc}.mix-task-detail{padding:24px 18px;border-color:#e3e6e9;border-radius:12px}.mix-task-detail h2{font-size:18px}.mix-task-detail dl{grid-template-columns:90px minmax(0,1fr);gap:12px 6px;font-size:16px}.mix-task-detail dt{color:#171717;font-weight:700}
.mix-workbench .mix-next{order:99!important;align-self:stretch}
@media(max-width:900px){.mix-workbench [data-view-panel="tasks"].active{display:block}.mix-features{grid-template-columns:repeat(2,1fr)}.mix-task-detail{margin-top:16px}}
@media(max-width:600px){.mix-workbench .ops-main>main{padding:0 14px 20px}.mix-hero{height:auto;padding:36px 16px}.mix-hero h1{font-size:30px}.mix-hero p{font-size:16px}.mix-features{margin:16px 0;gap:12px}.mix-features button{height:auto;min-height:180px;padding:20px 12px}.mix-flow{height:auto;padding:18px 12px}.mix-flow-steps{gap:18px}.mix-flow-steps button:not(:last-child)::after{display:none}.mix-flow-steps small{font-size:12px}.mix-statusbar{left:0;padding:6px 12px}.mix-statusbar span{font-size:12px}.mix-task-detail dl{font-size:14px}}

.mix-workbench #editorForm.editor-panel{display:flex!important;flex-direction:column!important}.mix-workbench #editorForm>.privacy-note{order:98}.mix-workbench [data-view-panel="tasks"] .view-intro .eyebrow{display:none}