.creative-nav{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0 12px}.creative-status{color:var(--muted)}
.creative-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:24px;align-items:start}.creative-layout main{min-width:0}.creative-layout .panel{margin-bottom:20px}
.creative-rail{position:sticky;top:18px;max-height:85vh;overflow:auto}.creative-rail h2{font-size:18px}.creative-ref{display:grid;gap:8px;border-bottom:1px solid var(--line);padding:16px 0}.creative-ref>img,.creative-ref>video{width:100%;height:130px;object-fit:contain;background:#10140e}.creative-ref p{font-size:12px;margin:0}.creative-ref small{color:var(--lime)}
.creative-directions{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.creative-directions .chosen{border-color:var(--lime)}.creative-directions h3{font-size:20px}.creative-directions p{font-size:13px}
.creative-comparison{display:grid;grid-template-columns:1fr 1fr;gap:20px}.creative-comparison>div{min-width:0}.creative-comparison p{max-height:400px;overflow:auto}.creative-versions{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,220px));gap:14px}.creative-versions img{height:180px;object-fit:contain}.creative-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.creative-ref-choice{border:1px solid var(--line);border-radius:10px;padding:14px}.creative-ref-choice>img,.creative-ref-choice>video{width:100%;height:140px;object-fit:contain}.creative-ref-choice[hidden]{display:none}.creative-ref-choice label{margin-top:10px}.creative-layout .editor-section{border-color:var(--line)}.creative-layout .editor-section>summary strong{font-family:inherit;font-size:17px}
#dialog .dialog-head{position:sticky;top:-28px;background:var(--panel);z-index:5;padding:14px 0;border-bottom:1px solid var(--line)}#dialog .dialog-actions{position:sticky;bottom:-28px;background:var(--panel);z-index:4;padding:14px 0;border-top:1px solid var(--line)}
@media(max-width:1000px){.creative-layout{grid-template-columns:1fr}.creative-rail{position:static;max-height:none}.creative-rail .list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media(max-width:650px){.creative-comparison,.creative-picker{grid-template-columns:1fr}#dialog .dialog-head{top:-18px}#dialog .dialog-actions{bottom:-18px}.creative-nav button{flex:1;padding:10px 5px}}

/* 「开始」向导：一屏一件事，按钮在眼前 */
.wizard-steps{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.wizard-steps .wizard-step{background:transparent;border-color:#394133;color:var(--muted);font-size:12px;padding:7px 12px}
.wizard-steps .wizard-step.primary{background:var(--lime);color:#18200f;border-color:var(--lime);font-weight:600}
.wizard-bar{position:sticky;top:-1px;z-index:6;padding:10px 0;margin-bottom:8px;background:linear-gradient(#161c14f2 78%,#161c1400)}
.wizard-bar button{padding:11px 16px}
.wizard-line{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;border-bottom:1px solid var(--line);padding:9px 0;font-size:12px}
.wizard-line span:last-child{color:var(--lime)}
.wizard-line span.missing{color:var(--bad)}
@media(max-width:620px){.wizard-steps{flex-wrap:nowrap;overflow:auto}.wizard-steps .wizard-step{white-space:nowrap}}

/* 一条片一页：状态条 + 三列画面 */
.wizard-status{position:sticky;top:-1px;z-index:7;padding:14px 18px;background:#171c16f2;backdrop-filter:blur(8px)}
.wizard-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border:1px solid #394133;border-radius:20px;color:var(--muted);font-size:12px}
.wizard-chip.ok{border-color:#455535;color:var(--lime);background:#222a1b}
.wizard-chip small{color:#77836a;font-size:10px}
.wizard-frame-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.wizard-frame{border:1px solid var(--line);border-radius:10px;background:#12160f;padding:14px}
.wizard-frame-head{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}
.wizard-frame-head strong{font-size:14px}
.wizard-frame-head small{color:var(--muted);font-size:11px;margin-left:auto}
.wizard-frame label{display:block;margin-bottom:8px}
.wizard-frame input{font-size:12px;padding:7px 9px}
@media(max-width:1000px){.wizard-frame-grid{grid-template-columns:1fr}}

/* 手机端：创作导航横滚，别挤成两行 */
@media(max-width:620px){.creative-nav{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.creative-nav button{white-space:nowrap;flex:none}}