:root{--bg: #111318;--surface: #191c23;--surface-2: #20242d;--line: rgba(255, 255, 255, .09);--text: #f5f2eb;--muted: #a8acb7;--accent: #e8577a;--accent-2: #2ed3c6;--gold: #f3b75b;--green: #7be18d;--shadow: 0 24px 70px rgba(0, 0, 0, .42)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 16% 5%,rgba(232,87,122,.18),transparent 30%),radial-gradient(circle at 92% 2%,rgba(46,211,198,.14),transparent 26%),var(--bg);color:var(--text);font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,sans-serif}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:28px}.auth-card{width:min(460px,100%);display:grid;gap:22px;padding:30px;border:1px solid var(--line);border-radius:8px;background:#191c23f0;box-shadow:var(--shadow)}.auth-copy,.auth-hint{margin:0;color:var(--muted);line-height:1.7}.auth-form{display:grid;gap:14px}.auth-form label span{display:block;margin-bottom:8px;color:var(--muted);font-size:13px}.auth-form .primary-btn{width:100%}.credit-actions input{width:150px;height:32px}.credit-dashboard{display:grid;grid-template-columns:minmax(280px,1.35fr) repeat(3,minmax(180px,.55fr));gap:16px}.credit-hero,.credit-mini{min-height:150px}.credit-hero span,.credit-mini span,.recharge-form span{display:block;color:var(--muted);font-size:13px}.credit-hero strong{display:block;margin:12px 0 10px;font-size:52px;line-height:1;color:var(--gold)}.credit-hero p{margin:0;color:#d7dae2;line-height:1.7}.credit-mini strong{display:block;margin-top:14px;font-size:34px}.credit-layout{display:grid;grid-template-columns:minmax(0,.96fr) minmax(360px,.64fr);gap:18px}.recharge-package-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.recharge-package-grid button{min-height:118px;padding:16px;border:1px solid var(--line);border-radius:8px;background:#ffffff0b;color:var(--text);text-align:left}.recharge-package-grid button.active{border-color:#2ed3c6a6;background:#2ed3c621}.recharge-package-grid strong,.recharge-package-grid span,.recharge-package-grid small{display:block}.recharge-package-grid strong{font-size:22px}.recharge-package-grid span{margin-top:10px;color:var(--gold);font-weight:800}.recharge-package-grid small{margin-top:8px;color:var(--muted);line-height:1.5}.recharge-form{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.recharge-form span{margin-bottom:8px}.order-list,.admin-order-grid{display:grid;gap:12px}.order-card,.admin-order-card{padding:14px;border:1px solid var(--line);border-radius:8px;background:#ffffff0b}.order-card{display:grid;gap:12px}.order-card div,.admin-order-card header,.admin-order-metrics{display:flex;justify-content:space-between;gap:14px}.order-card strong,.order-card span,.order-card b,.order-card small,.admin-order-card strong,.admin-order-card span{display:block}.order-card span,.order-card small,.muted-line{color:var(--muted)}.order-card b{color:var(--gold)}.admin-order-card header{align-items:flex-start;margin-bottom:12px}.admin-order-metrics{flex-wrap:wrap;justify-content:flex-start;margin-bottom:10px}.admin-order-metrics span{min-width:120px;padding:10px 12px;border-radius:8px;background:#0000002e}.admin-order-card p{margin:8px 0 0;color:#d7dae2;line-height:1.6}.order-status{display:inline-flex;padding:6px 10px;border-radius:99px;border:1px solid var(--line);color:var(--muted);font-size:12px}.order-status.APPROVED{color:#101215;background:var(--green);border-color:transparent}.order-status.REJECTED{color:#ffb8c3;border-color:#ff607b6b}.amount-plus{color:var(--green)!important}.amount-minus{color:#ff9aaa!important}button,select,textarea,input{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:272px minmax(0,1fr);min-height:100vh}.app-shell.editor-mode{grid-template-columns:minmax(0,1fr);height:100vh;min-height:100vh;overflow:hidden;background:linear-gradient(135deg,rgba(52,69,94,.28),transparent 32%),linear-gradient(315deg,rgba(30,96,91,.18),transparent 34%),#0e1117}.app-shell.editor-mode>.sidebar{display:none}.app-shell.editor-mode .workspace{height:100vh;min-height:0;overflow:hidden;padding:0}.app-shell.editor-mode .view-panel{gap:0;height:100vh;min-height:0;overflow:hidden}.app-shell.editor-mode .view-panel>.topbar,.app-shell.editor-mode .project-tabs{display:none}.app-shell.editor-mode .editor-studio{height:100vh;min-height:100vh;border:0;border-radius:0}.sidebar{border-right:1px solid var(--line);background:#111318c7;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);padding:28px 20px;display:flex;flex-direction:column;gap:30px;position:sticky;top:0;height:100vh}.brand,.topbar,.section-title,.top-actions,.status-row,.shot-meta,.shot-tags,.render-progress,.voice-row{display:flex;align-items:center}.brand{gap:12px}.brand-mark{width:44px;height:44px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--gold));color:#14151b;font-weight:900;box-shadow:0 14px 34px #e8577a4d}.brand strong,.brand span,.steps strong,.steps small,.route-item strong,.route-item small{display:block}.brand strong{font-size:18px}.brand span,.steps small,.route-item small,.job-item span,.shot-meta span,.cost-card span,.cost-card p{color:var(--muted)}.brand span{font-size:12px;margin-top:3px}.nav-list,.shot-list,.settings-list,.prompt-lines,.job-list,.route-list{display:grid}.nav-list{gap:8px}.nav-item{height:44px;border:0;border-radius:8px;background:transparent;color:var(--muted);display:flex;align-items:center;gap:12px;padding:0 12px;text-align:left}.nav-item.active,.nav-item:hover{background:#ffffff14;color:var(--text)}.icon{width:24px;color:var(--accent-2);font-size:12px;font-weight:800}.quota-panel,.pipeline,.panel{background:#191c23eb;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.quota-panel{margin-top:auto;padding:16px}.quota-top,.shot-meta,.cost-card div,.job-item{display:flex;justify-content:space-between}.meter{height:8px;background:#ffffff14;border-radius:99px;margin:14px 0 12px;overflow:hidden}.meter span{display:block;width:68%;height:100%;background:linear-gradient(90deg,var(--accent-2),var(--accent))}.quota-panel p,.section-title p,.render-progress p,.voice-row p{color:var(--muted)}.voice-select-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.voice-select-row select{min-width:0}.voice-select-row .text-btn{min-width:58px;white-space:nowrap}.quota-panel p{font-size:12px;margin:0;line-height:1.55}.workspace{padding:28px}.view-panel{display:grid;gap:22px}.topbar{justify-content:space-between;gap:20px}.eyebrow{color:var(--accent-2);margin:0 0 8px;font-size:13px}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(28px,4vw,44px);letter-spacing:0}h2{font-size:clamp(28px,4vw,56px);margin-bottom:14px;letter-spacing:0}h3{margin-bottom:0;font-size:18px}.top-actions{gap:10px;flex-wrap:wrap;justify-content:flex-end}.ghost-btn,.primary-btn,.small-btn{border:1px solid var(--line);color:var(--text);border-radius:8px;height:42px;padding:0 16px}.ghost-btn,.small-btn{background:#ffffff0f}.primary-btn{border-color:transparent;background:linear-gradient(135deg,var(--accent),var(--gold));color:#161419;font-weight:800}.primary-btn:disabled{cursor:wait;opacity:.68}.hero-grid,.content-grid,.bottom-grid,.render-board,.split-editor,.admin-grid,.admin-bottom-grid,.project-grid,.detail-hero,.detail-grid{display:grid;gap:22px}.hero-grid,.content-grid{grid-template-columns:minmax(0,1fr) 340px}.split-editor,.render-board{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr)}.bottom-grid{grid-template-columns:1fr 1fr}.admin-grid{grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr)}.admin-bottom-grid{grid-template-columns:minmax(0,1fr) minmax(360px,.85fr)}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-hero{grid-template-columns:minmax(520px,1fr) minmax(280px,460px);align-items:start}.detail-grid{grid-template-columns:minmax(0,1fr) 420px}.storyboard-only,.single-page-grid{grid-template-columns:minmax(0,1fr)}.project-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:-6px 0 22px;padding:8px;border:1px solid var(--line);border-radius:8px;background:#14171eb8}.project-tabs button{min-height:42px;padding:0 18px;border:1px solid transparent;border-radius:8px;background:transparent;color:#cfd4dc;font-weight:800;cursor:pointer}.project-tabs button:hover,.project-tabs button.active{border-color:#2ed3c680;background:#2ed3c624;color:#f7fbff}.project-overview-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:22px}.shot-image-manager-grid{display:grid;grid-template-columns:minmax(420px,.9fr) minmax(0,1.1fr);gap:22px}.shot-image-large{overflow:hidden;margin-top:18px;border:1px solid var(--line);border-radius:8px;background:#101215}.shot-image-large img{width:100%;height:560px;object-fit:cover;display:block}.shot-image-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.compact-image-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cross-image-section{display:grid;gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.shot-video-tools{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin-bottom:16px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#ffffff0b}.shot-video-tools>div:first-child{flex:1 1 220px;min-width:180px}.shot-video-tools label{flex:1 1 180px;min-width:160px}.shot-video-tools label:has(select){max-width:280px}.shot-video-tools .small-btn{flex:0 0 auto;min-width:104px;white-space:nowrap}.shot-video-tools strong,.shot-video-tools span{display:block}.shot-video-tools span{margin-top:6px;color:var(--muted);font-size:13px}.duration-summary{flex:0 0 160px;min-height:42px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:#13161c}.duration-summary span,.duration-summary small{color:var(--muted);font-size:12px}.duration-summary strong{display:inline-block;margin:0 8px;color:var(--text)}.text-video-prompt{display:grid;gap:12px;padding:14px;margin:0 0 16px;border:1px solid var(--line);border-radius:8px;background:#ffffff0b}.text-video-prompt textarea{min-height:128px}.shot-video-player{width:100%;max-height:420px;margin-bottom:16px;border:1px solid var(--line);border-radius:8px;background:#101215}.voice-workbench{display:grid;gap:12px;padding:14px;margin:0 0 16px;border:1px solid var(--line);border-radius:8px;background:#ffffff0b}.voice-workbench textarea{min-height:118px}.voice-workbench audio{width:100%}.shot-image-grid figure{position:relative;margin:0;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#ffffff0b}.shot-image-grid figure.active{border-color:#2ed3c6ad;box-shadow:0 0 0 3px #2ed3c61f}.shot-image-grid img{width:100%;aspect-ratio:3 / 4;object-fit:cover;display:block}.shot-image-frame-badge{position:absolute;top:8px;left:8px;z-index:1;display:grid;place-items:center;min-width:30px;height:30px;padding:0 8px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#0c0f14e6;color:#f7fbff;font-size:13px;font-weight:900;line-height:1}.shot-image-grid figcaption{display:grid;gap:4px;padding:10px 12px 0}.shot-image-grid small{color:var(--muted)}.video-check{display:flex;align-items:center;gap:8px;padding:10px 12px 0;color:#dce1ea;font-size:13px}.video-check input{width:18px;height:18px}.order-actions{display:flex;gap:10px;padding:8px 12px 0}.video-order-strip{display:flex;gap:10px;overflow-x:auto;margin:0 0 16px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#ffffff0a}.video-order-strip figure{position:relative;flex:0 0 86px;margin:0;overflow:hidden;border:1px solid rgba(46,211,198,.36);border-radius:8px}.video-order-strip img{width:86px;height:116px;object-fit:cover;display:block}.video-order-strip span{position:absolute;top:6px;left:6px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#0c0f14db;color:#f7fbff;font-weight:800;font-size:12px}.video-order-strip small{position:absolute;right:4px;bottom:4px;left:4px;overflow:hidden;padding:3px 5px;border-radius:6px;background:#0c0f14d1;color:#dce1ea;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.overview-panel{min-height:100%}.overview-media{display:grid;place-items:center;overflow:hidden;margin-top:18px;margin-right:auto;margin-left:auto;border:1px solid var(--line);border-radius:8px;background:#10131a;box-shadow:0 18px 48px #0000003d}.overview-media.ratio-portrait{width:min(100%,360px);aspect-ratio:9 / 16}.overview-media.ratio-landscape{width:100%;max-width:760px;aspect-ratio:16 / 9}.overview-media.ratio-square{width:min(100%,460px);aspect-ratio:1}.overview-media img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;background:#101215}.overview-synopsis{margin:18px 0 0;color:#d7dae2;line-height:1.7}.overview-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.overview-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.overview-stat-grid button{min-height:116px;padding:18px;border:1px solid var(--line);border-radius:8px;background:#ffffff0b;color:#f7fbff;text-align:left;cursor:pointer}.overview-stat-grid strong{display:block;font-size:34px;line-height:1}.overview-stat-grid span{display:block;margin-top:12px;color:#adb5c2;font-weight:800}.overview-routes{margin-top:22px}.project-task-board{margin-top:22px;padding:14px;border:1px solid rgba(46,211,198,.22);border-radius:8px;background:#2ed3c611}.project-task-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.project-task-summary strong,.task-progress-row strong{display:block;color:#f7fbff}.project-task-summary span,.task-progress-row span{display:block;margin-top:4px;color:var(--muted);font-size:12px}.project-task-summary b{color:var(--accent-2);font-size:22px}.task-progress-list{display:grid;gap:10px;margin-top:14px}.task-progress-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:10px;border:1px solid rgba(255,255,255,.075);border-radius:8px;background:#0a0d126b}.task-progress-row em{color:var(--accent-2);font-style:normal;font-weight:800}.task-progress-row .progress-bar{grid-column:1 / -1;height:7px}.project-card{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#191c23eb;box-shadow:var(--shadow);cursor:pointer;transition:transform .18s ease,border-color .18s ease}.project-card:hover,.project-card.selected{transform:translateY(-2px);border-color:#2ed3c68c}.project-card img{width:100%;height:210px;object-fit:cover;object-position:top center;display:block;background:#101215}.project-card-body{padding:18px}.project-card h3{font-size:22px;margin:0 0 10px}.project-card p{color:#d2d4dc;line-height:1.65;min-height:54px}.project-stats{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.project-stats span{color:var(--muted);font-size:12px;padding:6px 9px;border-radius:99px;background:#ffffff0f}.project-delete-btn{margin-top:14px}.danger-action{border-color:#ff607b73;color:#ff9aaa}.project-brief{min-height:440px;border-radius:8px;overflow:hidden;border:1px solid var(--line);display:grid;grid-template-columns:minmax(360px,.86fr) minmax(420px,1.14fr);background:var(--surface);box-shadow:var(--shadow)}.brief-copy{padding:34px;align-self:center}.brief-copy p{color:#d7d6d0;line-height:1.8;max-width:560px}.project-brief img{width:100%;height:100%;object-fit:contain;min-height:440px;background:#101215}.preview-stage{position:relative;display:grid;place-items:center;align-self:start;justify-self:center;width:min(100%,380px);aspect-ratio:9 / 16;max-height:min(72vh,640px);min-height:0;overflow:hidden;border-radius:8px;border:1px solid var(--line);background:#0d1016;box-shadow:var(--shadow)}.preview-backdrop{position:absolute;top:-24px;right:-24px;bottom:-24px;left:-24px;width:100%;height:100%;min-width:calc(100% + 48px);min-height:calc(100% + 48px);object-fit:cover;filter:blur(24px) saturate(1.08);opacity:.58;transform:scale(1.08)}.preview-stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#080a0e1f,#080a0e6b),radial-gradient(circle at 50% 20%,rgba(255,255,255,.12),transparent 36%);pointer-events:none}.preview-main-image{position:relative;z-index:1;width:100%;height:100%;min-height:0;object-fit:contain;display:block;padding:10px}.status-row,.shot-tags{gap:8px;flex-wrap:wrap}.status-row{margin-bottom:22px}.status-pill,.shot-tags span,.status-chip{font-size:12px;border-radius:99px}.status-pill{color:var(--muted);border:1px solid var(--line);padding:6px 10px}.status-pill.live,.status-chip.enabled{color:#101215;background:var(--green);border-color:transparent;font-weight:800}.prompt-box{margin-top:24px;background:#ffffff0f;border:1px solid var(--line);border-radius:8px;padding:14px}.prompt-box label,.settings-list span,.api-form label span{display:block;color:var(--muted);font-size:13px;margin-bottom:8px}.prompt-box textarea{min-height:132px;border:0;background:transparent;padding:0}.prompt-box.flat{margin-top:0}.generator-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}.generator-options label{color:var(--muted);font-size:12px}.generator-options select{margin-top:7px}.image-style-toggle{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;min-height:42px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#ffffff0b;color:var(--muted);font-size:13px}.image-style-toggle span{margin:0}.image-style-toggle input{width:16px;height:16px;margin:0;accent-color:var(--accent);flex:0 0 auto}.panel-toggle{justify-content:flex-start;width:max-content;max-width:100%;margin-top:12px}.shot-frame-tools{display:grid;grid-template-columns:minmax(160px,220px) auto;gap:12px;align-items:end;margin-top:14px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#ffffff0b}.shot-frame-tools span{display:block;margin-bottom:8px;color:var(--muted);font-size:13px}.inline-error{margin:12px 0 0;color:#ffd8df;line-height:1.6}.progress-card{margin-top:16px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#ffffff0b}.progress-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px}.progress-head span{color:var(--accent-2);font-weight:800}.progress-bar{height:9px;overflow:hidden;border-radius:99px;background:#ffffff14}.progress-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent-2),var(--accent),var(--gold));transition:width .35s ease}.pipeline,.panel{padding:22px}.section-title{justify-content:space-between;gap:16px;margin-bottom:18px}.section-title span,.section-title p{margin:0;font-size:13px}.steps{list-style:none;padding:0;margin:0;display:grid;gap:18px}.steps li{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:start}.steps li>span{width:18px;height:18px;border-radius:99px;border:2px solid rgba(255,255,255,.22);margin-top:2px}.steps .done>span{background:var(--accent-2);border-color:var(--accent-2)}.steps .active>span{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 7px #e8577a1f}.segmented{padding:4px;border-radius:8px;background:#ffffff0f;display:flex}.segmented button{border:0;color:var(--muted);background:transparent;padding:8px 12px;border-radius:6px}.segmented .selected{color:var(--text);background:var(--surface-2)}.shot-list,.settings-list,.prompt-lines,.job-list,.route-list{gap:12px}.shot-card{display:grid;grid-template-columns:116px 1fr;gap:14px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#ffffff09}.split-storyboard-form{display:grid;gap:14px;margin-bottom:18px;padding:16px;border:1px solid var(--line);border-radius:8px;background:#ffffff0b}.split-storyboard-form textarea{min-height:136px}.split-options{display:grid;grid-template-columns:150px 150px minmax(180px,1fr) auto;gap:12px;align-items:end}.split-options label span{display:block;margin-bottom:8px;color:var(--muted);font-size:13px}.split-options .check-row{display:flex;align-items:center;gap:10px;min-height:42px}.split-options .check-row input{width:18px;height:18px}.split-options .check-row span{margin:0}.selected-shot{border-color:#2ed3c68c;background:#2ed3c614}.shot-thumb{min-height:86px;border-radius:8px}.shot-image{width:116px;height:86px;object-fit:cover;border-radius:8px}.gradient-one{background:linear-gradient(135deg,#14333a,#e8577a)}.gradient-two{background:linear-gradient(135deg,#1d2433,#7055d8)}.gradient-three{background:linear-gradient(135deg,#4d2d3d,#f3b75b)}.shot-body p{margin:8px 0 10px;color:#d2d4dc;line-height:1.6}.shot-tags span{color:var(--muted);background:#ffffff0f;padding:5px 8px}select,input,textarea{width:100%;min-width:0;border-radius:8px;border:1px solid var(--line);background:#13161c;color:var(--text);outline:0;box-sizing:border-box}select,input{height:42px;padding:0 12px}textarea{min-height:116px;padding:10px 12px;line-height:1.7;resize:vertical;scrollbar-width:thin;scrollbar-color:rgba(180,190,205,.56) rgba(255,255,255,.04)}textarea::-webkit-scrollbar{width:8px}textarea::-webkit-scrollbar-track{background:#ffffff0a;border-radius:999px}textarea::-webkit-scrollbar-thumb{border:2px solid rgba(255,255,255,.04);border-radius:999px;background:#b4becd8f}input:focus,textarea:focus,select:focus{border-color:#2ed3c68c;box-shadow:0 0 0 3px #2ed3c61a}.dot-online{color:var(--green)}.cost-card{margin-top:18px;padding:18px;border-radius:8px;background:linear-gradient(135deg,#e8577a33,#2ed3c61f);border:1px solid rgba(255,255,255,.12)}.cost-card div{align-items:baseline;gap:12px}.cost-card strong{font-size:28px}.cost-card p{margin:12px 0 0;line-height:1.6}.small-btn{height:34px;padding:0 12px;font-size:13px}.script-area{min-height:460px;background:linear-gradient(rgba(255,255,255,.02) 50%,transparent 50%) 0 0 / 100% 58px,#13161c;font-size:15px}.asset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.character-picker{margin-bottom:14px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#ffffff0b}.mini-title{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}.mini-title span{color:var(--muted);font-size:12px}.character-check{display:inline-flex;align-items:center;gap:8px;margin:0 10px 10px 0;padding:8px 10px;border-radius:8px;border:1px solid var(--line);color:var(--text);background:#ffffff0a}.character-check input{width:16px;height:16px}.character-check img{width:30px;height:30px;border-radius:6px;object-fit:cover}.character-list{display:grid;gap:12px;margin-bottom:22px}.character-generate-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0;padding:14px;border:1px solid var(--line);border-radius:8px;background:#ffffff0b}.character-generate-form span{display:block;margin-bottom:8px;color:var(--muted);font-size:13px}.character-generate-form .image-style-toggle span{margin-bottom:0}.character-card{display:grid;grid-template-columns:104px minmax(0,1fr);gap:14px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#ffffff0b}.character-card>img{width:104px;height:136px;object-fit:cover;border-radius:8px}.character-card textarea{min-height:128px;margin-top:8px}.character-fields{display:grid;gap:10px}.character-fields textarea{margin-top:0}.character-fields textarea:first-of-type{min-height:148px}.compact-progress{margin:0;padding:12px}.compact-error{margin-top:8px;font-size:12px}.asset-title{padding-top:18px;border-top:1px solid var(--line)}.asset-grid figure{margin:0;overflow:hidden;border-radius:8px;border:1px solid var(--line);background:#ffffff0a}.asset-grid img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.asset-grid figcaption{padding:9px 10px;color:var(--muted);font-size:12px}.video-asset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.video-asset-grid>figure{margin:0;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#ffffff0a}.video-asset-grid>figure>video{width:100%;aspect-ratio:9 / 16;max-height:420px;object-fit:cover;display:block;background:#101215}.video-asset-grid>figure>figcaption{display:flex;justify-content:space-between;gap:10px;padding:12px 12px 0}.video-asset-grid small,.video-asset-grid p{color:var(--muted)}.video-asset-grid p{margin:8px 12px 12px;line-height:1.55}.video-asset-grid .default-chip{display:inline-flex;margin:10px 0 0 12px}.video-asset-grid .small-btn{margin:0 12px 12px}.video-frame-pair,.render-frame-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 12px 0}.render-frame-pair{max-width:360px;margin:8px 0 0}.video-frame-pair figure,.render-frame-pair figure{margin:0;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#ffffff0b}.video-frame-pair img,.render-frame-pair img{width:100%;height:74px;object-fit:cover;display:block}.render-frame-pair img{height:54px}.video-frame-pair figcaption,.render-frame-pair figcaption{overflow:hidden;padding:6px 8px;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.render-video-list{display:grid;gap:12px;margin-bottom:16px}.render-video-item{display:grid;grid-template-columns:22px 96px minmax(0,1fr);gap:12px;align-items:start;padding:10px;border:1px solid var(--line);border-radius:8px;background:#ffffff0b}.final-video-player{width:100%;max-height:520px;margin-top:16px;border:1px solid var(--line);border-radius:8px;background:#101215}.render-video-item input{width:18px;height:18px}.render-video-item video{width:96px;height:72px;border-radius:6px;object-fit:cover;background:#101215}.render-video-item strong,.render-video-item span{display:block}.render-video-item span,.render-video-item p{color:var(--muted)}.render-video-item p{margin:4px 0 0;line-height:1.45;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.render-voice-select{margin-top:8px;height:36px;font-size:12px}.canvas-workbench{display:grid;grid-template-columns:230px minmax(0,1fr) 280px;gap:18px;min-height:680px}.standalone-canvas{min-height:calc(100vh - 140px)}.standalone-canvas .canvas-stage{height:calc(100vh - 250px);min-height:620px}.canvas-side,.canvas-panel{min-width:0;padding:18px}.canvas-side{display:flex;flex-direction:column;gap:14px}.canvas-palette{display:grid;gap:9px}.canvas-palette button,.canvas-version-list button{border:1px solid var(--line);border-radius:8px;background:#ffffff0e;color:var(--text);min-height:42px;display:flex;align-items:center;gap:10px;padding:0 12px;text-align:left}.full-btn{width:100%;justify-content:center}.canvas-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.canvas-toolbar strong,.canvas-toolbar span,.canvas-version-list strong,.canvas-version-list span{display:block}.canvas-toolbar span,.canvas-version-list span{color:var(--muted);font-size:12px;margin-top:3px}.canvas-controls{display:flex;align-items:center;gap:8px;color:var(--muted)}.canvas-stage{position:relative;height:600px;overflow:hidden;border-radius:8px;border:1px solid var(--line);cursor:grab;background:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),#11151b;background-size:32px 32px}.canvas-stage:active{cursor:grabbing}.canvas-world{position:absolute;top:0;right:0;bottom:0;left:0;width:2400px;height:1600px;transform-origin:0 0}.canvas-links{position:absolute;top:0;right:0;bottom:0;left:0;overflow:visible;pointer-events:none}.canvas-links line{stroke:#2ed3c685;stroke-width:2;stroke-dasharray:9 8}.canvas-node{position:absolute;width:240px;min-height:132px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#191c23f5;box-shadow:0 18px 42px #00000052;padding:12px;-webkit-user-select:none;user-select:none;cursor:move}.canvas-node.active{width:320px;z-index:3}.canvas-node.active{border-color:var(--accent-2);box-shadow:0 0 0 2px #2ed3c62e,0 20px 48px #00000061}.canvas-node header{display:flex;align-items:center;gap:8px;margin-bottom:9px}.node-run-state{display:inline-flex;margin:0 0 8px;padding:4px 8px;border-radius:99px;color:var(--muted);background:#ffffff0f;font-size:11px}.node-run-state.running{color:var(--gold)}.node-run-state.success{color:var(--green)}.node-run-state.failed{color:#ff9aaa}.workflow-log,.canvas-edge-list{display:grid;gap:8px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#ffffff0b}.workflow-log strong,.workflow-log span,.canvas-edge-list strong{display:block}.workflow-log span{color:var(--muted);font-size:12px;line-height:1.5}.canvas-edge-list button{min-height:34px;border:1px solid var(--line);border-radius:8px;background:#ffffff0e;color:var(--muted);text-align:left;padding:0 10px}.editor-workbench{display:grid;grid-template-columns:minmax(420px,.9fr) minmax(360px,.55fr);gap:18px}.editor-timeline-panel{grid-column:1 / -1}.editor-preview-stage{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#101215;min-height:540px}.editor-preview-stage video,.editor-preview-stage img{width:100%;height:540px;object-fit:contain;display:block;background:#101215}.preview-audio-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.55fr);gap:14px;align-items:center;margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#ffffff0d}.preview-audio-panel strong,.preview-audio-panel span{display:block}.preview-audio-panel span{margin-top:5px;color:var(--muted);font-size:12px;line-height:1.45;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-audio-panel audio{width:100%}.preview-subtitle{position:absolute;left:8%;right:8%;bottom:42px;padding:12px 16px;border-radius:8px;background:#00000094;color:#fff;text-align:center;font-weight:800;line-height:1.5}.preview-sticker{position:absolute;top:24px;right:24px;padding:10px 14px;border-radius:8px;color:#fff;background:#e8577ad1;font-weight:900}.editor-summary{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.editor-summary span{padding:7px 10px;border-radius:99px;color:var(--muted);background:#ffffff0f;font-size:12px}.editor-form{display:grid;gap:12px}.editor-form label span{display:block;margin-bottom:8px;color:var(--muted);font-size:13px}.editor-two-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.editor-clip-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-self:end}.editor-audio-box{display:grid;gap:12px;padding:14px;border:1px solid rgba(46,211,198,.24);border-radius:8px;background:#2ed3c60e}.editor-subtitle-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.editor-subtitle-row strong,.editor-subtitle-row span{display:block}.editor-subtitle-row span{margin-top:5px;color:var(--muted);font-size:12px}.timeline-track{display:flex;gap:12px;overflow-x:auto;padding:12px;border:1px solid var(--line);border-radius:8px;background:#ffffff0a}.timeline-clip{flex:0 0 230px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#ffffff0e;cursor:grab}.timeline-clip.active{border-color:#2ed3c6b3;box-shadow:0 0 0 3px #2ed3c61f}.timeline-clip video{width:100%;height:118px;object-fit:cover;display:block;background:#101215}.timeline-clip>div{padding:10px}.timeline-bars{display:grid;gap:6px;padding:10px 0 0}.timeline-bar{display:block;overflow:hidden;padding:6px 8px;border-radius:7px;color:#dff9f6;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.timeline-bar.video{background:#2ed3c633}.timeline-bar.audio{background:#8976ff38}.timeline-bar.audio.muted{color:var(--muted);background:#ffffff14}.timeline-bar.subtitle{width:fit-content;color:#fff2d7;background:#efb34838}.timeline-clip strong,.timeline-clip span{display:block}.timeline-clip span{margin-top:5px;color:var(--muted);font-size:12px}.editor-studio{display:grid;grid-template-rows:auto minmax(0,1fr) clamp(230px,31vh,286px);gap:0;overflow:hidden;min-height:calc(100vh - 220px);border:1px solid var(--line);border-radius:8px;background:#12161d;color-scheme:dark}.editor-top-toolbar{display:grid;grid-template-columns:auto minmax(220px,1fr) minmax(360px,auto);gap:14px;align-items:center;min-width:0;min-height:48px;padding:8px 12px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#1f242eeb,#10131af5),#090b10e0;box-shadow:0 10px 34px #0000002e}.editor-back-btn,.icon-btn{min-height:34px;border:1px solid var(--line);border-radius:8px;background:#fff1;color:var(--text);cursor:pointer}.editor-back-btn{padding:0 14px}.icon-btn{padding:0 10px}.editor-title-block strong,.editor-title-block span{display:block}.editor-title-block strong{color:#f7f3ea;font-size:15px;letter-spacing:0}.editor-title-block span{margin-top:4px;color:#9ea9b8;font-size:11px}.editor-toolbar-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;min-width:0}.editor-toolbar-actions .small-btn,.editor-bottom-tools .small-btn{border-color:#ffffff24;background:#ffffff12;box-shadow:inset 0 1px #ffffff14}.editor-toolbar-actions .small-btn.accent,.editor-button-row .small-btn.accent{border-color:#54d7c87a;background:linear-gradient(135deg,#54d7c83d,#f0c86b24);color:#e9fffb}.editor-toolbar-actions .small-btn.dark{color:#06110f;border-color:transparent;background:linear-gradient(135deg,#54d7c8,#f0c86b)}.editor-main-layout{display:grid;grid-template-columns:68px clamp(220px,19vw,280px) minmax(320px,1fr) clamp(360px,32vw,500px);min-width:0;min-height:0;overflow:hidden}.editor-rail{display:grid;align-content:start;gap:6px;padding:10px 7px;border-right:1px solid var(--line);background:linear-gradient(180deg,#1c212bf2,#0d1016fa)}.editor-rail button{display:grid;gap:4px;justify-items:center;min-height:54px;border:1px solid transparent;border-radius:8px;background:transparent;color:#8d98a9;font-size:12px;cursor:pointer}.editor-rail button.active{border-color:#54d7c880;background:linear-gradient(180deg,#54d7c82e,#54d7c812);color:#fff;box-shadow:inset 0 0 0 1px #ffffff0a}.editor-rail span{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#ffffff0e;font-size:15px}.editor-shot-list-panel,.editor-inspector-panel{min-height:0;overflow:hidden;border-right:1px solid var(--line);background:linear-gradient(180deg,#1a1f28fa,#12161efa)}.editor-inspector-panel{border-right:0;border-left:1px solid var(--line)}.editor-panel-head{display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:44px;padding:8px 10px;border-bottom:1px solid var(--line);background:#ffffff06}.editor-panel-head strong,.editor-panel-head span{display:block}.editor-panel-head span{margin-top:3px;color:#8f9aaa;font-size:11px}.editor-shot-scroll{display:grid;gap:8px;overflow-y:auto;height:calc(100% - 45px);padding:9px}.editor-shot-item{display:grid;grid-template-columns:82px minmax(0,1fr);gap:10px;align-items:center;min-height:72px;padding:8px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:linear-gradient(135deg,#ffffff12,#ffffff09);cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}.editor-shot-item:hover{border-color:#54d7c86b;background:#54d7c814}.editor-shot-item.active{border-color:#54d7c8e0;background:linear-gradient(135deg,#54d7c82e,#54d7c812);box-shadow:inset 3px 0 #54d7c8f2}.editor-shot-item video,.editor-shot-item img{width:82px;height:52px;object-fit:cover;border-radius:6px;background:#0f1218}.editor-shot-item strong,.editor-shot-item span,.editor-shot-item em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-shot-item span,.editor-shot-item em{margin-top:3px;color:var(--muted);font-size:12px;font-style:normal}.editor-shot-item em.warning{color:#ff7d8b}.editor-preview-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;min-width:0;min-height:0;padding:10px 14px 12px;background:radial-gradient(circle at 50% 42%,rgba(84,215,200,.1),transparent 38%),linear-gradient(180deg,#0f141c,#0c1017)}.editor-preview-head{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#fff}.editor-preview-head strong{max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-preview-head div{display:flex;align-items:center;gap:8px}.editor-preview-head span{padding:6px 9px;border:1px solid var(--line);border-radius:8px;color:#aab4c2;background:#ffffff0e}.editor-stage-wrap{display:grid;place-items:center;min-height:0;padding:8px 0}.editor-phone-stage{position:relative;overflow:hidden;height:min(100%,50vh);max-height:100%;width:auto;aspect-ratio:9 / 16;border:1px solid rgba(255,255,255,.24);border-radius:8px;background:#080a0f;box-shadow:0 24px 80px #00000059,0 0 0 8px #ffffff06}.editor-phone-stage video,.editor-phone-stage img{width:100%;height:100%;object-fit:contain;display:block;background:#080a0f}.editor-scrubber{width:100%;accent-color:#7056ff}.editor-preview-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;padding-top:6px}.editor-preview-controls button{min-height:30px;border:1px solid var(--line);border-radius:8px;background:#fff1;color:var(--text)}.editor-preview-controls span{margin-right:12px;color:var(--muted);font-variant-numeric:tabular-nums}.editor-inspector-panel .editor-form{display:grid;grid-template-columns:repeat(2,minmax(148px,1fr));align-content:start;gap:10px;height:calc(100% - 45px);min-height:0;overflow-y:auto;overflow-x:hidden;padding:12px 14px}.editor-form>label:first-child{grid-column:1 / -1}.editor-form>.editor-three-cols{grid-column:1 / -1}.editor-form label span{margin-bottom:6px;color:#8f9aaa;font-size:12px;font-weight:700}.editor-form input,.editor-form select{height:38px;padding:0 11px;font-size:14px;border-color:#ffffff1f;background:#0f141b;box-shadow:inset 0 1px #ffffff0a}.editor-form input[type=range]{height:28px;padding:0}.editor-form textarea{min-height:112px;max-height:none;padding:10px 12px;resize:vertical;font-size:14px;line-height:1.55;border-color:#ffffff1f;background:#0f141b}.editor-three-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.editor-section-card{display:grid;grid-column:1 / -1;gap:10px;padding:11px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff09}.editor-section-card summary{display:block;margin:-4px 0 0;color:#f7f3ea;cursor:pointer;font-size:14px;font-weight:800}.editor-section-card>label,.editor-section-card>textarea,.editor-section-card>.editor-two-cols,.editor-section-card>.editor-button-row{margin:0}.editor-section-card>.editor-two-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.editor-section-card>textarea{grid-column:1 / -1}.editor-button-row{display:grid;grid-column:1 / -1;grid-template-columns:repeat(3,1fr);gap:10px}.editor-button-row .small-btn{height:34px;padding:0 10px;font-size:13px}.editor-timeline-board{display:grid;grid-template-rows:28px minmax(0,1fr) 42px;gap:0;overflow-x:auto;overflow-y:hidden;min-width:0;min-height:0;border-top:1px solid var(--line);background:linear-gradient(180deg,#111821,#0e131a)}.editor-ruler{display:flex;gap:0;min-width:760px;padding-left:122px;border-bottom:1px solid var(--line);background:#ffffff06}.editor-ruler span{flex:0 0 128px;padding:4px 0;color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.editor-track-grid{display:grid;grid-template-columns:112px minmax(680px,1fr);min-width:792px}.track-label{display:flex;align-items:center;min-height:42px;padding:0 14px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:#8f9aaa;background:#ffffff06;font-size:12px;font-weight:700}.track-row{display:flex;align-items:stretch;gap:4px;min-height:42px;padding:4px 6px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 128px)}.track-clip{position:relative;flex:0 0 auto;overflow:hidden;min-width:150px;border:1px solid rgba(255,255,255,.14);border-radius:8px;color:#fff;cursor:pointer;touch-action:none}.track-clip.active{border-color:#54d7c8;box-shadow:0 0 0 2px #54d7c83d}.track-clip.video{background:linear-gradient(135deg,#5b6ee67a,#54d7c833)}.track-clip.video video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.38}.track-clip.audio{background:repeating-linear-gradient(90deg,rgba(255,255,255,.1) 0 2px,transparent 2px 6px),linear-gradient(135deg,#318452c7,#54d7c861)}.track-clip.audio.muted{background:#ffffff0e;color:var(--muted)}.track-clip.bgm{background:repeating-linear-gradient(90deg,rgba(255,255,255,.09) 0 2px,transparent 2px 7px),linear-gradient(135deg,#976420b3,#f0c86b47)}.track-clip.subtitle{background:linear-gradient(135deg,#a67a27ad,#e8577a40)}.track-cue-list{position:absolute;left:18px;right:18px;bottom:6px;height:6px;z-index:3}.track-cue-list i{position:absolute;top:0;bottom:0;min-width:4px;border-radius:999px;background:#ffffffe0;box-shadow:0 0 0 1px #00000047}.track-clip span,.track-clip em{position:relative;z-index:2;display:block;overflow:hidden;padding:6px 18px 0;text-overflow:ellipsis;white-space:nowrap}.track-clip em{padding-top:2px;color:#ffffffb8;font-size:12px;font-style:normal}.editor-cue-summary{margin:0;color:#9fe4d7;font-size:12px}.editor-cue-list{display:grid;gap:6px;max-height:120px;overflow-y:auto;padding:8px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff09}.editor-cue-list div{display:grid;grid-template-columns:82px minmax(0,1fr);gap:8px;align-items:start;color:#d9dce4;font-size:12px}.editor-cue-list strong{color:#9fe4d7;font-variant-numeric:tabular-nums}.editor-cue-list span{min-width:0;line-height:1.45}.track-trim-handle{position:absolute;top:0;bottom:0;z-index:4;width:15px;border:0;border-radius:0;background:linear-gradient(180deg,#ffffff61,#ffffff14),#05080c57;cursor:ew-resize}.track-trim-handle:after{content:"";position:absolute;top:50%;left:50%;width:3px;height:18px;border-left:1px solid rgba(255,255,255,.72);border-right:1px solid rgba(255,255,255,.72);transform:translate(-50%,-50%)}.track-trim-handle.left{left:0;border-right:1px solid rgba(255,255,255,.22)}.track-trim-handle.right{right:0;border-left:1px solid rgba(255,255,255,.22)}.track-trim-handle:disabled{opacity:0;pointer-events:none}.editor-bottom-tools{display:flex;justify-content:space-between;gap:18px;align-items:center;min-width:792px;padding:6px 12px}.editor-bottom-tools>div{display:flex;flex-wrap:wrap;gap:10px}.editor-zoom-control{display:flex;gap:10px;align-items:center;color:var(--muted)}.editor-zoom-control input{width:180px;accent-color:#7056ff}.canvas-node p{margin:0;color:#d9dce4;font-size:12px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.canvas-node small{display:inline-flex;margin-top:10px;color:var(--muted);font-size:11px}.canvas-node img,.canvas-node video{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:7px;margin-bottom:9px;background:#101215}.canvas-node audio{width:100%;height:32px;margin-bottom:9px}.canvas-node-editor{display:grid;gap:8px;margin-top:10px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#ffffff0b;cursor:default}.canvas-node-editor input{height:34px;font-size:12px}.canvas-node-editor textarea{min-height:82px;font-size:12px}.node-reference-strip{display:grid;gap:4px;padding:8px 10px;border-radius:8px;background:#2ed3c614;border:1px solid rgba(46,211,198,.24)}.node-reference-strip span,.node-reference-strip small{display:block}.node-reference-strip small{color:var(--muted);font-size:11px}.canvas-assistant{display:grid;gap:12px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#2ed3c60e}.canvas-assistant article{padding:12px;border-radius:8px;background:#0000002e}.canvas-assistant strong,.canvas-assistant p{display:block}.canvas-assistant p{margin:8px 0 0;color:#d7dae2;line-height:1.65;font-size:13px}.canvas-assistant textarea{min-height:88px;font-size:13px}.canvas-dot{width:10px;height:10px;border-radius:99px;flex:0 0 auto;background:var(--accent-2)}.canvas-dot.script{background:var(--gold)}.canvas-dot.shot{background:var(--accent)}.canvas-dot.image{background:var(--accent-2)}.canvas-dot.video{background:#8ca4ff}.canvas-dot.voice{background:var(--green)}.canvas-dot.subtitle{background:#d6a2ff}.canvas-inspector{display:grid;gap:12px}.canvas-inspector label span{display:block;color:var(--muted);font-size:12px;margin-bottom:7px}.canvas-inspector textarea{min-height:118px}.canvas-version-list{display:grid;gap:9px;margin-top:10px}.compact-title{margin-top:12px}.empty-text{margin:0;color:var(--muted)}.prompt-lines p,.job-item,.route-item{margin:0;color:#d2d4dc;line-height:1.75;padding:14px;border-radius:8px;background:#ffffff0b;border:1px solid var(--line)}.job-item{align-items:center;gap:16px}.api-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.shot-form{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:14px;margin-bottom:14px;border:1px solid var(--line);border-radius:8px;background:#ffffff0b}.api-form label,.shot-form label,.settings-list label{min-width:0}.shot-form label span{display:block;color:var(--muted);font-size:13px;margin-bottom:8px}.wide-field,.form-actions,.switch-row{grid-column:1 / -1}.switch-row{display:flex;gap:18px;flex-wrap:wrap}.switch-row label{display:inline-flex;align-items:center;gap:8px;color:var(--muted)}.switch-row input{width:16px;height:16px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:24px;background:#04070cb8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.project-create-modal{width:min(1120px,100%);max-height:calc(100vh - 48px);overflow:auto;padding:24px;border:1px solid var(--line);border-radius:8px;background:#191c23fa;box-shadow:var(--shadow);scrollbar-width:thin;scrollbar-color:rgba(180,190,205,.52) rgba(255,255,255,.04)}.project-create-modal::-webkit-scrollbar{width:10px}.project-create-modal::-webkit-scrollbar-track{background:#ffffff0a}.project-create-modal::-webkit-scrollbar-thumb{border:2px solid rgba(255,255,255,.04);border-radius:999px;background:#b4becd85}.create-form-grid{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(340px,1.1fr);gap:16px;margin-top:18px}.create-form-grid label span{display:block;margin-bottom:8px;color:var(--muted);font-size:13px}.create-form-grid textarea{min-height:132px}.create-form-grid>.wide-field>textarea{min-height:190px}.single-switch{align-items:center;margin-top:2px}.protagonist-editor{display:grid;gap:14px;padding:16px;border:1px solid var(--line);border-radius:8px;background:#ffffff09}.protagonist-editor .mini-title{margin:0}.protagonist-form-card{display:grid;grid-template-columns:minmax(240px,.62fr) minmax(360px,1fr);gap:14px 16px;padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#0c0f147a}.protagonist-form-head{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:10px}.protagonist-form-card>label:last-child{grid-column:1 / -1}.protagonist-form-card textarea{min-height:168px}.table-wrap{overflow-x:auto}.config-table{width:100%;min-width:820px;border-collapse:collapse}.config-table th,.config-table td{padding:13px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.config-table th{color:var(--muted);font-size:12px;font-weight:600}.config-table td{color:#d9dce4;font-size:13px}.endpoint-cell{max-width:230px;color:var(--muted);word-break:break-all}.table-actions{display:flex;gap:8px;flex-wrap:wrap}.text-btn{border:1px solid var(--line);border-radius:7px;background:#ffffff0e;color:var(--text);min-height:30px;padding:0 9px;font-size:12px}.text-btn.danger{color:#ff9aaa}.status-chip{display:inline-flex;align-items:center;padding:5px 9px;border:1px solid var(--line);color:var(--muted)}.default-chip{display:inline-flex;margin-left:6px;color:var(--gold)}.route-item{display:grid;grid-template-columns:120px 1fr;gap:12px}.route-item span{color:var(--muted)}.route-item small{color:var(--muted);margin-top:4px;word-break:break-all}pre{margin:0;overflow:auto;border-radius:8px;padding:16px;color:#d9dce4;background:#101215;border:1px solid var(--line);line-height:1.65}.error-banner{margin:0;padding:14px 16px;border-radius:8px;color:#ffd8df;background:#e8577a24;border:1px solid rgba(232,87,122,.35)}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%) translateY(20px);opacity:0;pointer-events:none;border-radius:8px;padding:12px 16px;background:#f5f2ebf2;color:#15171c;box-shadow:var(--shadow);transition:.2s ease;z-index:10}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}@media(max-width:1180px){.app-shell{grid-template-columns:1fr}.editor-top-toolbar{grid-template-columns:auto minmax(180px,1fr)}.editor-toolbar-actions{grid-column:1 / -1;justify-content:flex-start}.editor-main-layout{grid-template-columns:64px 220px minmax(280px,1fr) 320px}.sidebar{position:static;height:auto}.nav-list{grid-template-columns:repeat(2,1fr)}.hero-grid,.content-grid,.admin-grid,.admin-bottom-grid,.credit-dashboard,.credit-layout,.editor-workbench,.split-editor,.render-board,.project-grid,.canvas-workbench,.project-overview-grid,.shot-image-manager-grid,.detail-hero,.detail-grid{grid-template-columns:1fr}}@media(max-width:820px){.app-shell.editor-mode{height:auto;min-height:100vh;overflow:auto}.app-shell.editor-mode .workspace,.app-shell.editor-mode .view-panel{height:auto;min-height:100vh;overflow:visible}.app-shell.editor-mode .editor-studio{height:auto;min-height:100vh}.editor-studio{grid-template-rows:auto auto auto;min-width:0;overflow:visible}.editor-top-toolbar{grid-template-columns:1fr;min-width:0;gap:10px;padding:12px}.editor-back-btn{width:max-content;max-width:100%}.editor-toolbar-actions{justify-content:stretch}.editor-toolbar-actions .small-btn{flex:1 1 140px;min-width:0}.editor-main-layout{grid-template-columns:1fr;min-width:0;overflow:visible}.editor-rail{grid-auto-flow:column;grid-auto-columns:minmax(76px,1fr);overflow-x:auto;padding:10px;border-right:0;border-bottom:1px solid var(--line)}.editor-rail button{min-height:58px}.editor-shot-list-panel,.editor-preview-panel,.editor-inspector-panel{border-right:0;border-left:0;border-bottom:1px solid var(--line)}.editor-shot-scroll{grid-auto-flow:column;grid-auto-columns:minmax(220px,78vw);grid-template-columns:none;height:auto;max-height:none;overflow-x:auto;overflow-y:hidden;padding:10px}.editor-shot-item{min-height:82px}.editor-preview-panel{min-height:500px;padding:14px}.editor-preview-head{align-items:flex-start;flex-direction:column}.editor-preview-head strong{max-width:100%}.editor-stage-wrap{padding:12px 0}.editor-phone-stage{width:min(82vw,340px);height:auto}.editor-preview-controls{justify-content:flex-start}.editor-inspector-panel .editor-form{grid-template-columns:1fr;height:auto;max-height:none;overflow:visible;padding:14px}.editor-form>label:first-child,.editor-form>.editor-three-cols,.editor-section-card,.editor-section-card>textarea,.editor-button-row{grid-column:1 / -1}.editor-three-cols,.editor-section-card>.editor-two-cols,.editor-button-row{grid-template-columns:1fr}.editor-form input,.editor-form select{height:42px;font-size:15px}.editor-form textarea{min-height:132px;font-size:15px}.editor-timeline-board{grid-template-rows:30px minmax(0,auto) 44px;min-width:0;overflow-x:auto;overflow-y:hidden}.editor-track-grid,.editor-ruler,.editor-bottom-tools{min-width:760px}.workspace{padding:18px}.project-brief,.overview-stat-grid,.bottom-grid{grid-template-columns:1fr}.project-brief img{min-height:260px}.topbar,.section-title,.canvas-toolbar{align-items:flex-start;flex-direction:column}.shot-card,.api-form,.recharge-form,.recharge-package-grid,.editor-two-cols,.shot-form,.create-form-grid,.protagonist-form-card,.job-item,.route-item,.character-generate-form,.shot-image-grid,.video-asset-grid,.split-options,.shot-frame-tools,.shot-video-tools,.generator-options{grid-template-columns:1fr}.shot-image{width:100%;height:160px}.preview-stage{width:min(100%,320px);max-height:none}.preview-main-image{padding:8px}.canvas-stage{height:520px}}@media(max-width:520px){.modal-backdrop{padding:10px}.project-create-modal{width:100%;max-height:calc(100vh - 20px);padding:16px}.protagonist-editor,.protagonist-form-card{padding:12px}.create-form-grid textarea,.create-form-grid>.wide-field>textarea,.protagonist-form-card textarea{min-height:150px}.voice-select-row{grid-template-columns:1fr}.voice-select-row .text-btn{width:100%}.app-shell.editor-mode .workspace{padding:0}.editor-top-toolbar,.editor-preview-panel,.editor-inspector-panel .editor-form{padding-left:10px;padding-right:10px}.editor-shot-scroll{grid-auto-columns:minmax(210px,86vw)}.editor-preview-panel{min-height:460px}.editor-phone-stage{width:min(88vw,300px)}.editor-track-grid,.editor-ruler,.editor-bottom-tools{min-width:680px}.editor-track-grid{grid-template-columns:92px minmax(588px,1fr)}.editor-ruler{padding-left:100px}.track-label{padding:0 10px}.sidebar,.brief-copy,.panel,.pipeline{padding:16px}.nav-list{grid-template-columns:1fr}.top-actions,.ghost-btn,.primary-btn{width:100%}}.section-actions,.shot-editor-actions,.shot-inline-actions{display:flex;gap:8px;flex-wrap:wrap}.shot-edit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.shot-edit-grid label{color:var(--muted);font-size:12px}.shot-edit-grid input,.shot-edit-grid select{margin-top:7px}.shot-inline-actions{margin-top:10px}.compact-actions{justify-content:flex-end;margin-top:0}.danger-btn{color:#ff9aaa}@media(max-width:820px){.shot-edit-grid{grid-template-columns:1fr}}.log-filter-form{margin-bottom:16px}.request-log-list{display:grid;gap:12px;max-height:66vh;overflow:auto;padding-right:4px}.request-log-card{border:1px solid var(--line);border-radius:8px;background:#ffffff08;padding:14px}.request-log-card header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:10px}.request-log-card header div{display:grid;gap:4px}.request-log-card header span,.request-log-card .endpoint-cell{color:var(--muted);font-size:12px;overflow-wrap:anywhere}.request-log-card details{border-top:1px solid var(--line);padding-top:8px;margin-top:8px}.request-log-card summary{cursor:pointer;color:var(--text);font-size:13px}.request-log-card pre{margin:8px 0 0;max-height:280px;overflow:auto;white-space:pre-wrap;word-break:break-word;color:#dce5f7;background:#0000003d;border-radius:6px;padding:10px;font-size:12px;line-height:1.55}