/* 剧本分镜工作台 · Jike 流程融合预览（仅本地） */ :is(#panel-workbench,#cd-storyboard) .wbj{--wj-gold:var(--gold,#c9a96a);--wj-gold-soft:var(--gold-soft,#e3cf9f);--wj-dim:var(--gold-dim,rgba(201,169,106,.12));--wj-line:var(--line,rgba(255,255,255,.075));--wj-line-2:var(--line-2,rgba(255,255,255,.12));--wj-surface:var(--surface,#111114);--wj-surface-2:var(--surface-2,#15151a);--wj-raise:var(--raise,#1a1a20);color:var(--text,#ece8e1);font-family:var(--sans,system-ui);display:grid;grid-template-columns:minmax(0,1fr);gap:22px} :is(#panel-workbench,#cd-storyboard) .wbj button{font:inherit;color:inherit;cursor:pointer} :is(#panel-workbench,#cd-storyboard) .wbj button:focus-visible,:is(#panel-workbench,#cd-storyboard) .wbj select:focus-visible,:is(#panel-workbench,#cd-storyboard) .wbj textarea:focus-visible,:is(#panel-workbench,#cd-storyboard) .wbj input:focus-visible{outline:2px solid var(--wj-gold);outline-offset:2px} :is(#panel-workbench,#cd-storyboard) .wbj .kicker{font:600 9px/1 var(--mono,monospace);letter-spacing:2px;color:var(--wj-gold);text-transform:uppercase} :is(#panel-workbench,#cd-storyboard) .wbj h2{font:500 27px/1.15 var(--serif,serif);margin:6px 0 0;letter-spacing:.5px} :is(#panel-workbench,#cd-storyboard) .wbj h3{font:500 17px/1.2 var(--serif,serif);margin:0} :is(#panel-workbench,#cd-storyboard) .wbj .muted{color:var(--muted,#918c84)} :is(#panel-workbench,#cd-storyboard) .wbj .faint{color:var(--faint,#736f68)} :is(#panel-workbench,#cd-storyboard) .wbj .mono{font-family:var(--mono,monospace)} :is(#panel-workbench,#cd-storyboard) .wbj .price{font:500 11px var(--mono,monospace);color:var(--wj-gold-soft)} :is(#panel-workbench,#cd-storyboard) .wbj-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;padding:0 14px;border-radius:9px;border:1px solid var(--wj-line-2);background:#ffffff06;font-size:13px;white-space:nowrap;transition:background .15s,border-color .15s,transform .15s} :is(#panel-workbench,#cd-storyboard) .wbj-btn:hover{background:#ffffff0d;border-color:#ffffff26} :is(#panel-workbench,#cd-storyboard) .wbj-btn:active{transform:translateY(1px)} :is(#panel-workbench,#cd-storyboard) .wbj-btn.gold{background:linear-gradient(135deg,#e3cf9f,#c9a96a);color:#201a0e;border-color:transparent;font-weight:600} :is(#panel-workbench,#cd-storyboard) .wbj-btn.gold:hover{filter:brightness(1.06)} :is(#panel-workbench,#cd-storyboard) .wbj-btn.ghost{border-color:transparent;background:none;color:var(--text-2,#b6b1a8)} :is(#panel-workbench,#cd-storyboard) .wbj-btn.ghost:hover{color:var(--text);background:#ffffff08} :is(#panel-workbench,#cd-storyboard) .wbj-btn.sm{height:28px;padding:0 10px;font-size:12px;border-radius:7px} :is(#panel-workbench,#cd-storyboard) .wbj-btn.icon{width:30px;padding:0} :is(#panel-workbench,#cd-storyboard) .wbj-btn[disabled]{opacity:.4;pointer-events:none} :is(#panel-workbench,#cd-storyboard) .wbj-btn svg,:is(#panel-workbench,#cd-storyboard) .wbj-ic{width:15px;height:15px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round} :is(#panel-workbench,#cd-storyboard) .wbj select,:is(#panel-workbench,#cd-storyboard) .wbj .wbj-input,:is(#panel-workbench,#cd-storyboard) .wbj textarea{background:#0c0c0f;border:1px solid var(--wj-line-2);border-radius:8px;color:var(--text);font:13px var(--sans,system-ui);padding:0 10px;height:32px} :is(#panel-workbench,#cd-storyboard) .wbj select{padding-right:26px;max-width:260px;text-overflow:ellipsis} :is(#panel-workbench,#cd-storyboard) .wbj textarea{padding:12px 14px;height:auto;line-height:1.75;resize:vertical;width:100%;box-sizing:border-box} :is(#panel-workbench,#cd-storyboard) .wbj-field{display:grid;gap:6px} :is(#panel-workbench,#cd-storyboard) .wbj-field>span{font-size:11px;color:var(--muted)} :is(#panel-workbench,#cd-storyboard) .wbj-panel{background:#0e0e12e6;backdrop-filter:blur(14px);border:1px solid var(--wj-line);border-radius:14px;padding:22px} :is(#panel-workbench,#cd-storyboard) .wbj-pill{display:inline-flex;align-items:center;gap:5px;height:20px;padding:0 8px;border-radius:99px;font-size:11px;border:1px solid var(--wj-line-2);color:var(--text-2);white-space:nowrap} :is(#panel-workbench,#cd-storyboard) .wbj-pill.gold{border-color:#c9a96a55;color:var(--wj-gold-soft);background:var(--wj-dim)} :is(#panel-workbench,#cd-storyboard) .wbj-pill.sage{border-color:#a6bfa655;color:var(--sage,#a6bfa6);background:#a6bfa612} :is(#panel-workbench,#cd-storyboard) .wbj-pill.warn{border-color:#d9a08a55;color:var(--danger,#d9a08a);background:#d9a08a12} :is(#panel-workbench,#cd-storyboard) .wbj-pill.live::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;animation:wbj-pulse 1.4s infinite} @keyframes wbj-pulse{50%{opacity:.25}} :is(#panel-workbench,#cd-storyboard) .wbj-seg{display:inline-flex;padding:3px;border-radius:9px;background:#0c0c0f;border:1px solid var(--wj-line-2);gap:2px} :is(#panel-workbench,#cd-storyboard) .wbj-seg button{height:26px;padding:0 10px;border:0;border-radius:6px;background:none;font-size:12px;color:var(--text-2)} :is(#panel-workbench,#cd-storyboard) .wbj-seg button[aria-pressed=true]{background:var(--wj-dim);color:var(--wj-gold-soft);box-shadow:inset 0 0 0 1px #c9a96a55} :is(#panel-workbench,#cd-storyboard) .wbj-seg button:disabled{opacity:.3;cursor:not-allowed} :is(#panel-workbench,#cd-storyboard) .wbj-toggle{background:none;border:0;padding:0;height:auto;box-shadow:none;display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--text-2);cursor:pointer} :is(#panel-workbench,#cd-storyboard) .wbj-toggle i{width:30px;height:17px;border-radius:9px;background:#ffffff1a;position:relative;transition:background .2s} :is(#panel-workbench,#cd-storyboard) .wbj-toggle i::after{content:"";position:absolute;left:2px;top:2px;width:13px;height:13px;border-radius:50%;background:#d8d3ca;transition:transform .2s} :is(#panel-workbench,#cd-storyboard) .wbj-toggle[aria-checked=true] i{background:var(--wj-gold)} :is(#panel-workbench,#cd-storyboard) .wbj-toggle[aria-checked=true] i::after{transform:translateX(13px);background:#201a0e} /* ── 项目网格 ── */ :is(#panel-workbench,#cd-storyboard) .wbj-top{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap} :is(#panel-workbench,#cd-storyboard) .wbj-top p{margin:8px 0 0;color:var(--muted);font-size:13px} :is(#panel-workbench,#cd-storyboard) .wbj-tools{display:flex;gap:10px;align-items:center} :is(#panel-workbench,#cd-storyboard) .wbj-tools .wbj-input{width:220px} :is(#panel-workbench,#cd-storyboard) .wbj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px} :is(#panel-workbench,#cd-storyboard) .wbj-new,:is(#panel-workbench,#cd-storyboard) .wbj-card{border-radius:14px;min-height:312px;text-align:left} :is(#panel-workbench,#cd-storyboard) .wbj-new{display:grid;place-content:center;justify-items:center;gap:10px;border:1px dashed #c9a96a59;background:radial-gradient(120% 80% at 50% 0%,#c9a96a14,transparent 70%) #0e0e12d9;backdrop-filter:blur(10px);transition:border-color .2s,background .2s} :is(#panel-workbench,#cd-storyboard) .wbj-new:hover{border-color:var(--wj-gold);background:radial-gradient(120% 80% at 50% 0%,#c9a96a24,transparent 70%) #0e0e12d9} :is(#panel-workbench,#cd-storyboard) .wbj-new .plus{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--wj-dim);border:1px solid #c9a96a59;color:var(--wj-gold-soft)} :is(#panel-workbench,#cd-storyboard) .wbj-new .plus svg{width:22px;height:22px} :is(#panel-workbench,#cd-storyboard) .wbj-new strong{font:500 19px var(--serif,serif)} :is(#panel-workbench,#cd-storyboard) .wbj-new small{color:var(--muted);font-size:12px} :is(#panel-workbench,#cd-storyboard) .wbj-card{display:flex;flex-direction:column;border:1px solid var(--wj-line);background:var(--wj-surface);overflow:hidden;padding:0;transition:border-color .2s,transform .2s,box-shadow .2s} :is(#panel-workbench,#cd-storyboard) .wbj-card:hover{border-color:#c9a96a59;transform:translateY(-2px);box-shadow:0 14px 40px -18px #000} :is(#panel-workbench,#cd-storyboard) .wbj-poster{position:relative;aspect-ratio:16/8.4;overflow:hidden;background:var(--swatch,#222)} /* 胶片齿孔：海报上下沿 */ :is(#panel-workbench,#cd-storyboard) .wbj-poster::before,:is(#panel-workbench,#cd-storyboard) .wbj-poster::after{content:"";position:absolute;left:0;right:0;height:9px;background:repeating-linear-gradient(90deg,transparent 0 7px,#08080acc 7px 14px,transparent 14px 20px);opacity:.75} :is(#panel-workbench,#cd-storyboard) .wbj-poster::before{top:5px}:is(#panel-workbench,#cd-storyboard) .wbj-poster::after{bottom:5px} :is(#panel-workbench,#cd-storyboard) .wbj-poster .glyph{position:absolute;right:14px;bottom:10px;font:500 58px/1 var(--serif,serif);color:#ffffff1c} :is(#panel-workbench,#cd-storyboard) .wbj-poster .tags{position:absolute;left:12px;right:12px;top:20px;display:flex;justify-content:space-between;gap:6px} :is(#panel-workbench,#cd-storyboard) .wbj-poster .tags .wbj-pill{background:#08080ab3;backdrop-filter:blur(6px)} :is(#panel-workbench,#cd-storyboard) .wbj-poster .film{position:absolute;left:14px;bottom:20px;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:#08080a99;color:var(--wj-gold-soft)} :is(#panel-workbench,#cd-storyboard) .wbj-card-body{display:grid;gap:8px;padding:14px 16px 16px;flex:1} :is(#panel-workbench,#cd-storyboard) .wbj-card-body strong{font:500 18px var(--serif,serif)} :is(#panel-workbench,#cd-storyboard) .wbj-card-body .desc{font-size:12px;color:var(--muted);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:38px} :is(#panel-workbench,#cd-storyboard) .wbj-steps-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:4px} :is(#panel-workbench,#cd-storyboard) .wbj-steps-mini span{display:grid;gap:5px;font-size:10px;color:var(--faint)} :is(#panel-workbench,#cd-storyboard) .wbj-steps-mini span::before{content:"";height:3px;border-radius:2px;background:#ffffff14} :is(#panel-workbench,#cd-storyboard) .wbj-steps-mini span.done{color:var(--text-2)} :is(#panel-workbench,#cd-storyboard) .wbj-steps-mini span.done::before{background:var(--wj-gold)} :is(#panel-workbench,#cd-storyboard) .wbj-steps-mini span.now{color:var(--wj-gold-soft)} :is(#panel-workbench,#cd-storyboard) .wbj-steps-mini span.now::before{background:linear-gradient(90deg,var(--wj-gold) var(--p,40%),#ffffff14 0)} :is(#panel-workbench,#cd-storyboard) .wbj-card-foot{display:flex;justify-content:space-between;align-items:center;font:10px var(--mono,monospace);color:var(--faint);margin-top:auto;padding-top:6px;border-top:1px solid var(--wj-line)} :is(#panel-workbench,#cd-storyboard) .wbj-card-foot b{font-weight:500;color:var(--wj-gold-soft);font-family:var(--sans)} /* ── 项目头部与步骤条 ── */ :is(#panel-workbench,#cd-storyboard) .wbj-head{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;padding:12px 16px;border:1px solid var(--wj-line);border-radius:14px;background:var(--wj-surface);position:sticky;top:8px;z-index:5} :is(#panel-workbench,#cd-storyboard) .wbj-head .left{display:flex;align-items:center;gap:10px;min-width:0} :is(#panel-workbench,#cd-storyboard) .wbj-head .left strong{font:500 18px var(--serif,serif);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} :is(#panel-workbench,#cd-storyboard) .wbj-head .right{display:flex;justify-content:flex-end;align-items:center;gap:10px} :is(#panel-workbench,#cd-storyboard) .wbj-stepper{display:flex;align-items:center} :is(#panel-workbench,#cd-storyboard) .wbj-stepper button{flex:none;white-space:nowrap;display:flex;align-items:center;gap:8px;height:34px;padding:0 14px 0 6px;border-radius:99px;border:1px solid transparent;background:none;color:var(--faint);font-size:13px} :is(#panel-workbench,#cd-storyboard) .wbj-stepper button i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font:600 11px var(--mono,monospace);font-style:normal;border:1px solid var(--wj-line-2)} :is(#panel-workbench,#cd-storyboard) .wbj-stepper button.done{color:var(--text-2)} :is(#panel-workbench,#cd-storyboard) .wbj-stepper button.done i{border-color:#c9a96a80;color:var(--wj-gold-soft);background:var(--wj-dim)} :is(#panel-workbench,#cd-storyboard) .wbj-stepper button.active{color:#201a0e;background:linear-gradient(135deg,#e3cf9f,#c9a96a);font-weight:600} :is(#panel-workbench,#cd-storyboard) .wbj-stepper button.active i{border-color:#201a0e40;background:#201a0e14;color:#201a0e} :is(#panel-workbench,#cd-storyboard) .wbj-stepper button:disabled{cursor:not-allowed;opacity:.55} :is(#panel-workbench,#cd-storyboard) .wbj-stepper .bar{width:34px;height:1px;background:var(--wj-line-2)} :is(#panel-workbench,#cd-storyboard) .wbj-stepper .bar.done{background:var(--wj-gold)} /* ── 第 1 步 ── */ :is(#panel-workbench,#cd-storyboard) .wbj-s1{display:grid;grid-template-columns:400px minmax(0,1fr);gap:18px;align-items:start} :is(#panel-workbench,#cd-storyboard) .wbj-s1 .wbj-panel{display:grid;gap:18px} :is(#panel-workbench,#cd-storyboard) .wbj-sec-title{display:flex;align-items:center;justify-content:space-between;gap:10px} :is(#panel-workbench,#cd-storyboard) .wbj-style-current{display:grid;grid-template-columns:92px 1fr auto;gap:14px;align-items:center;padding:10px;border-radius:12px;border:1px solid #c9a96a66;background:var(--wj-dim);text-align:left;width:100%} :is(#panel-workbench,#cd-storyboard) .wbj-swatch{border-radius:8px;aspect-ratio:4/3;background:var(--swatch,#222);display:grid;place-items:center;font:500 24px var(--serif,serif);color:#ffffff40;position:relative;overflow:hidden} :is(#panel-workbench,#cd-storyboard) .wbj-style-current strong{display:block;font-size:15px} :is(#panel-workbench,#cd-storyboard) .wbj-style-current small{color:var(--muted);font-size:12px} :is(#panel-workbench,#cd-storyboard) .wbj-style-current .chev{color:var(--wj-gold-soft);font-size:12px} :is(#panel-workbench,#cd-storyboard) .wbj-prompt-box{font-size:12px;line-height:1.75;color:var(--text-2);background:#0c0c0f;border:1px solid var(--wj-line);border-radius:10px;padding:12px 14px;max-height:140px;overflow:auto} :is(#panel-workbench,#cd-storyboard) .wbj-check{display:flex;gap:10px;align-items:flex-start;font-size:13px;cursor:pointer} :is(#panel-workbench,#cd-storyboard) .wbj-check input{accent-color:var(--wj-gold);margin-top:3px} :is(#panel-workbench,#cd-storyboard) .wbj-check small{display:block;color:var(--muted);font-size:11px;margin-top:2px} :is(#panel-workbench,#cd-storyboard) .wbj-recog-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) minmax(90px,.65fr);gap:10px} :is(#panel-workbench,#cd-storyboard) .wbj-recog-settings select{max-width:none;width:100%} :is(#panel-workbench,#cd-storyboard) .wbj-cta{display:grid;gap:8px} :is(#panel-workbench,#cd-storyboard) .wbj-cta .wbj-btn{height:44px;font-size:14px} :is(#panel-workbench,#cd-storyboard) .wbj-cta p{margin:0;font-size:11px;color:var(--muted);text-align:center} :is(#panel-workbench,#cd-storyboard) .wbj-script{display:grid;gap:14px} :is(#panel-workbench,#cd-storyboard) .wbj-script .row{display:flex;gap:10px;align-items:center} :is(#panel-workbench,#cd-storyboard) .wbj-script .row .wbj-input{flex:1;height:40px;font:500 16px var(--serif,serif)} :is(#panel-workbench,#cd-storyboard) .wbj-script textarea{min-height:430px;font-size:14px;background:#0a0a0d} :is(#panel-workbench,#cd-storyboard) .wbj-script .foot{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;color:var(--muted)} :is(#panel-workbench,#cd-storyboard) .wbj-script .foot .acts{display:flex;gap:6px} :is(#panel-workbench,#cd-storyboard) .wbj-processing{display:grid;gap:10px;padding:14px;border-radius:10px;border:1px solid #c9a96a40;background:var(--wj-dim);font-size:12px} :is(#panel-workbench,#cd-storyboard) .wbj-processing span{display:flex;align-items:center;gap:8px;color:var(--text-2)} :is(#panel-workbench,#cd-storyboard) .wbj-processing span.done{color:var(--wj-gold-soft)} :is(#panel-workbench,#cd-storyboard) .wbj-processing span::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.5} :is(#panel-workbench,#cd-storyboard) .wbj-processing span.now::before{animation:wbj-pulse 1s infinite;opacity:1} /* 风格选择弹层 */ :is(#panel-workbench,#cd-storyboard) dialog.wbj-modal{width:100vw;height:100vh;max-width:none;max-height:none;margin:0;border:0;color:var(--text);box-sizing:border-box; position:fixed;inset:0;z-index:1000;background:#000000b3;backdrop-filter:blur(8px);display:grid;place-items:center;padding:24px;animation:wbj-fade .18s} :is(#panel-workbench,#cd-storyboard) dialog.wbj-modal::backdrop{background:transparent} @keyframes wbj-fade{from{opacity:0}} :is(#panel-workbench,#cd-storyboard) .wbj-modal-card{width:min(1040px,100%);max-height:88vh;overflow:auto;background:#121216;border:1px solid var(--wj-line-2);border-radius:20px;padding:24px;display:grid;gap:18px;box-shadow:0 40px 120px -20px #000} :is(#panel-workbench,#cd-storyboard) .wbj-modal-card.narrow{width:min(520px,100%)} :is(#panel-workbench,#cd-storyboard) .wbj-modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px} :is(#panel-workbench,#cd-storyboard) .wbj-modal-head p{margin:6px 0 0;font-size:12px;color:var(--muted)} :is(#panel-workbench,#cd-storyboard) .wbj-style-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px} :is(#panel-workbench,#cd-storyboard) .wbj-style-opt{display:grid;gap:8px;padding:8px;border-radius:12px;border:1px solid var(--wj-line);background:#ffffff03;text-align:left;transition:border-color .15s,background .15s} :is(#panel-workbench,#cd-storyboard) .wbj-style-opt:hover{border-color:#ffffff30} :is(#panel-workbench,#cd-storyboard) .wbj-style-opt[aria-pressed=true]{border-color:var(--wj-gold);background:var(--wj-dim)} :is(#panel-workbench,#cd-storyboard) .wbj-style-opt[aria-pressed=true] .wbj-swatch::after{content:"✓";position:absolute;top:6px;right:6px;width:20px;height:20px;border-radius:50%;background:var(--wj-gold);color:#201a0e;font:700 11px/20px var(--sans);text-align:center} :is(#panel-workbench,#cd-storyboard) .wbj-style-opt strong{font-size:13px;padding:0 2px} :is(#panel-workbench,#cd-storyboard) .wbj-style-opt small{font-size:11px;color:var(--muted);padding:0 2px 2px} :is(#panel-workbench,#cd-storyboard) .wbj-dur-modes{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:5px;border-radius:12px;border:1px solid var(--wj-line);background:#0c0c0f} :is(#panel-workbench,#cd-storyboard) .wbj-dur-modes button{text-align:left;padding:12px;border-radius:9px;border:0;background:none;display:grid;gap:4px;color:var(--text-2)} :is(#panel-workbench,#cd-storyboard) .wbj-dur-modes button strong{font-size:14px} :is(#panel-workbench,#cd-storyboard) .wbj-dur-modes button small{font-size:11px;color:var(--muted)} :is(#panel-workbench,#cd-storyboard) .wbj-dur-modes button[aria-pressed=true]{background:var(--wj-dim);box-shadow:inset 0 0 0 1px #c9a96a66;color:var(--wj-gold-soft)} :is(#panel-workbench,#cd-storyboard) .wbj-modal-card.dur{width:min(640px,100%);gap:16px} :is(#panel-workbench,#cd-storyboard) .wbj-dur-sec{display:grid;gap:10px} :is(#panel-workbench,#cd-storyboard) .wbj-dur-sec>header{display:flex;align-items:baseline;gap:10px;font-size:13px;font-weight:600;color:var(--text)} :is(#panel-workbench,#cd-storyboard) .wbj-dur-sec>header small{font-size:11px;font-weight:400;color:var(--faint)} :is(#panel-workbench,#cd-storyboard) .wbj-dur-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px} :is(#panel-workbench,#cd-storyboard) .wbj-dur-card{display:grid;gap:4px;align-content:start;text-align:left;padding:14px;border-radius:12px;border:1px solid var(--wj-line);background:#ffffff04;color:var(--text-2);transition:border-color .15s,background .15s} :is(#panel-workbench,#cd-storyboard) .wbj-dur-card:hover{border-color:#ffffff30} :is(#panel-workbench,#cd-storyboard) .wbj-dur-card b{font:500 28px/1 var(--serif,serif);color:var(--text)} :is(#panel-workbench,#cd-storyboard) .wbj-dur-card b small{font:12px var(--sans,system-ui);margin-left:4px;color:var(--muted)} :is(#panel-workbench,#cd-storyboard) .wbj-dur-card strong{font-size:13px;margin-top:8px} :is(#panel-workbench,#cd-storyboard) .wbj-dur-card>small{font-size:11px;line-height:1.55;color:var(--muted)} :is(#panel-workbench,#cd-storyboard) .wbj-dur-card[aria-pressed=true]{border-color:var(--wj-gold);background:var(--wj-dim)} :is(#panel-workbench,#cd-storyboard) .wbj-dur-card[aria-pressed=true] b,:is(#panel-workbench,#cd-storyboard) .wbj-dur-card[aria-pressed=true] strong{color:var(--wj-gold-soft)} :is(#panel-workbench,#cd-storyboard) .wbj-dur-note{margin:0;font-size:11px;line-height:1.6;color:var(--faint)} :is(#panel-workbench,#cd-storyboard) .wbj-dur-note.hot{color:var(--wj-gold-soft)} :is(#panel-workbench,#cd-storyboard) .wbj-dur-summary{padding:12px 14px;border-radius:10px;background:#0c0c0f;border:1px solid var(--wj-line);font-size:12.5px;line-height:1.7;color:var(--text-2)} :is(#panel-workbench,#cd-storyboard) .wbj-dur-summary b{color:var(--wj-gold-soft);font-weight:600} :is(#panel-workbench,#cd-storyboard) .wbj-pacing{display:grid;grid-template-columns:1fr 1fr;gap:10px} :is(#panel-workbench,#cd-storyboard) .wbj-pacing button{display:grid;grid-template-columns:16px 1fr;gap:6px 10px;align-items:center;align-content:start;text-align:left;padding:12px 14px;border-radius:12px;border:1px solid var(--wj-line);background:#ffffff04;color:var(--text-2);transition:border-color .15s,background .15s} :is(#panel-workbench,#cd-storyboard) .wbj-pacing button:hover{border-color:#ffffff30} :is(#panel-workbench,#cd-storyboard) .wbj-pacing button i{width:16px;height:16px;border-radius:50%;border:1.5px solid var(--wj-line-2);box-sizing:border-box} :is(#panel-workbench,#cd-storyboard) .wbj-pacing button strong{font-size:13px} :is(#panel-workbench,#cd-storyboard) .wbj-pacing button small{grid-column:1/-1;font-size:11px;line-height:1.55;color:var(--muted)} :is(#panel-workbench,#cd-storyboard) .wbj-pacing button[aria-checked=true]{border-color:var(--wj-gold);background:var(--wj-dim)} :is(#panel-workbench,#cd-storyboard) .wbj-pacing button[aria-checked=true] i{border-color:var(--wj-gold);background:radial-gradient(circle,var(--wj-gold) 0 4px,transparent 4.5px)} :is(#panel-workbench,#cd-storyboard) .wbj-pacing button[aria-checked=true] strong{color:var(--wj-gold-soft)} :is(#panel-workbench,#cd-storyboard) .wbj-modal-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:14px;border-top:1px solid var(--wj-line)} :is(#panel-workbench,#cd-storyboard) .wbj-modal-foot .acts{display:flex;gap:8px;flex:none} /* ── 工具条（第 2、3 步共用） ── */ :is(#panel-workbench,#cd-storyboard) .wbj-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;padding:12px 16px;border:1px solid var(--wj-line);border-radius:14px;background:var(--wj-surface)} :is(#panel-workbench,#cd-storyboard) .wbj-toolbar .grp{white-space:nowrap;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)} :is(#panel-workbench,#cd-storyboard) .wbj-toolbar .sep{width:1px;height:22px;background:var(--wj-line-2)} :is(#panel-workbench,#cd-storyboard) .wbj-toolbar .end{margin-left:auto;display:flex;gap:10px;align-items:center} /* ── 第 2 步 ── */ :is(#panel-workbench,#cd-storyboard) .wbj-s2{display:grid;grid-template-columns:minmax(0,1fr);gap:18px} :is(#panel-workbench,#cd-storyboard) .wbj-assets-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch} :is(#panel-workbench,#cd-storyboard) .wbj-assets{display:grid;align-content:start;gap:14px;padding:16px;border:1px solid var(--wj-line);border-radius:14px;background:#0e0e12e6;backdrop-filter:blur(14px);min-width:0} :is(#panel-workbench,#cd-storyboard) .wbj-assets-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px} :is(#panel-workbench,#cd-storyboard) .wbj-assets-head h3{display:flex;align-items:center;gap:8px;margin:0;font:600 16px var(--sans,system-ui);color:var(--text,#ece8e1)} :is(#panel-workbench,#cd-storyboard) .wbj-assets-head h3 svg{width:18px;height:18px;color:var(--wj-gold)} :is(#panel-workbench,#cd-storyboard) .wbj-assets-head .count{font-size:12px;color:var(--muted);white-space:nowrap} :is(#panel-workbench,#cd-storyboard) .wbj-assets-head .acts{margin-left:auto;display:flex;flex-wrap:wrap;gap:8px;align-items:center} :is(#panel-workbench,#cd-storyboard) .wbj-assets-empty{display:grid;place-items:center;min-height:180px;border:1px dashed var(--wj-line-2);border-radius:12px;font-size:12px;color:var(--faint)} :is(#panel-workbench,#cd-storyboard) .wbj-asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(212px,1fr));gap:12px} :is(#panel-workbench,#cd-storyboard) .wbj-asset{display:flex;flex-direction:column;border:1px solid var(--wj-line);border-radius:12px;background:var(--wj-surface);overflow:hidden;transition:border-color .2s} :is(#panel-workbench,#cd-storyboard) .wbj-asset:hover{border-color:#ffffff26} :is(#panel-workbench,#cd-storyboard) .wbj-asset .shot{position:relative;aspect-ratio:16/10;background:#0b0b0e;display:grid;place-items:center;overflow:hidden} :is(#panel-workbench,#cd-storyboard) .wbj-asset .shot.has{background:var(--swatch)} :is(#panel-workbench,#cd-storyboard) .wbj-asset .shot .ph{display:grid;justify-items:center;gap:6px;font-size:11px;color:var(--faint)} :is(#panel-workbench,#cd-storyboard) .wbj-asset .shot .ph svg{width:30px;height:30px;opacity:.55} :is(#panel-workbench,#cd-storyboard) .wbj-asset .shot .upload{position:absolute;right:8px;bottom:8px;z-index:1;width:28px;height:28px;display:grid;place-items:center;padding:0;border-radius:8px;border:1px solid var(--wj-line-2);background:#08080acc;color:var(--text-2);opacity:0;transition:opacity .2s} :is(#panel-workbench,#cd-storyboard) .wbj-asset:hover .shot .upload,:is(#panel-workbench,#cd-storyboard) .wbj-asset .shot .upload:focus-visible{opacity:1} :is(#panel-workbench,#cd-storyboard) .wbj-asset .shot .upload svg{width:14px;height:14px} :is(#panel-workbench,#cd-storyboard) .wbj-asset .shot .sil{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;gap:10%} :is(#panel-workbench,#cd-storyboard) .wbj-asset .shot .sil i{display:block;width:16%;height:72%;border-radius:40% 40% 8% 8%/22% 22% 8% 8%;background:linear-gradient(#ffffff26,#ffffff08)} :is(#panel-workbench,#cd-storyboard) .wbj-asset .shot .sil i:nth-child(3){width:28%;height:48%;border-radius:50% 50% 10% 10%} :is(#panel-workbench,#cd-storyboard) .wbj-asset .shot .namechip{position:absolute;left:8px;top:8px;font-size:10px;padding:2px 6px;border-radius:5px;background:#08080acc;color:var(--text-2)} @keyframes wbj-sheen{from{background-position:120% 0}to{background-position:-120% 0}} /* 生图中 / 等待主角色（与 jike 一致：卡片内图标 + 两行说明 + 扫光） */ :is(#panel-workbench,#cd-storyboard) .wbj-asset .gen-state{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:5px;padding:0 14px;text-align:center;background:#0b0b0e} :is(#panel-workbench,#cd-storyboard) .wbj-asset .gen-state strong{font-size:13px;font-weight:600} :is(#panel-workbench,#cd-storyboard) .wbj-asset .gen-state small{font-size:11px;color:var(--muted);line-height:1.5} :is(#panel-workbench,#cd-storyboard) .wbj-asset .gen-state .orb{width:42px;height:42px;margin-bottom:4px;display:grid;place-items:center;border-radius:50%} :is(#panel-workbench,#cd-storyboard) .wbj-asset .gen-state .orb svg{width:19px;height:19px} :is(#panel-workbench,#cd-storyboard) .wbj-asset .gen-state.run{background:linear-gradient(100deg,transparent 30%,#c9a96a1c 50%,transparent 70%) #0b0b0e;background-size:220% 100%;animation:wbj-sheen 1.8s linear infinite} :is(#panel-workbench,#cd-storyboard) .wbj-asset .gen-state.run strong{color:var(--wj-gold-soft)} :is(#panel-workbench,#cd-storyboard) .wbj-asset .gen-state.run .orb{background:var(--wj-dim);color:var(--wj-gold-soft);box-shadow:0 0 0 1px #c9a96a55;animation:wbj-orb 1.6s ease-in-out infinite} @keyframes wbj-orb{50%{box-shadow:0 0 0 7px #c9a96a14,0 0 0 1px #c9a96a99}} :is(#panel-workbench,#cd-storyboard) .wbj-asset .gen-state.wait{background:repeating-linear-gradient(135deg,#0b0b0e 0 10px,#0e0e12 10px 20px)} :is(#panel-workbench,#cd-storyboard) .wbj-asset .gen-state.wait strong{color:var(--text-2)} :is(#panel-workbench,#cd-storyboard) .wbj-asset .gen-state.wait .orb{border:1px dashed var(--wj-line-2);color:var(--muted)} :is(#panel-workbench,#cd-storyboard) .wbj-asset.is-running{border-color:#c9a96a73;box-shadow:0 0 0 1px #c9a96a26,0 10px 30px -14px #c9a96a80} :is(#panel-workbench,#cd-storyboard) .wbj-asset.is-waiting{border-style:dashed} :is(#panel-workbench,#cd-storyboard) .wbj-asset .shot .badge{position:absolute;right:8px;top:8px;z-index:1;height:20px;display:inline-flex;align-items:center;padding:0 7px;border-radius:6px;font-size:10.5px;background:#08080acc;color:var(--text-2);border:1px solid var(--wj-line-2)} :is(#panel-workbench,#cd-storyboard) .wbj-asset .shot .badge.main{background:linear-gradient(135deg,#e3cf9f,#c9a96a);color:#201a0e;border-color:transparent;font-weight:600} :is(#panel-workbench,#cd-storyboard) .wbj-spin{width:13px;height:13px;flex:none;border-radius:50%;border:1.6px solid currentColor;border-right-color:transparent;animation:wbj-rot .8s linear infinite} @keyframes wbj-rot{to{transform:rotate(360deg)}} /* 顶部生图进度条 */ :is(#panel-workbench,#cd-storyboard) .wbj-genbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px 14px;padding:14px 18px;border-radius:14px;border:1px solid #c9a96a4d;background:radial-gradient(80% 140% at 0% 0%,#c9a96a1f,transparent 60%) #0e0e12e6;animation:wbj-pop .2s ease-out} :is(#panel-workbench,#cd-storyboard) .wbj-genbar .orb{grid-row:1/3;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--wj-dim);color:var(--wj-gold-soft);border:1px solid #c9a96a55} :is(#panel-workbench,#cd-storyboard) .wbj-genbar .orb .wbj-spin{width:17px;height:17px;border-width:2px} :is(#panel-workbench,#cd-storyboard) .wbj-genbar .orb svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round} :is(#panel-workbench,#cd-storyboard) .wbj-genbar .txt{display:flex;align-items:baseline;gap:12px;min-width:0} :is(#panel-workbench,#cd-storyboard) .wbj-genbar .txt strong{font-size:14px;font-weight:600;white-space:nowrap} :is(#panel-workbench,#cd-storyboard) .wbj-genbar .txt small{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} :is(#panel-workbench,#cd-storyboard) .wbj-genbar .num{font:500 12px var(--mono,monospace);color:var(--text-2)} :is(#panel-workbench,#cd-storyboard) .wbj-genbar .track{height:6px;border-radius:99px;background:#ffffff0f;overflow:hidden} :is(#panel-workbench,#cd-storyboard) .wbj-genbar .track i{display:block;height:100%;min-width:6px;border-radius:inherit;background:linear-gradient(90deg,#c9a96a,#e3cf9f);transition:width .6s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden} :is(#panel-workbench,#cd-storyboard) .wbj-genbar .track i::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,#ffffff80 50%,transparent 70%);background-size:220% 100%;animation:wbj-sheen 1.4s linear infinite} :is(#panel-workbench,#cd-storyboard) .wbj-genbar .pct{font:600 13px var(--mono,monospace);color:var(--wj-gold-soft);text-align:right} :is(#panel-workbench,#cd-storyboard) .wbj-genbar.done{border-color:#a6bfa666;background:radial-gradient(80% 140% at 0% 0%,#a6bfa61a,transparent 60%) #0e0e12e6} :is(#panel-workbench,#cd-storyboard) .wbj-genbar.done .orb{background:#a6bfa61f;color:var(--sage,#a6bfa6);border-color:#a6bfa666} :is(#panel-workbench,#cd-storyboard) .wbj-genbar.done .track i{background:var(--sage,#a6bfa6)} :is(#panel-workbench,#cd-storyboard) .wbj-genbar.done .track i::after{display:none} :is(#panel-workbench,#cd-storyboard) .wbj-genbar.done .pct{color:var(--sage,#a6bfa6)} :is(#panel-workbench,#cd-storyboard) .wbj-asset .info{display:grid;gap:6px;padding:12px 12px 10px;flex:1} :is(#panel-workbench,#cd-storyboard) .wbj-asset .info strong{font-size:14px} :is(#panel-workbench,#cd-storyboard) .wbj-asset .info p{margin:0;font-size:12px;color:var(--muted);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} :is(#panel-workbench,#cd-storyboard) .wbj-asset .voice{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--wj-gold-soft)} :is(#panel-workbench,#cd-storyboard) .wbj-asset .voice svg{width:13px;height:13px} :is(#panel-workbench,#cd-storyboard) .wbj-asset .bar{display:flex;align-items:center;gap:6px;padding:8px 10px 10px} :is(#panel-workbench,#cd-storyboard) .wbj-asset .bar .wbj-btn.gen{flex:1} :is(#panel-workbench,#cd-storyboard) .wbj-asset-add{display:grid;place-content:center;justify-items:center;gap:6px;min-height:220px;border:1px dashed var(--wj-line-2);border-radius:12px;background:none;color:var(--muted);font-size:12px} :is(#panel-workbench,#cd-storyboard) .wbj-asset-add:hover{border-color:#c9a96a80;color:var(--wj-gold-soft)} /* ── 第 3 步 ── */ :is(#panel-workbench,#cd-storyboard) .wbj-s3{display:grid;gap:14px} :is(#panel-workbench,#cd-storyboard) .wbj-tabs{display:flex;flex-wrap:wrap;align-items:center;gap:4px} :is(#panel-workbench,#cd-storyboard) .wbj-tabs button{height:36px;padding:0 16px;border-radius:9px;border:1px solid transparent;background:none;color:var(--muted);font-size:13px;white-space:nowrap} :is(#panel-workbench,#cd-storyboard) .wbj-tabs button[aria-selected=true]{background:var(--wj-dim);border-color:#c9a96a55;color:var(--wj-gold-soft)} :is(#panel-workbench,#cd-storyboard) .wbj-tabs .end{margin-left:auto;display:flex;gap:8px;align-items:center} :is(#panel-workbench,#cd-storyboard) .wbj-ratio button{display:flex;align-items:center;gap:6px} :is(#panel-workbench,#cd-storyboard) .wbj-ratio button i{display:inline-block;border:1.4px solid currentColor;border-radius:2px} :is(#panel-workbench,#cd-storyboard) .wbj-cost{display:flex;align-items:baseline;gap:6px;padding:0 12px;height:32px;align-items:center;border-radius:8px;background:#0c0c0f;border:1px solid var(--wj-line)} :is(#panel-workbench,#cd-storyboard) .wbj-cost b{font:600 14px var(--mono,monospace);color:var(--wj-gold-soft)} :is(#panel-workbench,#cd-storyboard) .wbj-cost small{font-size:11px;color:var(--muted)} :is(#panel-workbench,#cd-storyboard) .wbj-frames{display:grid;gap:0} /* 分镜卡：编号栏 | 文案 | 人物/场景/物品 + 参数 | 视频描述词 | 预览（列间细分隔线，与 jike 一致） */ :is(#panel-workbench,#cd-storyboard) .wbj-frame{display:grid;grid-template-columns:58px minmax(0,1.05fr) minmax(0,1.15fr) minmax(0,1.6fr) minmax(0,1fr);border:1px solid var(--wj-line);border-radius:14px;background:var(--wj-surface);overflow:hidden;align-items:stretch;transition:border-color .2s} :is(#panel-workbench,#cd-storyboard) .wbj-frame:hover{border-color:#ffffff1f} :is(#panel-workbench,#cd-storyboard) .wbj-frame .rail{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:14px 0 52px;background:linear-gradient(180deg,#c9a96a2e,#c9a96a12 60%,#c9a96a08);border-right:1px solid #c9a96a33} :is(#panel-workbench,#cd-storyboard) .wbj-frame .rail b{font:500 30px/1 var(--serif,serif);color:var(--wj-gold-soft)} :is(#panel-workbench,#cd-storyboard) .wbj-frame .rail small{font:600 8.5px/1 var(--mono,monospace);letter-spacing:1.6px;color:#c9a96a99} :is(#panel-workbench,#cd-storyboard) .wbj-frame .rail .len{margin-top:10px;font:500 10px var(--mono,monospace);color:var(--muted);padding:2px 6px;border-radius:5px;background:#08080a80} :is(#panel-workbench,#cd-storyboard) .wbj-frame .rail .ins{position:absolute;left:50%;bottom:14px;translate:-50% 0;width:26px;height:26px;display:grid;place-items:center;padding:0;border-radius:50%;border:1px dashed #c9a96a80;background:#08080a99;color:var(--wj-gold-soft);transition:background .15s,transform .15s} :is(#panel-workbench,#cd-storyboard) .wbj-frame .rail .ins:hover{background:var(--wj-dim);transform:scale(1.08)} :is(#panel-workbench,#cd-storyboard) .wbj-frame .rail .ins svg{width:13px;height:13px} :is(#panel-workbench,#cd-storyboard) .wbj-frame .col{display:flex;flex-direction:column;min-width:0;padding:12px 14px 14px;border-left:1px solid var(--wj-line)} :is(#panel-workbench,#cd-storyboard) .wbj-frame .rail+.col{border-left:0} :is(#panel-workbench,#cd-storyboard) .wbj-frame .lbl{font-size:11px;color:var(--faint);display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:24px;margin-bottom:6px} :is(#panel-workbench,#cd-storyboard) .wbj-frame .lbl .regen{height:24px;padding:0 8px;font-size:11px;color:var(--wj-gold-soft)} :is(#panel-workbench,#cd-storyboard) .wbj-frame .copy{flex:1;font-size:13px;line-height:1.75;color:var(--text);white-space:pre-wrap;background:#0c0c0f;border:1px solid var(--wj-line);border-radius:10px;padding:10px 12px;min-height:180px} :is(#panel-workbench,#cd-storyboard) .wbj-refs{display:grid;gap:8px} :is(#panel-workbench,#cd-storyboard) .wbj-refbox{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;padding:6px;border:1px solid var(--wj-line);border-radius:10px;background:#0c0c0f} :is(#panel-workbench,#cd-storyboard) .wbj-refbox em{display:grid;place-items:center;font-style:normal;font-size:10.5px;letter-spacing:3px;writing-mode:vertical-rl;color:var(--muted);border:1px solid var(--wj-line-2);border-radius:6px;background:#ffffff05} :is(#panel-workbench,#cd-storyboard) .wbj-refbox .tiles{display:flex;flex-wrap:wrap;gap:6px} :is(#panel-workbench,#cd-storyboard) .wbj-tile{position:relative;display:grid;grid-template-rows:1fr auto;width:58px;height:58px;padding:0;border-radius:8px;border:1px solid var(--wj-line-2);background:#ffffff06;color:var(--muted);overflow:hidden} :is(#panel-workbench,#cd-storyboard) .wbj-tile.has{background:var(--swatch,#333);color:#fff} :is(#panel-workbench,#cd-storyboard) .wbj-tile .pic{display:grid;place-items:center;font:600 15px var(--sans);text-shadow:0 1px 4px #0009} :is(#panel-workbench,#cd-storyboard) .wbj-tile .pic svg{width:17px;height:17px;opacity:.6} :is(#panel-workbench,#cd-storyboard) .wbj-tile .nm{display:block;padding:2px 3px;font-size:9.5px;line-height:1.3;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#08080ab3;color:var(--text-2)} :is(#panel-workbench,#cd-storyboard) .wbj-tile .x{position:absolute;top:2px;right:2px;display:none;place-items:center;width:16px;height:16px;padding:0;border:0;border-radius:4px;background:#08080acc;color:var(--text-2);font-size:12px;line-height:1} :is(#panel-workbench,#cd-storyboard) .wbj-tile:hover .x,:is(#panel-workbench,#cd-storyboard) .wbj-tile .x:focus-visible{display:grid} :is(#panel-workbench,#cd-storyboard) .wbj-tile .x:hover{background:#e0705a;color:#fff} :is(#panel-workbench,#cd-storyboard) .wbj-tile.add{border-style:dashed;background:none;color:var(--faint);transition:border-color .15s,color .15s} :is(#panel-workbench,#cd-storyboard) .wbj-tile.add .nm{background:none;color:inherit} :is(#panel-workbench,#cd-storyboard) .wbj-tile.add:hover,:is(#panel-workbench,#cd-storyboard) .wbj-tile.add[aria-expanded=true]{border-color:#c9a96a99;color:var(--wj-gold-soft)} :is(#panel-workbench,#cd-storyboard) .wbj .params{display:grid;gap:8px} :is(#panel-workbench,#cd-storyboard) .wbj-frame .params{margin-top:12px;padding-top:10px;border-top:1px solid var(--wj-line)} :is(#panel-workbench,#cd-storyboard) .wbj-frame .params .lbl{margin:0;min-height:0} :is(#panel-workbench,#cd-storyboard) .wbj .params select{width:100%;max-width:none} :is(#panel-workbench,#cd-storyboard) .wbj .params .two{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:6px} :is(#panel-workbench,#cd-storyboard) .wbj .params .apply-btn{width:100%;height:30px;font-size:12px;border-color:#c9a96a4d;background:var(--wj-dim);color:var(--wj-gold-soft)} :is(#panel-workbench,#cd-storyboard) .wbj .params .apply-btn:hover{border-color:var(--wj-gold)} :is(#panel-workbench,#cd-storyboard) .wbj .params .apply-btn svg{width:13px;height:13px} :is(#panel-workbench,#cd-storyboard) .wbj .params .price-line{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--muted)} :is(#panel-workbench,#cd-storyboard) .wbj .params .price-line svg{width:12px;height:12px;color:var(--wj-gold);fill:currentColor;stroke:none} :is(#panel-workbench,#cd-storyboard) .wbj-desc{font-size:12.5px;line-height:1.85;color:var(--text-2);background:#0c0c0f;border:1px solid var(--wj-line);border-radius:10px;padding:10px 12px;max-height:190px;overflow:auto} :is(#panel-workbench,#cd-storyboard) .wbj-desc .at{display:inline-flex;align-items:center;gap:3px;padding:0 6px 0 2px;margin:0 1px;border-radius:5px;background:var(--wj-dim);border:1px solid #c9a96a30;color:var(--wj-gold-soft);font-size:11.5px;line-height:19px;vertical-align:1px;cursor:default;user-select:all} :is(#panel-workbench,#cd-storyboard) .wbj-editor{white-space:pre-wrap;outline:none;cursor:text;transition:border-color .15s,box-shadow .15s} :is(#panel-workbench,#cd-storyboard) .wbj-editor:hover{border-color:var(--wj-line-2)} :is(#panel-workbench,#cd-storyboard) .wbj-editor:focus{border-color:#c9a96a80;box-shadow:0 0 0 3px #c9a96a14} :is(#panel-workbench,#cd-storyboard) .wbj-desc-hint{margin-top:6px;font-size:10px;color:var(--faint)} :is(#panel-workbench,#cd-storyboard) .wbj-desc .at i{width:14px;height:14px;border-radius:3px;background:var(--swatch)} :is(#panel-workbench,#cd-storyboard) .wbj-desc .at .del{display:inline-grid;place-items:center;width:13px;height:13px;margin:0 -3px 0 1px;border-radius:3px;font-size:11px;line-height:1;color:#c9a96a99;cursor:pointer} :is(#panel-workbench,#cd-storyboard) .wbj-desc .at .del:hover{background:#e0705a33;color:#f0b2a4} :is(#panel-workbench,#cd-storyboard) .wbj-frame .descCol .wbj-desc{flex:1;min-height:260px;max-height:440px} :is(#panel-workbench,#cd-storyboard) .wbj-desc.empty{color:var(--faint);display:grid;place-items:center;min-height:90px;text-align:center} :is(#panel-workbench,#cd-storyboard) .wbj-preview{display:grid;gap:8px} :is(#panel-workbench,#cd-storyboard) .wbj-preview .box{position:relative;border-radius:10px;background:#0b0b0e;border:1px solid var(--wj-line);display:grid;place-items:center;overflow:hidden;max-height:240px;margin:0 auto;width:100%} :is(#panel-workbench,#cd-storyboard) .wbj-preview .box .ph{font-size:11px;color:var(--faint);display:grid;gap:6px;justify-items:center} :is(#panel-workbench,#cd-storyboard) .wbj-preview .box.ok{background:var(--swatch)} :is(#panel-workbench,#cd-storyboard) .wbj-preview .box .play{width:38px;height:38px;border-radius:50%;background:#08080ab3;display:grid;place-items:center;color:var(--wj-gold-soft)} :is(#panel-workbench,#cd-storyboard) .wbj-preview .box .dur{position:absolute;right:6px;bottom:6px;font:10px var(--mono);background:#08080acc;padding:1px 5px;border-radius:4px} :is(#panel-workbench,#cd-storyboard) .wbj-preview .box .prog{position:absolute;left:0;bottom:0;height:3px;background:var(--wj-gold)} :is(#panel-workbench,#cd-storyboard) .wbj-preview>.wbj-btn{width:100%} :is(#panel-workbench,#cd-storyboard) .wbj-preview .box .ph small{font-size:10px;color:#ffffff38;text-align:center;padding:0 10px} :is(#panel-workbench,#cd-storyboard) .wbj-frame .preview-col{gap:10px} :is(#panel-workbench,#cd-storyboard) .wbj-frame .pv{flex:1;display:flex;flex-direction:column;gap:10px;padding:8px;border-radius:12px;border:1px solid var(--wj-line);background:#0b0b0e} :is(#panel-workbench,#cd-storyboard) .wbj-frame .pv-top{display:flex;justify-content:space-between;align-items:center} :is(#panel-workbench,#cd-storyboard) .wbj-frame .pv-top .tag{font-size:10.5px;padding:3px 8px;border-radius:6px;background:#ffffff0d;color:var(--muted)} :is(#panel-workbench,#cd-storyboard) .wbj-frame .pv-top .wbj-btn{width:28px;height:28px} :is(#panel-workbench,#cd-storyboard) .wbj-frame .pv-top .wbj-btn:hover{color:#f0b2a4} :is(#panel-workbench,#cd-storyboard) .wbj-frame .pv .box{max-height:none;max-width:100%;margin:auto;background:#101014;border-color:#ffffff10} :is(#panel-workbench,#cd-storyboard) .wbj-frame .pv .box.ok{background:var(--swatch)} :is(#panel-workbench,#cd-storyboard) .wbj-frame .preview-col>.wbj-btn{height:38px} :is(#panel-workbench,#cd-storyboard) .wbj-field>.wbj-seg{justify-self:start} :is(#panel-workbench,#cd-storyboard) .wbj-frame .params .two select{padding:0 22px 0 8px} :is(#panel-workbench,#cd-storyboard) .wbj-insert{display:block;padding:8px 0} :is(#panel-workbench,#cd-storyboard) .wbj-insert button{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:30px;border-radius:9px;border:1px dashed var(--wj-line-2);background:none;color:var(--faint);font-size:11.5px;transition:border-color .15s,color .15s,background .15s} :is(#panel-workbench,#cd-storyboard) .wbj-insert button svg{width:13px;height:13px} :is(#panel-workbench,#cd-storyboard) .wbj-insert button:hover,:is(#panel-workbench,#cd-storyboard) .wbj-insert button:focus-visible{border-color:#c9a96a80;color:var(--wj-gold-soft);background:#c9a96a0a} :is(#panel-workbench,#cd-storyboard) .wbj-smart{display:grid;grid-template-columns:240px minmax(0,1fr);gap:14px;align-items:start} :is(#panel-workbench,#cd-storyboard) .wbj-smart-list{display:grid;gap:6px;max-height:720px;overflow:auto;padding-right:4px} :is(#panel-workbench,#cd-storyboard) .wbj-smart-list button{display:grid;grid-template-columns:30px 1fr;gap:8px;text-align:left;padding:10px;border-radius:10px;border:1px solid var(--wj-line);background:var(--wj-surface);font-size:12px;color:var(--text-2)} :is(#panel-workbench,#cd-storyboard) .wbj-smart-list button b{font:500 15px var(--serif);color:var(--faint)} :is(#panel-workbench,#cd-storyboard) .wbj-smart-list button span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5} :is(#panel-workbench,#cd-storyboard) .wbj-smart-list button[aria-current=true]{border-color:#c9a96a80;background:var(--wj-dim)} :is(#panel-workbench,#cd-storyboard) .wbj-smart-list button[aria-current=true] b{color:var(--wj-gold-soft)} :is(#panel-workbench,#cd-storyboard) .wbj-smart-main{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px} :is(#panel-workbench,#cd-storyboard) .wbj-smart-main .col{display:grid;gap:14px;align-content:start} :is(#panel-workbench,#cd-storyboard) .wbj-smart-main textarea{min-height:110px;font-size:13px} :is(#panel-workbench,#cd-storyboard) .wbj-smart-nav{display:flex;justify-content:space-between;align-items:center} :is(#panel-workbench,#cd-storyboard) .wbj-empty{padding:60px 20px;text-align:center;color:var(--muted);border:1px dashed var(--wj-line-2);border-radius:14px} /* 第 3 步：交给批量视频工作台（替换原「批量视频」按钮的位置） */ :is(#panel-workbench,#cd-storyboard) .wbj-actions{padding:10px 16px} :is(#panel-workbench,#cd-storyboard) .wbj-handoff{position:relative;overflow:hidden;height:auto;min-height:46px;padding:6px 18px 6px 8px;gap:10px;border-radius:11px;box-shadow:0 10px 30px -10px #c9a96acc,0 0 0 1px #e3cf9f66} :is(#panel-workbench,#cd-storyboard) .wbj-handoff .ic{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#201a0e1f} :is(#panel-workbench,#cd-storyboard) .wbj-handoff>span:last-child{display:grid;text-align:left;line-height:1.3} :is(#panel-workbench,#cd-storyboard) .wbj-handoff b{font-size:14px;font-weight:650} :is(#panel-workbench,#cd-storyboard) .wbj-handoff small{font-size:11px;font-weight:450;opacity:.72} :is(#panel-workbench,#cd-storyboard) .wbj-handoff::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 38%,#ffffff55 50%,transparent 62%);background-size:260% 100%;animation:wbj-sheen 3.6s linear infinite;pointer-events:none} :is(#panel-workbench,#cd-storyboard) .wbj-handoff:disabled::after{display:none} :is(#panel-workbench,#cd-storyboard) .wbj-actions>.wbj-btn:not(.wbj-handoff){height:36px} /* 下拉：沿用创作台 ui-choice 组件，只在工作台里收紧尺寸并换成金色强调 */ :is(#panel-workbench,#cd-storyboard) .wbj .ui-choice-trigger{min-height:34px;padding:6px 12px;border-radius:9px;background:#0c0c0f;border-color:var(--wj-line-2);font-size:13px;transition:border-color .15s,box-shadow .15s} :is(#panel-workbench,#cd-storyboard) .wbj .ui-choice-trigger:hover{border-color:#c9a96a66} :is(#panel-workbench,#cd-storyboard) .wbj .ui-choice-trigger[aria-expanded=true]{border-color:var(--wj-gold);box-shadow:0 0 0 3px #c9a96a1f} :is(#panel-workbench,#cd-storyboard) .wbj .ui-choice-trigger>span:first-child{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;line-height:1.5;text-align:left;color:var(--text)} :is(#panel-workbench,#cd-storyboard) .wbj .ui-choice-trigger[aria-expanded=true] .ui-choice-chevron{color:var(--wj-gold-soft)} :is(#panel-workbench,#cd-storyboard) .wbj-toolbar .ui-choice{width:auto;min-width:170px;max-width:260px} :is(#panel-workbench,#cd-storyboard) .wbj-toolbar .wbj-scene-ratio .ui-choice{min-width:100px;max-width:120px} :is(#panel-workbench,#cd-storyboard) .wbj-toolbar .grp-model .ui-choice{min-width:240px;max-width:340px} :is(#panel-workbench,#cd-storyboard) .wbj-frame .params .ui-choice-trigger,:is(#panel-workbench,#cd-storyboard) .wbj-smart-main .params .ui-choice-trigger{padding:6px 10px;gap:6px;font-size:12px} :is(#panel-workbench,#cd-storyboard) .wbj .params .ui-choice .ui-choice-trigger>span:first-child{-webkit-line-clamp:2} :is(#panel-workbench,#cd-storyboard) .wbj .params .two .ui-choice-trigger>span:first-child{-webkit-line-clamp:1;white-space:nowrap;display:block;text-overflow:ellipsis} :is(#panel-workbench,#cd-storyboard) .wbj .ui-choice-segments{background:#0c0c0f;border-color:var(--wj-line-2);border-radius:9px} :is(#panel-workbench,#cd-storyboard) .wbj .ui-choice-segments button[aria-pressed=true]{background:var(--wj-dim)!important;color:var(--wj-gold-soft)!important;box-shadow:inset 0 0 0 1px #c9a96a55} @media (max-width:1280px){ :is(#panel-workbench,#cd-storyboard) .wbj-frame{grid-template-columns:58px minmax(0,1fr) minmax(0,1fr)} :is(#panel-workbench,#cd-storyboard) .wbj-frame .rail{grid-row:1/3} :is(#panel-workbench,#cd-storyboard) .wbj-frame .descCol,:is(#panel-workbench,#cd-storyboard) .wbj-frame .preview-col{border-top:1px solid var(--wj-line)} :is(#panel-workbench,#cd-storyboard) .wbj-frame .descCol{border-left:0} } @media (max-width:1180px){ :is(#panel-workbench,#cd-storyboard) .wbj-smart-main{grid-template-columns:1fr} } @media (max-width:960px){ :is(#panel-workbench,#cd-storyboard) .wbj-s1{grid-template-columns:1fr} :is(#panel-workbench,#cd-storyboard) .wbj-head{grid-template-columns:minmax(0,1fr);justify-items:start} :is(#panel-workbench,#cd-storyboard) .wbj-head>*{max-width:100%} :is(#panel-workbench,#cd-storyboard) .wbj-head .right{justify-content:flex-start} :is(#panel-workbench,#cd-storyboard) .wbj-stepper{overflow:auto;max-width:100%} :is(#panel-workbench,#cd-storyboard) .wbj-smart{grid-template-columns:1fr} :is(#panel-workbench,#cd-storyboard) .wbj-frame{grid-template-columns:minmax(0,1fr)} :is(#panel-workbench,#cd-storyboard) .wbj-frame .rail{grid-row:auto;flex-direction:row;justify-content:flex-start;gap:8px;padding:8px 12px;border-right:0;border-bottom:1px solid #c9a96a33;background:linear-gradient(90deg,#c9a96a2e,#c9a96a08)} :is(#panel-workbench,#cd-storyboard) .wbj-frame .rail b{font-size:22px} :is(#panel-workbench,#cd-storyboard) .wbj-frame .rail .len{margin:0 0 0 auto} :is(#panel-workbench,#cd-storyboard) .wbj-frame .rail .ins{position:static;translate:none} :is(#panel-workbench,#cd-storyboard) .wbj-frame .col{border-left:0} :is(#panel-workbench,#cd-storyboard) .wbj-frame .col+.col{border-top:1px solid var(--wj-line)} :is(#panel-workbench,#cd-storyboard) .wbj-frame .copy{min-height:0} :is(#panel-workbench,#cd-storyboard) .wbj-frame .descCol .wbj-desc{min-height:160px} :is(#panel-workbench,#cd-storyboard) .wbj-genbar .txt{flex-direction:column;gap:2px} :is(#panel-workbench,#cd-storyboard) .wbj-assets-pair{grid-template-columns:minmax(0,1fr)} :is(#panel-workbench,#cd-storyboard) .wbj-frame .descCol,:is(#panel-workbench,#cd-storyboard) .wbj-frame .preview-col{grid-column:auto} :is(#panel-workbench,#cd-storyboard) .wbj-toolbar .end{margin-left:0} } @media (prefers-reduced-motion:reduce){.wbj *{animation:none!important;transition:none!important}} @media (max-width:760px){ :is(#panel-workbench,#cd-storyboard) .wbj-recog-settings{grid-template-columns:minmax(0,1fr)} :is(#panel-workbench,#cd-storyboard) .wbj-new{min-height:150px} :is(#panel-workbench,#cd-storyboard) .wbj-tools,:is(#panel-workbench,#cd-storyboard) .wbj-tools .wbj-input{width:100%} :is(#panel-workbench,#cd-storyboard) .wbj-preview .box{max-width:220px} :is(#panel-workbench,#cd-storyboard) .wbj-script textarea{min-height:300px} :is(#panel-workbench,#cd-storyboard) .wbj-head{position:static;gap:10px} :is(#panel-workbench,#cd-storyboard) .wbj-stepper button{font-size:12px;padding:0 10px 0 4px;gap:6px} :is(#panel-workbench,#cd-storyboard) .wbj-stepper .bar{width:12px;flex:none} :is(#panel-workbench,#cd-storyboard) .wbj-toolbar{gap:10px 12px} :is(#panel-workbench,#cd-storyboard) .wbj-toolbar .sep{display:none} :is(#panel-workbench,#cd-storyboard) .wbj-toolbar .grp{flex-wrap:wrap;max-width:100%} :is(#panel-workbench,#cd-storyboard) .wbj-tabs .end{margin-left:0;width:100%} :is(#panel-workbench,#cd-storyboard) .wbj-toolbar .end{width:100%;flex-wrap:wrap} :is(#panel-workbench,#cd-storyboard) .wbj-toolbar .ui-choice,:is(#panel-workbench,#cd-storyboard) .wbj-toolbar .grp-model .ui-choice{min-width:0;max-width:100%;flex:1 1 200px} :is(#panel-workbench,#cd-storyboard) .wbj-handoff{width:100%;justify-content:flex-start} :is(#panel-workbench,#cd-storyboard) .wbj-pacing{grid-template-columns:1fr} :is(#panel-workbench,#cd-storyboard) .wbj-modal-foot{flex-wrap:wrap} :is(#panel-workbench,#cd-storyboard) .wbj-modal-foot .acts{width:100%} :is(#panel-workbench,#cd-storyboard) .wbj-modal-foot .acts .wbj-btn{flex:1} } /* @ 候选与「+ 添加」缩略图选择器：挂在 body 上，不能带 #panel-workbench 前缀 */ .wbj-mention-menu{position:fixed;z-index:1200;width:280px;max-height:340px;display:flex;flex-direction:column;gap:2px;overflow:auto;overscroll-behavior:contain;padding:0 6px;border-radius:12px;border:1px solid #ffffff1f;background:#16161bf2;backdrop-filter:blur(18px);box-shadow:0 24px 60px -12px #000e,0 0 0 1px #c9a96a14;color:#ece8e1;font-size:13px;animation:wbj-pop .14s ease-out} .wbj-mention-menu[hidden]{display:none} .wbj-mention-menu .head{position:sticky;top:0;z-index:1;background:#16161b;padding:10px 8px 8px;font-size:11px;color:#8d8a84;border-bottom:1px solid #ffffff10;margin-bottom:4px} .wbj-mention-menu .empty{margin:0;padding:14px 8px;font-size:12px;line-height:1.6;color:#8d8a84} .wbj-mention-menu .hint{position:sticky;bottom:0;background:#16161b;margin:4px 0 0;padding:7px 8px 8px;border-top:1px solid #ffffff10;font-size:10.5px;color:#6f6c67} .wbj-mention-option{flex:none;display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;align-items:center;width:100%;padding:6px 8px;border:0;border-radius:8px;background:transparent;color:inherit;text-align:left;cursor:pointer;font:inherit} .wbj-mention-option .wbj-thumb{grid-row:1/3} .wbj-mention-option .nm{font-size:13px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .wbj-mention-option small{font-size:11px;color:#8d8a84} .wbj-mention-option:hover,.wbj-mention-option.active{background:#c9a96a1f} .wbj-mention-option.active .nm{color:#e3cf9f} .wbj-thumb{display:grid;place-items:center;width:40px;height:40px;border-radius:8px;background:#ffffff0d;border:1px solid #ffffff14;color:#8d8a84;font-size:15px;font-weight:600;overflow:hidden} .wbj-thumb.has{background:var(--swatch,#333);color:#fff;text-shadow:0 1px 4px #0009;border-color:#ffffff22} .wbj-thumb svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round} @keyframes wbj-pop{from{opacity:0;transform:translateY(4px) scale(.98)}} @media (prefers-reduced-motion:reduce){.wbj-mention-menu{animation:none}} :is(#panel-workbench,#cd-storyboard) .wbj .ui-choice-chevron{font-size:0;width:6px;height:6px;margin:0 2px 3px 4px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .2s} :is(#panel-workbench,#cd-storyboard) .wbj .ui-choice-trigger[aria-expanded=true] .ui-choice-chevron{transform:translateY(3px) rotate(225deg)} /* ── 正式版：真实图片 / 视频与接口状态 ── */ :is(#panel-workbench,#cd-storyboard) .wbj-asset .shot img.pic{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} :is(#panel-workbench,#cd-storyboard) .wbj-asset-preview{position:absolute;inset:0;display:block;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:zoom-in} :is(#panel-workbench,#cd-storyboard) .wbj-asset-preview:focus-visible{outline:2px solid var(--wj-gold);outline-offset:-3px;z-index:1} :is(#panel-workbench,#cd-storyboard) .wbj-modal-card.wbj-image-viewer{width:min(1120px,100%);padding:16px;gap:12px;max-height:92dvh;overflow:hidden} :is(#panel-workbench,#cd-storyboard) .wbj-image-viewer .wbj-modal-head{align-items:center} :is(#panel-workbench,#cd-storyboard) .wbj-image-viewer h3{margin:0;font-size:15px;overflow-wrap:anywhere} :is(#panel-workbench,#cd-storyboard) .wbj-image-stage{display:grid;place-items:center;min-height:80px;max-height:calc(92dvh - 110px);overflow:hidden;background:#08080b;border-radius:8px} :is(#panel-workbench,#cd-storyboard) .wbj-image-stage img{display:block;width:auto;height:auto;max-width:100%;max-height:calc(92dvh - 110px);object-fit:contain} :is(#panel-workbench,#cd-storyboard) .wbj-asset .shot .badge,:is(#panel-workbench,#cd-storyboard) .wbj-asset .shot .upload{z-index:2} :is(#panel-workbench,#cd-storyboard) .wbj-asset .info .err{display:block;margin-top:4px;font-size:11px;line-height:1.5;color:var(--danger,#d9a08a)} :is(#panel-workbench,#cd-storyboard) .wbj-tile .pic{overflow:hidden} :is(#panel-workbench,#cd-storyboard) .wbj-tile .pic img{width:100%;height:100%;object-fit:cover;display:block} :is(#panel-workbench,#cd-storyboard) .wbj-desc .at i{overflow:hidden;flex:none} :is(#panel-workbench,#cd-storyboard) .wbj-desc .at i img{width:100%;height:100%;object-fit:cover;display:block} .wbj-thumb img{width:100%;height:100%;object-fit:cover;display:block} :is(#panel-workbench,#cd-storyboard) .wbj-preview .box{position:relative;overflow:hidden} :is(#panel-workbench,#cd-storyboard) .wbj-preview .box video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000} :is(#panel-workbench,#cd-storyboard) .wbj-preview .box .ph small{display:block;margin-top:4px;font-size:10.5px;color:var(--faint);max-width:90%;margin-inline:auto} :is(#panel-workbench,#cd-storyboard) .wbj-copy-edit{width:100%;min-height:120px;height:auto;padding:8px 10px;line-height:1.6;resize:vertical} :is(#panel-workbench,#cd-storyboard) .wbj-hidden-file{display:none} :is(#panel-workbench,#cd-storyboard) .wbj-head .right{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap} :is(#panel-workbench,#cd-storyboard) .wbj-warn-line{margin:8px 0 0;padding:7px 10px;border-radius:8px;border:1px solid #d9a08a40;background:#d9a08a10;color:var(--danger,#d9a08a);font-size:12px;line-height:1.5} :is(#panel-workbench,#cd-storyboard) .wbj-warn-line.info{border-color:#c9a96a40;background:var(--wj-dim);color:var(--wj-gold-soft)} :is(#panel-workbench,#cd-storyboard) .wbj-save{font-size:11px;color:var(--faint);margin-left:6px} :is(#panel-workbench,#cd-storyboard) .wbj-save.error{color:var(--danger,#d9a08a)} :is(#panel-workbench,#cd-storyboard) .wbj-save.saved{color:#8fb39a} :is(#panel-workbench,#cd-storyboard) .wbj-link{border:0;background:none;padding:0;color:var(--wj-gold-soft);font-size:11px;text-decoration:underline;cursor:pointer} :is(#panel-workbench,#cd-storyboard) .wbj-param-line{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12px;color:var(--text-2)} :is(#panel-workbench,#cd-storyboard) .wbj-param-line b{font-weight:600;color:var(--text)} :is(#panel-workbench,#cd-storyboard) .wbj-param-line span{padding:1px 7px;border-radius:6px;border:1px solid var(--wj-line-2);font:11px var(--mono,monospace)} :is(#panel-workbench,#cd-storyboard) .wbj-btn.danger{border-color:#e0705a66;color:#f0b2a4;background:#e0705a14} :is(#panel-workbench,#cd-storyboard) .wbj-btn.danger:hover{background:#e0705a2b} :is(#panel-workbench,#cd-storyboard) .wbj-modal-card.wbj-confirm{width:min(460px,100%)} :is(#panel-workbench,#cd-storyboard) .wbj-modal-card.wbj-asset-form{width:min(560px,100%)} :is(#panel-workbench,#cd-storyboard) .wbj-modal-card textarea{width:100%;height:auto;padding:8px 10px;line-height:1.6;resize:vertical} :is(#panel-workbench,#cd-storyboard) .wbj-modal-card .wbj-input{width:100%} :is(#panel-workbench,#cd-storyboard) .wbj-pager{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:18px;font:12px var(--mono,monospace);color:var(--text-2)} :is(#panel-workbench,#cd-storyboard) .wbj-empty-line{margin:18px 0;text-align:center;font-size:13px;color:var(--faint)} /* 分镜卡片：文案 / 描述词框撑满整行，与左侧编号栏上下对齐；行高由素材列和预览列决定，内容超出在框内滚动 */ :is(#panel-workbench,#cd-storyboard) .wbj-frame .copy,:is(#panel-workbench,#cd-storyboard) .wbj-frame .descCol .wbj-desc,:is(#panel-workbench,#cd-storyboard) .wbj-frame .wbj-copy-edit{flex:1 1 0;min-height:120px;max-height:none;height:auto;contain:size;overflow:auto;resize:none} :is(#panel-workbench,#cd-storyboard) .wbj-frame .pv{flex:0 0 auto} @media (max-width:960px){:is(#panel-workbench,#cd-storyboard) .wbj-frame .copy,:is(#panel-workbench,#cd-storyboard) .wbj-frame .descCol .wbj-desc,:is(#panel-workbench,#cd-storyboard) .wbj-frame .wbj-copy-edit{flex:none;contain:none;min-height:110px;max-height:200px}} /* Reference source picker, shared by character / scene / prop cards. */ .wb-source-dialog{width:min(760px,calc(100vw - 28px));max-height:88dvh;box-sizing:border-box;overflow:auto;padding:24px;border:1px solid #9e865a66;border-radius:16px;background:#19181c;color:#eee9df;font:14px/1.6 system-ui,sans-serif;box-shadow:0 24px 90px #0009} .wb-source-dialog::backdrop{background:#09090bc4;backdrop-filter:blur(5px)} .wb-source-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px}.wb-source-dialog h2{margin:0;font-size:19px}.wb-source-hint{color:#c5beb0;margin:12px 0 18px} .wb-source-dialog button{font:inherit;cursor:pointer}.wb-source-button{border:1px solid #82725366;border-radius:9px;background:#ffffff08;color:#eee5d5;padding:8px 14px}.wb-source-dialog button:hover:not(:disabled){background:#c9a96a22;border-color:#c9a96a}.wb-source-dialog button:disabled{opacity:.5;cursor:wait}.wb-source-dialog :focus-visible{outline:2px solid #d9bc83;outline-offset:3px} .wb-source-tabs{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 18px}.wb-source-tabs button{flex:1;min-height:50px;font-weight:600}.wb-source-tabs button:last-child{color:#ecd4a1;border-color:#c9a96a80} .wb-source-filters{display:flex;gap:10px;margin-bottom:14px}.wb-source-filters input,.wb-source-filters select{min-width:0;padding:9px 12px;color:#eee9df;background:#111114;border:1px solid #ffffff28;border-radius:8px;font:inherit}.wb-source-filters input{flex:1}.wb-source-filters select{width:120px} .wb-source-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-height:48dvh;overflow:auto;padding:4px}.wb-source-card{min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:8px;border:1px solid #ffffff26;border-radius:10px;background:#ffffff05;color:#eee9df;text-align:left}.wb-source-card img{width:100%;aspect-ratio:4/3;object-fit:contain;border-radius:6px;background:#0e0e11}.wb-source-card strong{font-size:13px;overflow-wrap:anywhere}.wb-source-card small{font-size:11px;color:#c6bcab}.wb-source-status{min-height:24px;margin:12px 0;color:#e0c694} @media(max-width:520px){.wb-source-dialog{padding:16px}.wb-source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wb-source-dialog h2{font-size:17px}.wb-source-filters select{width:100px}} /* Character voice references beside the extracted voice description. */ .wbj-voice-reference{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(216,190,137,.18)} .wbj-voice-reference .wbj-btn{color:#f2dfb6;border-color:rgba(216,190,137,.42);background:rgba(216,190,137,.08)} .wbj-voice-reference small,.wbj-voice-bound{color:#c9c2b3;font-size:12px;line-height:1.55;overflow-wrap:anywhere} .wbj-voice-dialog{box-sizing:border-box;width:min(520px,calc(100vw - 32px));max-height:85dvh;overflow:auto;border:1px solid #615139;border-radius:18px;padding:24px;background:#201e1b;color:#f4ecdf;box-shadow:0 24px 90px #0008} .wbj-voice-dialog::backdrop{background:#0009;backdrop-filter:blur(4px)} .wbj-voice-dialog button{font:inherit;cursor:pointer}.wbj-voice-dialog .wbj-btn{border:1px solid #ffffff30;border-radius:8px;background:#ffffff09;color:#f0d8a5;padding:7px 12px}.wbj-voice-dialog button:disabled{opacity:.5;cursor:wait}.wbj-voice-dialog :focus-visible{outline:2px solid #d9bc83;outline-offset:3px}.wbj-voice-dialog .wb-audio-actions .text-button{padding:8px 12px} .wbj-voice-dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.wbj-voice-dialog h2{margin:0;font-size:20px}.wbj-voice-dialog>p{color:#c9c2b3;font-size:13px;line-height:1.6} .wbj-voice-dialog .wb-character-audio{margin:0;padding:16px;background:#ffffff05}.wbj-voice-dialog .wb-audio-actions{flex-wrap:wrap}.wbj-voice-dialog .text-button{color:#f0d8a5;background:#ffffff09;border:1px solid #ffffff20;border-radius:8px;padding:8px 12px}.wbj-voice-dialog .wb-audio-note,.wbj-voice-dialog .wb-audio-meta{color:#c9c2b3}.wbj-voice-dialog .wb-audio-player{width:100%}