:root { --dw-bg: #f5f7fb; --dw-border: #e3e7ef; }
body { background: var(--dw-bg); color: #202735; }
.global-notification{transition:opacity 200ms ease,transform 200ms ease}
.global-notification.is-dismissing{opacity:0;transform:translateY(-.5rem)}
@media(prefers-reduced-motion:reduce){.global-notification{transition:none}.global-notification.is-dismissing{transform:none}}
.navbar { min-height: 54px; }
.card { border-color: var(--dw-border); border-radius: .7rem; box-shadow: 0 1px 2px rgba(20, 30, 50, .03); }
.stat-card span { color: #6b7280; font-size: .85rem; display: block; }
.stat-card strong { font-size: 1.7rem; line-height: 1.5; }
.form-control, .form-select { border-color: #d9dee8; }
.stage-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: .75rem; }
.stage { background: white; border: 1px solid var(--dw-border); border-radius: .7rem; padding: 1rem; }
.stage span { width: 1.7rem; height: 1.7rem; display: grid; place-items: center; background: #edf0f5; border-radius: 50%; font-size: .8rem; margin-bottom: .7rem; }
.stage strong, .stage small { display: block; }.stage small { color: #7a8290; margin-top: .25rem; }.stage.active { border-color: #86b7fe; }.stage.active span { background: #0d6efd; color: white; }
.screenshot-card img { height: 180px; object-fit: contain; background: #eef1f5; border-bottom: 1px solid var(--dw-border); }
.empty-state { border: 1px dashed #cbd2df; border-radius: .7rem; padding: 3rem; text-align: center; color: #727b8b; background: white; }

/* Add Scenes: ultra-compact scene library */
.scenes-library-shell{max-width:1480px;padding-bottom:2rem;padding-top:1rem}
.scenes-back{font-size:.76rem;line-height:1.3;margin-bottom:.5rem;min-width:0}
.scenes-back a{color:#687589;display:block;font-weight:600;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}
.scenes-back a:hover{color:#315f9e;text-decoration:underline}
.scenes-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.72rem}
.scenes-header h1{color:#18202d;font-size:1.65rem;font-weight:760;letter-spacing:-.035em;line-height:1.15;margin:0}
.scenes-header p{color:#737d8d;font-size:.82rem;line-height:1.4;margin:.2rem 0 0}
.scenes-count{background:#fff;border:1px solid #e0e5ed;border-radius:999px;color:#4d596b;flex:none;font-size:.7rem;font-weight:700;line-height:1;padding:.38rem .62rem}
.scenes-actions{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:.8rem}
.scene-action{align-items:center;border-radius:8px;display:inline-flex;font-size:.78rem;font-weight:675;justify-content:center;line-height:1.2;min-height:38px;padding:.44rem .78rem;white-space:nowrap}
.scene-action-primary{box-shadow:0 2px 5px rgba(13,110,253,.14)}
.scene-action-secondary{background:#fff;border:1px solid #d6dce5;color:#34445a}
.scene-action-secondary:hover{background:#f8fafc;border-color:#bec8d6;color:#182b45}
.scene-record-action span{color:#dc3545;font-size:.62rem;margin-right:.38rem}
.scenes-section{border-top:1px solid #dfe4ec;padding-top:.7rem}
.scenes-section-heading{align-items:center;display:flex;justify-content:space-between;margin-bottom:.55rem}
.scenes-section-heading h2{color:#222b39;font-size:.96rem;font-weight:750;letter-spacing:-.01em;margin:0}
.scenes-section-heading span{color:#8a93a1;font-size:.67rem;font-weight:600}
.scenes-grid{display:grid;gap:.75rem;grid-template-columns:repeat(4,minmax(0,1fr))}
.scene-grid-item{min-width:0}
.scene-card{border:1px solid #dfe4ec;border-radius:11px;box-shadow:0 1px 2px rgba(20,30,50,.035);height:100%;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}
.scene-card:hover{border-color:#cbd3df;box-shadow:0 5px 14px rgba(27,38,55,.07);transform:translateY(-1px)}
.scene-preview{align-items:center;background:#eef1f5;border:0;border-bottom:1px solid #e0e5ec;cursor:zoom-in;display:flex;height:160px;justify-content:center;margin:0;padding:0;width:100%}
.scene-preview:focus-visible{box-shadow:inset 0 0 0 3px rgba(94,73,199,.28);outline:0}
.screenshot-card .scene-preview img{background:transparent;border:0;display:block;height:100%;max-height:100%;object-fit:contain;width:100%}
.scene-card-footer{align-items:center;background:#fff;display:flex;gap:.55rem;min-height:52px;padding:.42rem .48rem .42rem .55rem}
.scene-sequence{background:#f0eefb;border:1px solid #e2def7;border-radius:6px;color:#5948b4;flex:none;font-size:.68rem;font-weight:800;letter-spacing:.035em;line-height:1;padding:.34rem .36rem}
.scene-file{min-width:0}
.scene-file strong,.scene-file small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.scene-file strong{color:#2b3442;font-size:.75rem;font-weight:700;line-height:1.3}
.scene-file small{color:#8a92a0;font-size:.62rem;line-height:1.3;margin-top:.08rem}
.scene-card-footer .dropdown{flex:none;margin-left:auto}
.scene-menu-toggle{background:transparent;border:0;border-radius:6px;color:#697486;font-size:.78rem;font-weight:800;height:30px;letter-spacing:.05em;line-height:1;padding:0;width:30px}
.scene-menu-toggle:hover,.scene-menu-toggle[aria-expanded=true]{background:#f0f2f6;color:#283548}
.scene-menu-toggle:focus-visible{box-shadow:0 0 0 3px rgba(103,80,211,.15);outline:0}
.scene-menu{border-color:#e1e5ec;border-radius:9px;box-shadow:0 10px 24px rgba(24,32,45,.12);min-width:150px;padding:.3rem}
.scene-menu .dropdown-item{border-radius:6px;font-size:.74rem;padding:.42rem .55rem}
.scene-menu .dropdown-item:disabled{color:#adb3bd}
.scene-menu form{margin:0}
.scenes-empty{align-items:center;background:#fff;border:1px dashed #cbd3df;border-radius:11px;display:flex;gap:1rem;justify-content:space-between;padding:1rem 1.15rem}
.scenes-empty>div:first-child{display:grid;grid-template-columns:auto 1fr;min-width:0}
.scenes-empty-icon{align-self:center;background:#f0eefb;border-radius:8px;color:#6653c2;font-size:1rem;grid-row:1/3;margin-right:.7rem;padding:.4rem .48rem}
.scenes-empty h3{color:#293343;font-size:.84rem;font-weight:750;margin:0}
.scenes-empty p{color:#7a8493;font-size:.72rem;margin:.12rem 0 0}
.scenes-empty-actions{display:flex;flex:none;gap:.4rem}
.scenes-next-step{align-items:center;background:#fff;border:1px solid #e1e5ec;border-radius:10px;display:flex;gap:1rem;justify-content:space-between;margin-top:.8rem;padding:.65rem .75rem}
.scenes-next-step h2{color:#2a3443;font-size:.8rem;font-weight:750;margin:0}
.scenes-next-step p{color:#818a98;font-size:.67rem;margin:.1rem 0 0}
.scenes-next-step form{margin:0}
.scene-import-modal .modal-dialog{max-width:520px}
.scene-import-modal .modal-content{border:1px solid #dfe4ec;border-radius:12px;box-shadow:0 22px 55px rgba(20,29,43,.18);overflow:hidden}
.scene-import-modal .modal-header{align-items:flex-start;border-bottom:1px solid #eceff3;padding:.8rem .9rem}
.scene-import-modal .modal-header h2{color:#202a38;font-size:.98rem;font-weight:750;letter-spacing:-.01em;line-height:1.3}
.scene-import-modal .modal-header p{color:#7d8694;font-size:.68rem;margin:.08rem 0 0}
.scene-import-modal .btn-close{font-size:.68rem;margin:.05rem 0 0}
.scene-import-modal .modal-body{padding:.85rem .9rem .7rem}
.scene-dropzone{align-items:center;background:#fafbfc;border:1px dashed #bfc8d5;border-radius:10px;color:#6e7888;cursor:pointer;display:flex;flex-direction:column;min-height:190px;padding:1rem;text-align:center;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}
.scene-dropzone:hover,.scene-dropzone:focus-visible{background:#f7f9fd;border-color:#8ea8d0;box-shadow:0 0 0 3px rgba(67,111,180,.08);outline:0}
.scene-dropzone.is-dragging{background:#f0f6ff;border-color:#4c8be5;box-shadow:inset 0 0 0 1px #4c8be5}
.scene-dropzone-icon{background:#eef1f7;border-radius:50%;color:#5b6d86;display:grid;font-size:1rem;height:34px;margin-bottom:.45rem;place-items:center;width:34px}
.scene-dropzone strong{color:#303c4e;font-size:.8rem}
.scene-dropzone>span:not(.scene-dropzone-icon):not(.scene-browse-button){font-size:.66rem;margin:.2rem 0}
.scene-browse-button{background:#fff;border:1px solid #ccd4df;border-radius:7px;color:#354b69;font-size:.72rem;font-weight:700;padding:.35rem .58rem}
.scene-dropzone small{color:#9299a5;font-size:.62rem;margin-top:.45rem}
.scene-native-input{height:1px;overflow:hidden;position:absolute;width:1px}
.scene-file-summary{color:#677284;font-size:.69rem;font-weight:650;margin-top:.48rem;min-height:1em}
.scene-file-error{background:#fff4f3;border:1px solid #f0cdca;border-radius:7px;color:#a33b3f;font-size:.67rem;font-weight:600;line-height:1.4;margin-top:.42rem;padding:.4rem .5rem}
.scene-import-modal .modal-footer{border-top:1px solid #eceff3;gap:.4rem;padding:.65rem .9rem}
.scene-import-modal .modal-footer .btn{margin:0}

@media(max-width:1199px){.scenes-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){.scenes-library-shell{padding-left:.75rem;padding-right:.75rem;padding-top:.7rem}.scenes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scene-preview{height:145px}.scenes-empty{align-items:flex-start;flex-direction:column}.scenes-empty-actions{flex-wrap:wrap}.scenes-next-step{align-items:flex-start;flex-direction:column}.scenes-next-step .scene-action,.scenes-next-step form{width:100%}.scenes-next-step form .scene-action{width:100%}}
@media(max-width:480px){.scenes-header h1{font-size:1.42rem}.scenes-header p{font-size:.74rem}.scenes-actions{display:grid;grid-template-columns:1fr 1fr}.scenes-actions .scene-action-primary{grid-column:1/-1}.scenes-grid{gap:.55rem}.scene-preview{height:125px}.scene-card-footer{gap:.35rem;padding-left:.38rem}.scene-sequence{font-size:.62rem}.scene-file strong{font-size:.68rem}.scene-file small{display:none}.scene-menu-toggle{width:27px}.scene-import-modal .modal-dialog{margin:.5rem}.scene-dropzone{min-height:180px}.scenes-empty-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.scenes-empty-actions .scene-action:first-child{grid-column:1/-1}}
@media(max-width:340px){.scenes-grid{grid-template-columns:1fr}.scene-preview{height:160px}}

/* Import Video: compact media ingest workspace */
.video-import-shell{max-width:1040px;padding-bottom:2rem;padding-top:1rem}
.video-import-back{font-size:.76rem;line-height:1.3;margin-bottom:.5rem}.video-import-back a{color:#687589;font-weight:600;text-decoration:none}.video-import-back a:hover{color:#315f9e;text-decoration:underline}
.video-import-tabs{display:flex;gap:.4rem;margin-bottom:.65rem;overflow-x:auto;padding-bottom:.05rem;scrollbar-width:thin}.video-import-tab{align-items:center;background:#fff;border:1px solid #d6dce5;border-radius:8px;color:#34445a;display:inline-flex;flex:none;font-size:.76rem;font-weight:675;justify-content:center;line-height:1.2;min-height:36px;padding:.42rem .72rem;text-decoration:none;white-space:nowrap}.video-import-tab:hover{background:#f8fafc;border-color:#bec8d6;color:#182b45}.video-import-tab.is-active{background:#edf4ff;border-color:#8bb7f3;color:#0959c7;box-shadow:inset 0 0 0 1px rgba(13,110,253,.06)}.video-record-tab span{color:#dc3545;font-size:.58rem;margin-right:.38rem}
.video-import-panel{background:#fff;border:1px solid #dfe4ec;border-radius:12px;box-shadow:0 1px 2px rgba(20,30,50,.025);padding:1.2rem 1.35rem}.video-import-heading{margin-bottom:.85rem}.video-import-heading h1{color:#18202d;font-size:1.7rem;font-weight:760;letter-spacing:-.035em;line-height:1.15;margin:0}.video-import-heading p{color:#737d8d;font-size:.8rem;line-height:1.4;margin:.2rem 0 0}
.video-dropzone{align-items:center;background:#fafbfc;border:1px dashed #b9c4d3;border-radius:10px;cursor:pointer;display:flex;justify-content:center;min-height:126px;padding:.8rem 1rem;text-align:center;transition:background-color .15s,border-color .15s,box-shadow .15s}.video-dropzone:hover,.video-dropzone:focus-visible{background:#f7f9fd;border-color:#82a4d4;box-shadow:0 0 0 3px rgba(67,111,180,.08);outline:0}.video-dropzone.is-dragging{background:#eef5ff;border-color:#397ed9;box-shadow:inset 0 0 0 1px #397ed9}.video-dropzone.has-error{border-color:#d78079;background:#fffafa}.video-drop-empty{align-items:center;color:#6e7888;display:flex;flex-direction:column}.video-drop-icon{background:#edf1f7;border-radius:50%;color:#526987;display:grid;font-size:.9rem;height:30px;margin-bottom:.28rem;place-items:center;width:30px}.video-drop-empty strong{color:#303c4e;font-size:.8rem}.video-drop-or{font-size:.62rem;margin:.08rem 0}.video-browse-button{background:#fff;border:1px solid #c9d2df;border-radius:7px;color:#354b69;font-size:.7rem;font-weight:700;padding:.28rem .55rem}.video-drop-empty small{color:#9299a5;font-size:.62rem;margin-top:.28rem}.video-native-input{height:1px;overflow:hidden;position:absolute;width:1px}
.video-selected{align-items:center;display:flex;max-width:620px;text-align:left;width:100%}.video-file-icon{background:#edf4ff;border:1px solid #d9e7fb;border-radius:9px;color:#2869bd;display:grid;flex:none;font-size:.7rem;height:38px;place-items:center;width:38px}.video-file-copy{display:flex;flex-direction:column;min-width:0;padding:0 .7rem}.video-file-copy strong{color:#263244;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-file-copy small{color:#7d8796;font-size:.66rem;margin-top:.1rem}.video-file-actions{display:flex;flex:none;gap:.28rem;margin-left:auto}.video-file-actions button{background:#fff;border:1px solid #d4dae3;border-radius:6px;color:#536174;font-size:.66rem;font-weight:650;padding:.3rem .48rem}.video-file-actions button:hover{background:#f4f6f9;color:#25344a}.video-file-actions [data-remove-file]{color:#9a4543}
.video-file-error{background:#fff4f3;border:1px solid #f0cdca;border-radius:7px;color:#a33b3f;font-size:.68rem;font-weight:600;line-height:1.4;margin-top:.42rem;padding:.4rem .5rem}
.extraction-fieldset{margin-top:.85rem}.extraction-fieldset legend{color:#283344;float:none;font-size:.78rem;font-weight:750;margin-bottom:.45rem;width:auto}.extraction-options{display:grid;gap:.55rem;grid-template-columns:repeat(3,minmax(0,1fr))}.extraction-option{align-items:flex-start;background:#fff;border:1px solid #dfe4ec;border-radius:10px;cursor:pointer;display:grid;gap:.08rem .48rem;grid-template-columns:auto minmax(0,1fr) auto;margin:0;min-height:78px;padding:.65rem;transition:background .15s,border-color .15s,box-shadow .15s}.extraction-option:hover{border-color:#bac8da}.extraction-option:has(input:checked){background:#f3f7fe;border-color:#79a6df;box-shadow:0 0 0 1px rgba(51,111,190,.06)}.extraction-option input{height:1px;opacity:0;position:absolute;width:1px}.extraction-indicator{border:1.5px solid #aab4c2;border-radius:50%;display:grid;height:16px;margin-top:.05rem;place-items:center;width:16px}.extraction-option:has(input:checked) .extraction-indicator{background:#1769d2;border-color:#1769d2}.extraction-option:has(input:checked) .extraction-indicator:after{color:#fff;content:'✓';font-size:.58rem;font-weight:900}.extraction-copy{display:flex;flex-direction:column;min-width:0}.extraction-title{color:#303b4b;font-size:.76rem;font-weight:680}.extraction-option:has(input:checked) .extraction-title{color:#154d94;font-weight:760}.extraction-description{color:#7c8695;font-size:.64rem;line-height:1.35;margin-top:.13rem}.extraction-badge{border-radius:999px;font-size:.55rem;font-weight:750;line-height:1;padding:.25rem .38rem}.extraction-badge.recommended{background:#e5effd;color:#2d67aa}.extraction-badge.legacy{background:#fbf2db;color:#88691b}.extraction-note{color:#838c9a;font-size:.64rem;margin:.42rem 0 0}.extraction-note span{color:#59789e;margin-right:.18rem}
.video-processing{background:#f8fafc;border:1px solid #e2e7ee;border-radius:8px;margin-top:.65rem;padding:.6rem .7rem}.video-processing .progress{height:.35rem}.video-processing .processing-flow{display:none}.video-import-footer{align-items:center;border-top:1px solid #eceff3;display:flex;gap:.45rem;justify-content:flex-end;margin-top:.8rem;padding-top:.7rem}.video-import-footer .btn{border-radius:8px;font-size:.75rem;font-weight:680;min-height:38px;padding:.45rem .75rem}.video-cancel-button{background:#fff;border:1px solid #d6dce5;color:#526074}.video-cancel-button:hover{background:#f6f8fa;border-color:#c5ccd6}.video-analyze-button{align-items:center;display:inline-flex;gap:.4rem;justify-content:center;min-width:112px}.video-analyze-button:disabled{cursor:not-allowed;opacity:.55}
@media(max-width:767px){.video-import-shell{padding-left:.75rem;padding-right:.75rem;padding-top:.7rem}.video-import-panel{padding:1rem}.extraction-options{grid-template-columns:1fr}.extraction-option{min-height:68px}.video-selected{align-items:flex-start}.video-file-actions{flex-direction:column}.video-import-footer .btn{flex:1}}
@media(max-width:420px){.video-import-heading h1{font-size:1.45rem}.video-import-panel{padding:.85rem}.video-dropzone{min-height:120px}.video-import-footer{display:grid;grid-template-columns:1fr 1fr}.video-import-footer .btn{width:100%}}
.focus-preview { position: relative; background: #eef1f5; overflow: hidden; }
.focus-preview img { width: 100%; max-height: 420px; object-fit: contain; display: block; }
.focus-preview span { position: absolute; border: 3px solid #ff3b30; background: rgba(255,59,48,.12); pointer-events: none; }
.focus-preview b { position: absolute; z-index: 3; color: white; text-shadow: 0 1px 4px #111827; transform: translate(-20%,-20%) rotate(-35deg); }
.focus-preview .cursor-end.click { outline: 3px solid rgba(13,110,253,.5); outline-offset: 5px; border-radius: 50%; }
.cursor-route { position: absolute; inset: 0; pointer-events: none; background: linear-gradient(to right, transparent 49.7%, #0d6efd 49.7%, #0d6efd 50.3%, transparent 50.3%); opacity: .7; transform-origin: calc(var(--sx) * 100%) calc(var(--sy) * 100%); clip-path: polygon(calc(var(--sx) * 100%) calc(var(--sy) * 100%), calc(var(--ex) * 100%) calc(var(--ey) * 100%), calc(var(--ex) * 100% + 2px) calc(var(--ey) * 100% + 2px)); }
.video-toggles { display:flex; flex-wrap:wrap; gap:.65rem 1.25rem; }.video-toggles label { display:flex; gap:.4rem; align-items:center; }
.workflow-guide { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
.workflow-guide > * { padding: .45rem .7rem; border-radius: 2rem; background: #fff; border: 1px solid var(--dw-border); color: #6b7280; text-decoration: none; font-size: .875rem; }
.workflow-guide strong { color: #0d6efd; border-color: #86b7fe; }.workflow-guide .complete { color: #137a4b; border-color: #75c9a3; }
.render-progress { height: 1.35rem; background: #e7ebf2; }
.render-progress .progress-bar { min-width: 2.5rem; font-size: .75rem; font-weight: 600; transition: width .45s ease; }
@media (max-width: 767px) { .stage-grid { grid-template-columns: 1fr; }.stage { display: grid; grid-template-columns: auto 1fr; column-gap: .75rem; }.stage span { grid-row: span 2; margin: 0; } }

/* Compact project detail */
.project-detail-shell{max-width:1200px;padding-top:1.25rem;padding-bottom:2rem}
.project-detail-header{display:flex;align-items:flex-end;justify-content:space-between;gap:1.25rem;margin-bottom:1rem}
.project-detail-heading{min-width:0}
.project-back-link{display:inline-flex;align-items:center;gap:.28rem;margin-bottom:.45rem;color:#687589;font-size:.75rem;font-weight:600;text-decoration:none;text-underline-offset:3px;transition:color .15s ease}
.project-back-link:hover{color:#0d6efd;text-decoration:underline}
.project-back-link span{font-size:.85rem;transition:transform .15s ease}
.project-back-link:hover span{transform:translateX(-2px)}
.project-detail-heading h1{margin:0;color:#18202d;font-size:1.45rem;font-weight:750;line-height:1.2;letter-spacing:-.025em}
.project-metadata{display:flex;align-items:center;gap:.42rem;margin:.24rem 0 0;color:#7a8493;font-size:.75rem;line-height:1.35}
.project-metadata i{width:3px;height:3px;border-radius:50%;background:#c2c8d1}
.project-actions{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;justify-content:flex-end}
.project-actions form{margin:0}
.render-quality-form{display:flex;align-items:center;gap:.4rem;margin:0}
.render-quality-options{display:flex;margin:0;padding:0;border:1px solid #d5dbe5;border-radius:8px;overflow:hidden;background:#fff}
.render-quality-options legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.render-quality-options label{display:flex;margin:0;border-right:1px solid #e3e7ef;cursor:pointer}
.render-quality-options label:last-child{border-right:0}
.render-quality-options input{position:absolute;opacity:0;pointer-events:none}
.render-quality-options label span{display:flex;flex-direction:column;justify-content:center;min-height:42px;padding:.28rem .55rem;color:#687589;transition:background .15s,color .15s}
.render-quality-options strong{font-size:.7rem;line-height:1.2;white-space:nowrap}
.render-quality-options small{display:none;max-width:150px;font-size:.62rem;line-height:1.25}
.render-quality-options input:checked+span{background:#0b1f3a;color:#fff}
.render-quality-options label:hover span{background:#f7f9fc}
.render-quality-options label:hover input:checked+span{background:#122c52}
.render-quality-options:disabled{opacity:.55;cursor:not-allowed}
.se-toolbar-right .render-quality-options label span{min-height:36px;padding:.25rem .5rem}
.se-toolbar-right .render-quality-form{display:flex}
.render-status-labels{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;justify-content:flex-end}
.render-quality-badge{border:1px solid #d7c487;background:#faf6e8;color:#755c16}
.render-time-estimate{margin-top:.55rem;color:#40516a;font-size:.78rem}
.render-time-estimate strong{color:#24354d}
.render-time-estimate span{color:#7a8493}
.project-action{display:inline-flex;align-items:center;justify-content:center;min-height:36px;border-radius:8px;padding:.42rem .78rem;font-size:.79rem;font-weight:650;line-height:1.25;white-space:nowrap;box-shadow:0 1px 2px rgba(20,30,50,.07);transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease}
.project-action:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 9px rgba(20,30,50,.12)}
.project-action-outline{border:1px solid #d5dbe5;background:#fff;color:#40516a}
.project-action-outline:hover{border-color:#bdc7d5;background:#f7f9fc;color:#23344d}
.project-action-primary{border-color:#0d6efd;background:#0d6efd}
.project-action-primary:hover:not(:disabled){border-color:#0b5ed7;background:#0b5ed7}
.project-action-success{border-color:#248b57;background:#248b57}
.project-action-success:hover:not(:disabled){border-color:#1c7447;background:#1c7447}
.project-overview-card{margin-bottom:1rem;border-radius:9px;box-shadow:0 1px 2px rgba(20,30,50,.05)}
.project-overview-card .card-body{padding:1.15rem 1.25rem}
.project-overview-section h2{margin:0 0 .32rem;color:#3b4657;font-size:.75rem;font-weight:700;letter-spacing:.015em}
.project-overview-section p{margin:0;color:#697484;font-size:.8125rem;line-height:1.55}
.project-ground-truth{margin-top:.9rem;padding-top:.85rem;border-top:1px solid #edf0f4}
.project-ground-truth p{white-space:pre-line}
.project-detail-shell .stage-grid{gap:.6rem}
.project-detail-shell .stage{min-width:0;min-height:112px;border:1px solid var(--dw-border);border-radius:9px;padding:.85rem .9rem;background:#fff;color:#202735;box-shadow:0 1px 2px rgba(20,30,50,.035);transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease,transform .15s ease}
.project-detail-shell a.stage:hover{border-color:#cbd5e2;background:#fbfcff;box-shadow:0 5px 12px rgba(23,31,45,.07);transform:translateY(-1px)}
.project-detail-shell .stage.active{border-color:#a8c8fa;background:#f7faff}
.project-detail-shell a.stage.active:hover{border-color:#80adf2;background:#f3f8ff}
.project-detail-shell .stage span{width:1.75rem;height:1.75rem;margin-bottom:.55rem;background:#edf0f5;color:#697484;font-size:.72rem;font-weight:700}
.project-detail-shell .stage.active span{background:#0d6efd;color:#fff;box-shadow:0 2px 5px rgba(13,110,253,.2)}
.project-detail-shell .stage strong{overflow:hidden;color:#283241;font-size:.875rem;font-weight:700;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}
.project-detail-shell .stage small{margin-top:.18rem;color:#7a8493;font-size:.7rem;font-weight:550;line-height:1.35}
.project-detail-shell .stage .stage-status-complete{color:#23794f}
.project-detail-shell .stage .stage-status-active{color:#356cae}
.project-detail-shell .stage .stage-status-pending{color:#7a8493}
.project-detail-shell .stage .stage-status-blocked{color:#ac573f}
@media(max-width:900px){
  .project-detail-header{align-items:flex-start;flex-direction:column;gap:.8rem}
  .project-actions{justify-content:flex-start}
  .project-actions .render-quality-form{align-items:stretch;flex-direction:column}
  .render-quality-options small{display:block}
  .project-detail-shell .stage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:575px){
  .project-detail-shell{padding-top:1rem}
  .project-actions{display:grid;grid-template-columns:1fr;width:100%}
  .project-actions form,.project-action{width:100%}
  .render-quality-options{width:100%}
  .render-quality-options label{flex:1}
  .project-detail-shell .stage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}
  .project-detail-shell .stage{display:block;min-height:108px;padding:.75rem}
  .project-detail-shell .stage span{margin:0 0 .5rem}
}

/* Ultra-compact video workspace */
.project-detail-shell{max-width:1320px;padding-top:.8rem}
.project-breadcrumb{display:flex;align-items:center;gap:.35rem;min-width:0;margin-bottom:.55rem;color:#87909e;font-size:.75rem;line-height:1.3}
.project-breadcrumb a{color:#687589;font-weight:600;text-decoration:none}.project-breadcrumb a:hover{text-decoration:underline}.project-breadcrumb>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.project-detail-header{align-items:flex-start;margin-bottom:.7rem}.project-detail-heading{flex:1}.project-detail-heading h1{font-size:1.38rem}
.project-description{max-width:680px;margin-top:.22rem;color:#687589;font-size:.76rem}.project-description summary{display:flex;align-items:center;gap:.35rem;list-style:none}.project-description summary::-webkit-details-marker{display:none}.project-description summary span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-description summary b{flex:none;color:#315f9e;cursor:pointer;font-size:.7rem}.project-description[open] summary span,.project-description[open] summary b{display:none}.project-description p{margin:0;line-height:1.45}
.project-ground-truth{margin:.25rem 0 0;padding:0;border:0;font-size:.7rem}.project-ground-truth summary{color:#697484;cursor:pointer;font-weight:650}.project-ground-truth p{margin:.2rem 0 0;color:#697484;white-space:pre-line}
.project-actions{padding-top:.1rem}.record-action span{color:#dc3545;font-size:.62rem}.project-overflow-toggle{width:38px;padding:.3rem;border:1px solid #d5dbe5;background:#fff;color:#4d5b6e;font-weight:800;letter-spacing:.06em}.project-overflow-menu{min-width:190px;border-color:#e1e5ec;border-radius:10px;padding:.35rem;box-shadow:0 10px 24px rgba(24,32,45,.12)}.project-overflow-menu .dropdown-item{border-radius:6px;padding:.48rem .62rem;font-size:.78rem}.project-overflow-menu form{width:100%}
.compact-project-alert{margin-bottom:.6rem;padding:.5rem .7rem;font-size:.76rem}
.workflow-panel{margin-bottom:.75rem;border:1px solid #e3e7ef;border-radius:11px;background:#fff}
.workflow-rail{display:flex;align-items:center;min-width:0;padding:.55rem .7rem .4rem;overflow-x:auto;scrollbar-width:thin}
.workflow-step{display:flex;align-items:center;flex:0 0 auto;gap:.48rem;border-radius:7px;padding:.28rem .42rem;color:#586477;text-decoration:none;transition:background .15s ease}.workflow-step:hover,.workflow-step:focus-visible{background:#f3f6fa;outline:none}.workflow-step:focus-visible{box-shadow:0 0 0 3px rgba(13,110,253,.16)}
.workflow-icon{display:grid;width:1.35rem;height:1.35rem;place-items:center;border:1px solid #cfd5df;border-radius:50%;background:#fff;color:#7e8795;font-size:.65rem;font-weight:750}.workflow-step>span:last-child{display:flex;flex-direction:column}.workflow-step strong{color:#354052;font-size:.74rem;line-height:1.2}.workflow-step small{margin-top:.08rem;color:#858d9a;font-size:.64rem;line-height:1.2}.workflow-step.is-complete .workflow-icon{border-color:#a6dbc2;background:#eef9f4;color:#16734a}.workflow-step.is-complete small{color:#387a5d}.workflow-step.is-current{background:#f4f8ff}.workflow-step.is-current .workflow-icon{border-color:#8bb8f4;background:#eaf3ff;color:#1768cf}.workflow-step.is-current strong{color:#185fae}.workflow-connector{flex:1 1 46px;min-width:22px;height:1px;background:#dfe4eb}
.render-controls{display:flex;justify-content:flex-end;border-top:1px solid #edf0f4;padding:.42rem .7rem}.render-quality-form{gap:.45rem}.render-quality-select-label{align-self:center;margin:0;color:#657084;font-size:.7rem;font-weight:650}.render-quality-select{width:auto;min-width:136px;min-height:36px;border-radius:8px;padding:.35rem 2rem .35rem .62rem;font-size:.76rem;font-weight:600}.render-quality-select:focus,.project-action:focus-visible,.project-overflow-toggle:focus-visible{border-color:#7664d5;box-shadow:0 0 0 .2rem rgba(103,80,211,.14);outline:0}.render-controls .project-action-outline{border-color:#ccd4df;background:#fff;color:#35465e}
.latest-render-card{margin-top:0;border-radius:11px;overflow:hidden}.latest-render-card .card-body{padding:.85rem 1rem 1rem}.latest-render-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.latest-render-header h2{margin:0;color:#202735;font-size:1rem;font-weight:750;letter-spacing:-.01em}.latest-render-header p{margin:.16rem 0 0;color:#758092;font-size:.73rem}.render-status-summary{display:flex;align-items:center;gap:.35rem;flex:none;color:#657084;font-size:.72rem;font-weight:650}.render-status-summary i{color:#bbc1ca;font-style:normal}.render-status-summary .status-complete{color:#18744b}.render-status-summary .status-failed{color:#b2393e}.render-status-summary .status-active{color:#1768cf}.render-player{display:block;width:100%;max-height:calc(100vh - 290px);margin-top:.7rem;border-radius:8px;background:#050505}.render-file-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem 1.1rem;margin-top:.65rem;color:#758092;font-size:.7rem}.render-progress{margin-top:.8rem}.render-progress-labels{display:flex;justify-content:space-between;margin-top:.35rem;color:#758092;font-size:.68rem}
@media(max-width:900px){.project-detail-header{gap:.6rem}.project-actions{width:100%}.workflow-connector{min-width:18px}.render-player{max-height:none}}
@media(max-width:575px){.project-detail-shell{padding:.65rem .75rem 1.25rem}.project-detail-header{margin-bottom:.6rem}.project-detail-heading h1{font-size:1.22rem}.project-actions{display:flex;flex-wrap:nowrap;overflow:visible}.project-actions form{width:auto}.project-actions .project-action{width:auto}.project-actions>form{flex:1}.project-actions>form .project-action{width:100%}.record-action{flex:1}.project-overflow-toggle{width:38px!important}.workflow-panel{margin-bottom:.6rem}.workflow-rail{padding:.4rem .35rem}.workflow-connector{flex:0 0 18px}.render-controls{justify-content:stretch}.render-controls .render-quality-form{display:grid;grid-template-columns:auto minmax(0,1fr) auto;width:100%}.render-quality-select{width:100%;min-width:0}.latest-render-card .card-body{padding:.7rem}.latest-render-header{gap:.5rem}.render-status-summary{align-items:flex-end;flex-direction:column;gap:.05rem}.render-status-summary i{display:none}.render-file-meta .btn{width:100%;margin-left:0!important}.project-description{max-width:100%}}
@media(max-width:410px){.project-actions{display:grid;grid-template-columns:1fr 1fr auto}.record-action{font-size:.72rem}.project-actions>form .project-action{overflow:hidden;text-overflow:ellipsis}.render-controls .render-quality-form{grid-template-columns:1fr auto}.render-quality-select-label{grid-column:1/-1}.render-quality-select{min-width:0}}

/* Compact dashboard and primary navigation */
.dw-navbar{min-height:50px;padding:.45rem 0;box-shadow:0 1px 2px rgba(0,0,0,.12)}
.dw-navbar .navbar-brand{font-size:1rem;letter-spacing:-.01em}
.dw-navbar .navbar-nav{align-items:center;gap:.15rem}
.dw-navbar .nav-link{position:relative;border-radius:6px;padding:.38rem .6rem!important;font-size:.875rem;color:rgba(255,255,255,.7);transition:color .15s ease,background .15s ease}
.dw-navbar .nav-link:hover{color:#fff;background:rgba(255,255,255,.07)}
.dw-navbar .nav-link.active{color:#fff;background:rgba(255,255,255,.09)}
.dw-navbar .nav-link.active::after{position:absolute;right:.6rem;bottom:.18rem;left:.6rem;height:2px;border-radius:2px;background:#6ea8fe;content:""}
.dw-primary-button{min-height:34px;border-radius:8px;padding:.38rem .75rem;font-size:.82rem;font-weight:600;box-shadow:0 1px 2px rgba(0,0,0,.12);transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease}
.dw-primary-button:hover{transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.14)}
.dw-signout-button{min-height:34px;border:1px solid rgba(255,255,255,.38);border-radius:8px;padding:.35rem .7rem;color:rgba(255,255,255,.85);font-size:.82rem;font-weight:500;transition:color .15s ease,background .15s ease,border-color .15s ease}
.dw-signout-button:hover{border-color:rgba(255,255,255,.62);background:rgba(255,255,255,.12);color:#fff}
.dashboard-shell{max-width:1200px;padding-top:1.35rem;padding-bottom:2rem}
.dashboard-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.1rem}
.dashboard-header h1{margin:0 0 .16rem;font-size:1.45rem;font-weight:750;line-height:1.2;letter-spacing:-.025em;color:#18202d}
.dashboard-header p{margin:0;color:#737c8a;font-size:.8125rem;line-height:1.35}
.dashboard-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-bottom:1.1rem}
.dashboard-stats .stat-card{overflow:hidden;border-radius:9px;border-left:4px solid #98a2b3;box-shadow:0 1px 2px rgba(0,0,0,.05);transition:box-shadow .16s ease,transform .16s ease}
.dashboard-stats .stat-card:hover{transform:translateY(-1px);box-shadow:0 6px 14px rgba(23,31,45,.09)}
.dashboard-stats .stat-card .card-body{padding:.9rem 1rem .82rem}
.dashboard-stats .stat-card span{margin-bottom:.22rem;color:#7a8290;font-size:.7rem;font-weight:700;letter-spacing:.075em;line-height:1.3;text-transform:uppercase}
.dashboard-stats .stat-card strong{display:block;color:#202735;font-size:1.75rem;font-weight:700;letter-spacing:-.035em;line-height:1.15;font-variant-numeric:tabular-nums}
.dashboard-stats .stat-draft{border-left-color:#d99b2b}
.dashboard-stats .stat-completed{border-left-color:#2f9e69}
.dashboard-stats .stat-failed{border-left-color:#d05249}
.recent-projects{overflow:hidden;border-radius:9px;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.recent-projects .card-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--dw-border);background:#fff;padding:.72rem 1rem}
.recent-projects .card-header strong{font-size:.9rem;font-weight:700}
.recent-projects .card-header a{font-size:.76rem;font-weight:600;color:#647083;text-decoration:none}
.recent-projects .card-header a span{display:inline-block;margin-left:.15rem;transition:transform .15s ease}
.recent-projects .card-header a:hover{color:#0d6efd}
.recent-projects .card-header a:hover span{transform:translateX(2px)}
.recent-projects .project-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-width:0 0 1px;padding:.72rem 1rem;background:#fff;transition:background-color .14s ease}
.recent-projects .project-row:last-child{border-bottom:0}
.recent-projects .project-row:hover,.recent-projects .project-row:focus{z-index:auto;background:#f8faff}
.project-summary{min-width:0}
.project-summary strong{display:block;overflow:hidden;color:#202735;font-size:.9rem;font-weight:650;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.project-summary small{display:block;margin-top:.12rem;color:#858d9a;font-size:.74rem;line-height:1.35}
.project-summary small i{padding:0 .15rem;color:#c3c8d0;font-style:normal}
.project-status{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:8.2rem;border-radius:999px;padding:.28rem .6rem;font-size:.7rem;font-weight:650;line-height:1.2;text-align:center}
.status-completed{background:#e8f5ee;color:#197148}
.status-draft{background:#fff3d6;color:#8b6212}
.status-failed{background:#fbeaea;color:#a13d38}
.status-progress{background:#e9f1ff;color:#315f9e}
.recent-empty{padding:1.25rem;text-align:center;color:#737c8a;font-size:.82rem}
.projects-shell{max-width:1200px;padding-top:1.35rem;padding-bottom:2rem}
.projects-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.1rem}
.projects-header h1{margin:0;font-size:1.45rem;font-weight:750;line-height:1.2;letter-spacing:-.025em;color:#18202d}
.projects-card{overflow:hidden;border-radius:9px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.projects-table-wrap{overflow-x:auto;background:linear-gradient(90deg,#fff 30%,rgba(255,255,255,0)),linear-gradient(90deg,rgba(255,255,255,0),#fff 70%) 100% 0,linear-gradient(90deg,rgba(23,31,45,.08),rgba(23,31,45,0)),linear-gradient(270deg,rgba(23,31,45,.08),rgba(23,31,45,0)) 100% 0;background-attachment:local,local,scroll,scroll;background-repeat:no-repeat;background-size:32px 100%,32px 100%,10px 100%,10px 100%}
.projects-table{min-width:760px;font-size:.82rem}
.projects-table thead th{border-bottom:1px solid var(--dw-border);background:#fafbfc;padding:.58rem .8rem;color:#7a8290;font-size:.67rem;font-weight:650;letter-spacing:.075em;line-height:1.3;text-transform:uppercase;white-space:nowrap}
.projects-table thead th:first-child,.projects-table tbody td:first-child{padding-left:1rem}
.projects-table thead th:last-child,.projects-table tbody td:last-child{padding-right:1rem}
.projects-table tbody td{border-color:#edf0f4;padding:.66rem .8rem;background:#fff;line-height:1.35;transition:background-color .14s ease}
.projects-table tbody tr:last-child td{border-bottom:0}
.projects-table tbody tr:hover td{background:#f8faff}
.projects-table .project-name{color:#315f9e;font-size:.84rem;font-weight:650;text-decoration:none;text-underline-offset:2px}
.projects-table .project-name:hover,.projects-table .project-name:focus{color:#174f9c;text-decoration:underline}
.projects-table .project-meta{color:#697384;font-weight:450;white-space:nowrap}
.projects-table .project-updated{font-variant-numeric:tabular-nums}
.projects-table .project-status{min-width:8.2rem}
.video-actions-cell{position:relative;width:4rem;text-align:right}
.video-actions{position:relative;display:inline-block}
.video-actions summary{display:grid;width:2rem;height:2rem;place-items:center;border:1px solid transparent;border-radius:8px;color:#667085;cursor:pointer;font-size:1rem;font-weight:700;letter-spacing:.08em;list-style:none;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s}
.video-actions summary::-webkit-details-marker{display:none}
.video-actions summary:hover,.video-actions[open] summary{border-color:#d9deea;background:#fff;color:#24324a;box-shadow:0 3px 10px rgba(28,39,60,.09)}
.video-actions summary:focus-visible{outline:3px solid rgba(76,110,245,.18);outline-offset:2px}
.video-actions-menu{position:absolute;z-index:30;top:calc(100% + .4rem);right:0;width:170px;overflow:hidden;border:1px solid #e0e4ec;border-radius:10px;background:#fff;box-shadow:0 14px 34px rgba(28,39,60,.16);padding:.35rem;text-align:left}
.video-actions-menu a,.video-actions-menu button{display:block;width:100%;border:0;border-radius:7px;background:transparent;padding:.52rem .62rem;color:#344054;font:inherit;font-weight:600;text-align:left;text-decoration:none;white-space:nowrap}
.video-actions-menu a:hover,.video-actions-menu button:hover{background:#f4f6fa;color:#1d2939}
.video-actions-menu form{margin:0}
.video-actions-menu .video-action-danger{color:#c4323c}
.video-actions-menu .video-action-danger:hover{background:#fff1f2;color:#a91f2a}
.project-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:.15rem;white-space:nowrap}
.project-row-actions form{margin:0}.project-row-actions .btn{font-size:.76rem;text-decoration:none}
.projects-empty{display:flex;align-items:center;flex-direction:column;padding:2rem 1rem;text-align:center}
.projects-empty-icon{display:grid;width:2.25rem;height:2.25rem;margin-bottom:.55rem;place-items:center;border-radius:9px;background:#f0f3f8;color:#768195}
.projects-empty-icon svg{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}
.projects-empty strong{margin-bottom:.14rem;color:#3b4555;font-size:.82rem}
.projects-empty>span:last-child{color:#7a8290;font-size:.75rem}
@media(max-width:991.98px){.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575.98px){
  .dw-navbar .container{align-items:flex-start;flex-direction:column;gap:.35rem}
  .dw-navbar .navbar-nav{width:100%;flex-direction:row;flex-wrap:wrap}
  .dw-navbar .navbar-nav .ms-2{margin-left:.15rem!important}
  .dashboard-shell{padding-right:.85rem;padding-left:.85rem}
  .projects-shell{padding-right:.85rem;padding-left:.85rem}
  .dashboard-header{align-items:flex-start}
  .dashboard-header p{max-width:15rem}
  .dashboard-stats{grid-template-columns:1fr;gap:.6rem}
  .dashboard-stats .stat-card .card-body{padding:.75rem .9rem}
  .recent-projects .project-row{align-items:flex-start;flex-direction:column;gap:.45rem;padding:.7rem .85rem}
  .project-status{min-width:7.5rem}
}

/* Compact storyboard studio */
.studio-header,.studio-subbar,.settings-toolbar,.scene-card-top,.studio-actions,.scene-secondary-actions{display:flex;align-items:center}.studio-header{justify-content:space-between;gap:1rem}.studio-title{display:flex;align-items:center;gap:.55rem;min-width:0}.studio-title h1{font-size:1.1rem;margin:0;white-space:nowrap}.studio-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-back{text-decoration:none;font-size:1.25rem}.studio-divider{height:1.2rem;border-left:1px solid var(--dw-border)}.status-dot{width:.45rem;height:.45rem;background:#22a06b;border-radius:50%}.studio-actions{gap:.4rem;flex-shrink:0}.studio-actions form,.scene-card-top form,.scene-secondary-actions form,.studio-footer-actions form{margin:0}.studio-subbar{justify-content:space-between;border-bottom:1px solid var(--dw-border);padding-bottom:.65rem}.compact-workflow{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:#7a8290}.compact-workflow a{text-decoration:none;color:#596273}.compact-workflow strong{color:#0d6efd}.compact-workflow .complete{color:#137a4b}.audio-badge{font-size:.75rem;font-weight:600;background:#e9f7f0;color:#137a4b;padding:.25rem .5rem;border-radius:.35rem}.help-button,.kebab{border:0;background:transparent;color:#6b7280}.help-button{border:1px solid var(--dw-border);border-radius:50%;width:1.5rem;height:1.5rem;font-size:.75rem}.settings-toolbar{position:relative;gap:.25rem;flex-wrap:wrap;background:#fff;border:1px solid var(--dw-border);border-radius:.6rem;padding:.4rem}.toolbar-popover{position:relative}.toolbar-popover>summary,.toolbar-check,.toolbar-resolution{list-style:none;cursor:pointer;padding:.35rem .5rem;border-radius:.35rem;font-size:.78rem;white-space:nowrap}.toolbar-popover>summary::-webkit-details-marker{display:none}.toolbar-popover>summary:hover,.toolbar-check:hover{background:#f1f4f8}.toolbar-popover>summary strong{font-weight:600;color:#0d6efd;margin-left:.2rem}.toolbar-panel{position:absolute;z-index:20;top:calc(100% + .45rem);left:0;width:390px;padding:.8rem;background:#fff;border:1px solid var(--dw-border);border-radius:.55rem;box-shadow:0 10px 30px rgba(25,35,55,.14)}.toolbar-panel-close{position:absolute;z-index:1;top:.45rem;right:.45rem;display:grid;width:1.75rem;height:1.75rem;padding:0;place-items:center;border:1px solid var(--dw-border);border-radius:.4rem;background:#fff;color:#596273;font-size:1.25rem;line-height:1;cursor:pointer}.toolbar-panel-close:hover,.toolbar-panel-close:focus-visible{background:#f1f4f8;color:#101826}.toolbar-panel-close+*{padding-right:2rem}
.toolbar-panel-sm{width:230px}.toolbar-check{display:flex;align-items:center;gap:.35rem;margin:0}.toolbar-resolution{color:#596273}.scene-list{display:grid;gap:.7rem}.scene-card{background:#fff;border:1px solid var(--dw-border);border-radius:.65rem;box-shadow:0 1px 2px rgba(20,30,50,.03);overflow:visible}.scene-card-top{justify-content:space-between;padding:.4rem .65rem;border-bottom:1px solid #edf0f4;font-size:.84rem}.kebab{font-size:1.3rem;line-height:1;padding:0 .45rem;border-radius:.3rem}.kebab:hover{background:#edf0f5}.scene-summary{display:grid;grid-template-columns:210px minmax(0,1fr);gap:1rem;padding:.65rem;cursor:pointer;list-style:none}.scene-summary::-webkit-details-marker{display:none}.scene-thumb{height:118px;border-radius:.4rem}.scene-thumb img{height:100%;max-height:none;object-fit:cover}.scene-thumb span{border-width:2px}.scene-overview{min-width:0}.scene-file{font-weight:600;font-size:.86rem;margin-bottom:.45rem}.scene-file span{font-weight:500;color:#6b7280;margin-left:.65rem}.scene-overview p{font-size:.82rem;margin:.28rem 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#586171}.scene-overview p b{color:#303846}.scene-meta{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.5rem}.scene-meta span{font-size:.72rem;background:#f1f4f8;color:#596273;border-radius:.25rem;padding:.2rem .38rem}.scene-meta .edit-link{color:#0d6efd;background:#edf4ff;font-weight:600}.scene-editor{border-top:1px solid var(--dw-border);padding:.8rem}.scene-editor .form-label{font-size:.76rem;font-weight:600;margin-bottom:.2rem}.scene-editor .form-control,.scene-editor .form-select{font-size:.84rem}.audio-row,.scene-secondary-actions{display:flex;align-items:center;gap:.6rem;margin-bottom:.65rem}.audio-row audio{height:34px;max-width:360px}.coordinate-grid{display:grid;grid-template-columns:1.2fr repeat(5,1fr);align-items:end;gap:.45rem;background:#f8f9fb;border-radius:.4rem;padding:.55rem}.coordinate-grid label{font-size:.7rem;color:#6b7280}.coordinate-grid small{font-weight:400;color:#7a8290}.compact-alert{padding:.45rem .65rem;border-radius:.35rem;font-size:.8rem;margin-bottom:.6rem}.compact-alert.warning{background:#fff7db;color:#795d00}.compact-alert.danger{background:#fff0f0;color:#a12622}.scene-secondary-actions{margin-top:.65rem;margin-bottom:0}.studio-footer-actions{display:flex;gap:.5rem;margin-top:.8rem}
@media(max-width:991px){.studio-header{align-items:flex-start}.studio-title{flex-wrap:wrap}.settings-toolbar{align-items:stretch}.toolbar-panel{position:fixed;top:auto;left:1rem;right:1rem;width:auto}.coordinate-grid{grid-template-columns:repeat(3,1fr)}.coordinate-grid strong{grid-column:1/-1}}
@media(max-width:767px){main.container{padding-top:1rem!important}.studio-header{display:block}.studio-actions{margin-top:.65rem;flex-wrap:wrap}.studio-subbar{gap:.5rem}.scene-summary{grid-template-columns:130px minmax(0,1fr)}.scene-thumb{height:100px}.scene-overview p{white-space:normal;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.coordinate-grid{grid-template-columns:repeat(2,1fr)}}
.branding-panel{width:560px}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem}.template-card{padding:.25rem;border:2px solid transparent;border-radius:.45rem;background:#f5f7fb;color:#202735;text-align:left}.template-card.selected{border-color:#0d6efd}.template-card small{display:block;font-size:.68rem;padding:.25rem .1rem 0}.template-preview{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:.3rem}.template-stage{height:64px;border-radius:.3rem;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:#f8fafc;position:relative}.template-stage i{width:18px;height:18px;border-radius:50%;background:currentColor;opacity:.35}.template-stage b{font-size:.62rem}.template-stage em{font-size:.5rem;font-style:normal;opacity:.7}.family-gradient .template-stage,.family-spotlight .template-stage{background:linear-gradient(135deg,#312e81,#7c3aed);color:white}.family-dark .template-stage{background:#09090b;color:white}.family-soft .template-stage{background:#fdf2f8;color:#9d174d}.template-card:hover .template-stage i{transform:scale(1.15);transition:transform .25s}.template-card:hover .template-stage b{opacity:.7;transition:opacity .25s}@media(max-width:767px){.branding-panel{width:auto}.template-grid{grid-template-columns:repeat(2,1fr)}}
.branding-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 .65rem;padding:.55rem .65rem;border:1px solid #dce3ed;border-radius:.6rem;background:linear-gradient(135deg,#fbfcff,#f3f7ff);cursor:pointer}.branding-toggle-row>span:first-child{min-width:0}.branding-toggle-row strong,.branding-toggle-row small{display:block}.branding-toggle-row strong{font-size:.82rem;color:#202735}.branding-toggle-row small{font-size:.7rem;color:#6b7280}.branding-toggle-end{display:flex;align-items:center;gap:.45rem;flex:none;color:#596273;font-size:.72rem;font-weight:700}.branding-toggle-end input{position:absolute;opacity:0}.branding-toggle-end i{position:relative;width:34px;height:19px;border-radius:999px;background:#c8d0da;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);transition:.15s}.branding-toggle-end i:after{position:absolute;top:3px;left:3px;width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);content:"";transition:.15s}.branding-toggle-end input:checked+i{background:#0d6efd}.branding-toggle-end input:checked+i:after{transform:translateX(15px)}.branding-toggle-row:has(input:focus-visible){outline:2px solid #0d6efd;outline-offset:2px}.template-grid.templates-muted{opacity:.58}.template-selected{display:none;position:absolute;right:5px;top:5px;padding:2px 5px;border-radius:999px;background:#0d6efd;color:#fff;font-size:.58rem;font-weight:700}.template-card{position:relative}.template-card.selected .template-selected{display:block}
.narration-tabs{display:inline-flex;border:1px solid #d6dae1;border-radius:.45rem;overflow:hidden}.narration-tabs label{margin:0}.narration-tabs input{position:absolute;opacity:0}.narration-tabs span{display:block;padding:.3rem .65rem;font-size:.78rem;cursor:pointer;background:#fff}.narration-tabs input:checked+span{background:#1f2937;color:#fff}.compact-upload{display:flex;gap:.4rem;align-items:center;max-width:32rem;margin:.45rem 0}.music-panel{min-width:22rem}.music-panel .form-check{font-size:.82rem}.audio-row form{display:inline}
.audio-preview{display:grid;grid-template-columns:minmax(240px,360px) auto;align-items:center;gap:.35rem .75rem;margin-bottom:.75rem;padding:.65rem;border:1px solid #dfe4eb;border-radius:.5rem;background:#f8fafc}.audio-preview.uploaded{border-color:#9bd8ba;background:#f1fbf6}.audio-preview-heading{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-width:0}.audio-preview-heading div{display:flex;align-items:baseline;gap:.5rem;min-width:0}.audio-preview-heading strong{font-size:.82rem;color:#176b46}.audio-preview-heading div span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;color:#596273}.audio-preview-duration{flex:none;font-size:.78rem;font-weight:600;color:#3d4654}.audio-preview audio{width:100%;height:36px}.audio-preview form{margin:0}.audio-preview .btn-link{padding:.25rem 0;font-size:.76rem}@media(max-width:767px){.audio-preview{grid-template-columns:1fr}.audio-preview form{grid-column:1}.audio-preview-heading div{display:block}}
.compact-alert.success{border:1px solid #9bd8ba;background:#eaf8f1;color:#176b46}
.narration-count-badge{background:#fff3cd;border-radius:.35rem;color:#795d00;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.narration-count-badge.complete{background:#e9f7f0;color:#137a4b}.scene-card-title{align-items:center;display:flex;gap:.55rem}.narration-status{border-radius:1rem;font-size:.7rem;font-weight:600;padding:.16rem .45rem}.narration-status.ready{background:#e9f7f0;color:#137a4b}.narration-status.missing{background:#fff3cd;color:#795d00}
.voice-client-filters{display:flex;gap:.35rem;margin-bottom:.35rem}.voice-client-filters label{flex:1;color:#5b6472;font-size:.68rem}.voice-client-filters .form-select{margin-top:.15rem;padding:.25rem .45rem;font-size:.72rem}
.voice-select-preview{display:flex;align-items:center;gap:.5rem}.voice-select-preview select{flex:1}.voice-preview-button{flex:0 0 34px;width:34px;height:34px;border:1px solid #d5dae2;border-radius:50%;background:#fff;color:#365fa0;cursor:pointer}.voice-preview-button:disabled{opacity:.5}
.upload-progress{font-size:.76rem;color:#6b7280;white-space:nowrap}.upload-progress.upload-success{color:#176b46}.upload-progress.upload-error{color:#a12622}.compact-upload button{flex:none}
.settings-preview{background:#fff;border:1px solid var(--dw-border);border-radius:.7rem;padding:.85rem;box-shadow:0 8px 24px rgba(25,35,55,.08)}.settings-preview[hidden]{display:none}.settings-preview-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.75rem}.settings-preview-heading small{display:block;color:#6b7280;font-weight:400;margin-top:.15rem}.settings-preview-grid{display:grid;grid-template-columns:minmax(320px,1.7fr) minmax(250px,1fr);gap:1rem}.video-settings-stage{position:relative;min-height:260px;overflow:hidden;border-radius:.55rem;background:#e9eef5;color:#172033;isolation:isolate}.video-settings-stage img{position:absolute;width:100%;height:100%;object-fit:cover;z-index:-2}.preview-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,18,32,.7),transparent 65%)}.preview-brand{position:absolute;left:6%;top:12%;display:flex;flex-direction:column;color:#fff;text-shadow:0 1px 3px #111}.preview-brand strong{font-size:1.35rem}.preview-brand span{font-size:.8rem;opacity:.85}.preview-caption{position:absolute;bottom:8%;left:50%;transform:translateX(-50%);background:rgba(8,13,24,.82);color:#fff;padding:.35rem .7rem;border-radius:.25rem;font-size:.8rem;white-space:nowrap}.preview-focus{position:absolute;left:55%;top:27%;width:30%;height:43%;border:3px solid #0d6efd;background:rgba(13,110,253,.12);border-radius:.25rem}.preview-cursor{position:absolute;left:72%;top:55%;color:#fff;text-shadow:0 1px 4px #000;transform:rotate(-25deg)}.video-settings-stage[data-preview-theme="DARK"] .preview-shade{background:rgba(0,0,0,.72)}.video-settings-stage[data-preview-theme="BOLD"] .preview-shade{background:linear-gradient(120deg,rgba(91,33,182,.85),rgba(236,72,153,.15))}.video-settings-stage[data-preview-theme="SOFT"] .preview-shade{background:linear-gradient(120deg,rgba(251,207,232,.85),transparent);}.video-settings-stage[data-preview-theme="SOFT"] .preview-brand{color:#831843;text-shadow:none}.video-settings-stage[data-preview-theme="MINIMAL"] .preview-shade{background:linear-gradient(90deg,rgba(255,255,255,.9),transparent 70%)}.video-settings-stage[data-preview-theme="MINIMAL"] .preview-brand{color:#202735;text-shadow:none}.video-settings-stage[data-preview-theme="CORPORATE"] .preview-shade{background:linear-gradient(90deg,rgba(15,50,85,.85),transparent 70%)}.video-settings-stage[data-preview-theme="MODERN"] .preview-shade{background:linear-gradient(135deg,rgba(6,182,212,.65),rgba(37,99,235,.2))}.preview-placeholder{height:260px;display:grid;place-items:center;color:#778195}.settings-preview-summary{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;align-content:start}.preview-setting{background:#f7f9fc;border:1px solid #edf0f4;border-radius:.4rem;padding:.5rem}.preview-setting span,.preview-setting strong{display:block}.preview-setting span{font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;color:#7a8290}.preview-setting strong{font-size:.8rem;margin-top:.1rem}.preview-flags{grid-column:1/-1;display:flex;gap:.4rem}.preview-flags span{font-size:.72rem;padding:.25rem .45rem;border-radius:1rem;background:#e8f3ff;color:#0757b5}.preview-flags span.off{background:#eef0f3;color:#7a8290;text-decoration:line-through}.settings-preview-summary audio,.settings-preview-summary .form-text{grid-column:1/-1;width:100%}@media(max-width:767px){.settings-preview-grid{grid-template-columns:1fr}.video-settings-stage{min-height:210px}.settings-preview-summary{grid-template-columns:1fr 1fr}}
.preview-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:.4rem}.preview-card-playback{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;color:#fff;background:linear-gradient(135deg,#312e81,#7c3aed)}.preview-card-playback[hidden]{display:none}.preview-card-playback span{font-size:.65rem;letter-spacing:.18em;opacity:.75}.preview-card-playback strong{font-size:1.6rem;margin:.3rem 0}.preview-card-playback small{opacity:.8}.preview-card-playback.playing{animation:preview-card both ease-in-out}.preview-card-playback.card-template-dark_cinematic{background:#09090b}.preview-card-playback.card-template-soft_product{background:#fdf2f8;color:#9d174d}.preview-card-playback.card-template-clean_corporate{background:linear-gradient(135deg,#0f3255,#2563a6)}.preview-card-playback.card-template-minimal_fade{background:#f8fafc;color:#202735}.preview-card-playback.card-template-modern_slide{background:linear-gradient(135deg,#0891b2,#2563eb)}@keyframes preview-card{0%{opacity:0;transform:scale(1.04)}15%,82%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.98)}}
.music-panel [data-music-source-options][hidden],.music-panel [data-music-mix-options][hidden]{display:none}.music-source-empty{margin-top:.6rem;padding:.55rem;background:#f7f9fc;border:1px dashed #d9dee8;border-radius:.4rem}

/* Interactive scene motion editor */
.motion-editor{border:1px solid var(--dw-border);border-radius:.6rem;background:#f8fafc;padding:.7rem}.motion-editor-heading,.motion-editor-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.motion-editor-heading small{display:block;color:#6b7280;font-weight:400;margin-top:.15rem}.motion-tools{display:flex;gap:.35rem;flex-wrap:wrap}.motion-stage-viewport{overflow:auto;max-width:900px;max-height:70vh;margin:.65rem auto}.motion-stage{position:relative;overflow:hidden;width:100%;margin:0;background:#dfe4ea;border-radius:.45rem;cursor:default;user-select:none;touch-action:none;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}.motion-stage.is-pannable{cursor:grab}.motion-stage.is-panning{cursor:grabbing}.motion-stage img{display:block;width:100%;height:auto;pointer-events:none;transform-origin:center}.motion-focus{position:absolute;border:3px solid #0d6efd;background:rgba(13,110,253,.12);box-shadow:0 0 0 9999px rgba(15,23,42,.28);pointer-events:none}.motion-focus b{position:absolute;top:.35rem;left:.4rem;padding:.12rem .35rem;border-radius:.25rem;background:#0d6efd;color:#fff;font-size:.68rem;white-space:nowrap}.motion-route{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.motion-route line{stroke:#f59e0b;stroke-width:2;stroke-dasharray:5 4;vector-effect:non-scaling-stroke}.motion-cursor{position:absolute;display:none;color:#f59e0b;font-size:1.3rem;line-height:1;text-shadow:0 1px 3px #fff;transform:translate(-15%,-10%);pointer-events:none}.motion-cursor i{position:absolute;left:1rem;top:1rem;background:#111827;color:#fff;border-radius:.2rem;padding:.1rem .25rem;font:normal .62rem/1.2 sans-serif}.motion-cursor-end{color:#dc3545}.motion-click-pulse{position:absolute;display:none;width:1.4rem;height:1.4rem;border:3px solid #dc3545;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.motion-hint{position:absolute;left:50%;bottom:.7rem;transform:translateX(-50%);background:rgba(17,24,39,.82);color:#fff;border-radius:1rem;padding:.3rem .65rem;font-size:.72rem;white-space:nowrap;pointer-events:none}.motion-editor-footer{font-size:.75rem;color:#596273}.motion-editor-footer .btn-link{font-size:.75rem;text-decoration:none;padding:.25rem}.motion-advanced{margin-top:.35rem;border-top:1px solid var(--dw-border);padding-top:.4rem}.motion-advanced>summary{color:#596273;cursor:pointer;font-size:.75rem}.motion-advanced[open]>summary{margin-bottom:.5rem}.motion-stage.is-previewing.motion-zoom-in img{animation:motion-zoom-in 2.6s ease-in-out forwards}.motion-stage.is-previewing.motion-zoom-out img{animation:motion-zoom-out 2.6s ease-in-out forwards}.motion-stage.is-previewing.motion-pan img{animation:motion-pan 2.6s ease-in-out forwards}.motion-stage.is-previewing.motion-focus img{transform-origin:var(--focus-x) var(--focus-y);animation:motion-focus 2.6s ease-in-out forwards}.motion-stage.is-previewing .motion-cursor-end{animation:motion-cursor-travel 2.6s ease-in-out}.motion-stage.is-previewing .motion-click-pulse{display:block;animation:motion-pulse 2.6s ease-in-out}@keyframes motion-zoom-in{from{transform:scale(1)}to{transform:scale(1.15)}}@keyframes motion-zoom-out{from{transform:scale(1.15)}to{transform:scale(1)}}@keyframes motion-pan{from{transform:scale(1.08) translateX(3.5%)}to{transform:scale(1.08) translateX(-3.5%)}}@keyframes motion-focus{from{transform:scale(1)}to{transform:scale(var(--focus-scale))}}@keyframes motion-cursor-travel{0%{left:var(--start-x);top:var(--start-y)}100%{left:var(--end-x);top:var(--end-y)}}@keyframes motion-pulse{0%,75%{opacity:0;transform:translate(-50%,-50%) scale(.4)}90%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(1.8)}}
@media(max-width:767px){.motion-editor-heading{align-items:flex-start;flex-direction:column}.motion-hint{white-space:normal;text-align:center;width:max-content;max-width:90%}}
.final-motion-preview{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.65rem;padding:.65rem .75rem;border:1px solid #9ec5fe;border-radius:.45rem;background:#eaf3ff}.final-motion-preview strong,.final-motion-preview small{display:block}.final-motion-preview small{margin-top:.1rem;color:#52657d}.final-motion-preview .btn{flex:none;font-weight:600}@media(max-width:767px){.final-motion-preview{align-items:stretch;flex-direction:column}.final-motion-preview .btn{width:100%}}

/* Narration-aware focus uses normalized event boxes positioned over the actual
   rendered image. Pixel values here are presentation only and are never saved. */
.smart-focus-state{display:flex;align-items:flex-start;gap:.65rem;margin-top:.55rem;padding:.45rem .55rem;border-radius:.4rem;background:#eef5ff;color:#314158;font-size:.75rem}.smart-focus-state>span{min-width:10rem;padding-top:.25rem}.smart-focus-state .analyzing{font-weight:600}.smart-focus-state .error{color:#a61b2b}.smart-focus-state .success{color:#146c43}.smart-focus-timeline{display:flex;flex:1;align-items:flex-start;gap:.5rem}.smart-focus-timeline>[data-smart-focus-sequence]{white-space:nowrap}.smart-focus-events{display:flex;flex:1;flex-direction:column;gap:.2rem;margin:0;padding:0;list-style:none}.smart-focus-events li{display:flex;align-items:center;gap:.25rem}.smart-focus-events button{border:0;background:transparent;color:inherit;text-align:left;font-size:.72rem}.smart-focus-events li>.smart-focus-event-name{flex:1}.smart-focus-events label{display:flex;align-items:center;gap:.2rem;white-space:nowrap;font-size:.68rem}.smart-focus-events input{width:4.2rem;padding:.15rem .25rem;border:1px solid #b8c7dc;border-radius:.25rem;background:#fff;color:#202735;font-size:.7rem}.smart-focus-order{display:inline-flex;gap:.1rem}.smart-focus-order button{display:grid;place-items:center;width:1.5rem;height:1.5rem;padding:0;border:1px solid #9db4d0;border-radius:.25rem;background:#fff;color:#0d6efd;font-weight:700}.smart-focus-order button:hover:not(:disabled){background:#e5efff}.smart-focus-order button:disabled{color:#9ca3af;opacity:.55}.smart-focus-events .smart-focus-delete{color:#a61b2b;font-size:1rem;line-height:1}.smart-focus-overlay{position:absolute;inset:0;z-index:3;pointer-events:none}.smart-focus-region{position:absolute;display:block;overflow:visible;border:3px solid #fff;outline:5px solid #f59e0b;outline-offset:0;border-radius:7px;background:rgba(245,158,11,.14);box-shadow:0 2px 8px rgba(15,23,42,.45);color:#fff;pointer-events:auto;transition:opacity .22s,border-color .22s,box-shadow .22s;text-align:left}.smart-focus-region b{position:absolute;left:-.65rem;top:-.65rem;display:grid;place-items:center;width:1.25rem;height:1.25rem;border-radius:50%;background:#0d6efd;font-size:.68rem}.smart-focus-region span{position:absolute;left:.45rem;top:.3rem;max-width:calc(100% - .7rem);overflow:hidden;padding:.1rem .3rem;border-radius:.25rem;background:rgba(13,44,84,.88);font-size:.66rem;white-space:nowrap;text-overflow:ellipsis}.smart-focus-region i{position:absolute;right:-.35rem;bottom:-.35rem;width:.7rem;height:.7rem;border:2px solid #fff;border-radius:2px;background:#0d6efd;cursor:nwse-resize}.smart-focus-region.selected{border-color:#fff;outline-color:#ea580c;box-shadow:0 0 0 3px rgba(234,88,12,.3),0 3px 10px rgba(15,23,42,.5)}.smart-focus-overlay.playing .smart-focus-region{opacity:0;pointer-events:none}.smart-focus-overlay.playing .smart-focus-region.active{opacity:0}.smart-focus-overlay.playing .smart-focus-region span,.smart-focus-overlay.playing .smart-focus-region b,.smart-focus-overlay.playing .smart-focus-region i{display:none}.motion-stage.smart-focus-previewing img{transition:transform .22s ease}.smart-focus-spotlight{position:absolute;z-index:4;border:3px solid #fff;outline:5px solid #f59e0b;outline-offset:0;border-radius:16px;box-shadow:0 0 0 9999px rgba(0,0,0,.25);pointer-events:none;transition:left .22s ease,top .22s ease,width .22s ease,height .22s ease,border-radius .22s ease}.smart-focus-state[hidden],.smart-focus-overlay[hidden],.smart-focus-spotlight[hidden]{display:none}@media(max-width:767px){.smart-focus-state,.smart-focus-timeline{flex-direction:column}.smart-focus-events{width:100%}.smart-focus-region span{display:none}}

/* Per-scene privacy blur mirrors the strong blur applied by the renderer. */
.privacy-blurred img { filter: blur(12px); transform: scale(1.08); }
.focus-preview .privacy-label { left: 50%; top: 50%; z-index: 4; padding: .2rem .45rem; border-radius: .25rem; background: rgba(17,24,39,.82); font-size: .68rem; transform: translate(-50%,-50%); }
.privacy-scene-toggle { display: flex; gap: .5rem; align-items: flex-start; padding: .6rem; border: 1px solid #d9dee8; border-radius: .45rem; background: #f8fafc; }
.privacy-scene-toggle span, .privacy-scene-toggle small { display: block; }
.privacy-scene-toggle small { margin-top: .1rem; color: #6b7280; font-weight: 400; }
.privacy-region-editor{padding:.7rem;border:1px solid #d9dee8;border-radius:.55rem;background:#f8fafc}.privacy-editor-heading,.privacy-editor-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.privacy-editor-heading small{display:block;margin-top:.1rem;color:#6b7280}.privacy-stage{position:relative;overflow:hidden;max-width:900px;margin:.65rem auto;background:#dfe4ea;border-radius:.45rem;cursor:crosshair;touch-action:none;user-select:none}.privacy-stage>img{display:block;width:100%;height:auto;pointer-events:none}.privacy-stage>[data-privacy-overlay],.motion-stage>[data-privacy-overlay]{position:absolute;inset:0}.motion-stage.is-privacy-editing{cursor:crosshair}.privacy-editor-controls{display:flex;align-items:center;gap:.5rem}.privacy-editor-controls .form-check{display:flex;align-items:center;gap:.3rem}.privacy-stage>span{position:absolute;bottom:.6rem;left:50%;transform:translateX(-50%);padding:.25rem .55rem;border-radius:1rem;background:rgba(17,24,39,.82);color:#fff;font-size:.7rem;pointer-events:none}.privacy-region{position:absolute;border:2px solid #0d6efd;border-radius:.3rem;background:rgba(255,255,255,.45);backdrop-filter:blur(10px);color:#fff;font-size:.68rem;font-weight:700;text-shadow:0 1px 2px #111;overflow:hidden}.privacy-region:hover{border-color:#dc3545}.privacy-region-draft{pointer-events:none;border-style:dashed;background:rgba(13,110,253,.18)}.privacy-editor-footer{font-size:.75rem;color:#596273}.privacy-editor-footer label{margin:0}

/* Persisted expand/collapse controls for the larger scene editors. */
.section-toggle-heading{cursor:pointer;border-radius:.3rem}.section-toggle-heading:focus-visible{outline:2px solid #0d6efd;outline-offset:3px}.section-collapse-toggle{display:inline-flex;align-items:center;gap:.35rem;flex:none;padding:.25rem .45rem;border:1px solid #9db4d0;border-radius:.3rem;background:#fff;color:#315170;font-size:.75rem}.section-toggle-heading:hover .section-collapse-toggle{background:#eef5ff}.section-collapse-icon{font-size:.9rem;transition:transform .15s ease}.section-toggle-heading[aria-expanded="false"] .section-collapse-icon{transform:rotate(180deg)}.privacy-editor-actions,.motion-tools{display:flex;justify-content:flex-end;margin-top:.55rem}.is-section-collapsed{padding-bottom:.7rem}.is-section-collapsed .motion-editor-heading,.is-section-collapsed .privacy-editor-heading{margin-bottom:0}
.stage-progress{width:100%}
.scene-review-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}
/* Narration-driven element detection preview. */
.narration-preview-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,.8fr);gap:.65rem}.highlight-preview{padding:.55rem;border:1px solid #d9dee8;border-radius:.45rem;background:#f8fafc}.highlight-preview-heading{display:flex;justify-content:space-between;gap:.5rem;margin-bottom:.4rem;font-size:.74rem}.highlight-preview-heading span{color:#0d6efd}.htmx-indicator{display:none}.htmx-request .htmx-indicator,.htmx-request.htmx-indicator{display:inline}.highlight-stage{position:relative;overflow:hidden;border-radius:.3rem;background:#dfe4ea}.highlight-stage img{display:block;width:100%;height:auto}.highlight-stage svg{position:absolute;inset:0;width:100%;height:100%}.highlight-stage rect{fill:rgba(13,110,253,.15);stroke:#0d6efd;stroke-width:3;vector-effect:non-scaling-stroke}.highlight-stage circle{fill:#f59e0b;stroke:#fff;stroke-width:2;vector-effect:non-scaling-stroke}.highlight-results{display:grid;gap:.35rem;margin:.45rem 0 0;padding:0;list-style:none}.highlight-results li{display:flex;align-items:center;gap:.45rem}.highlight-results span,.highlight-results small{display:block;min-width:0}.highlight-results strong{display:block;overflow:hidden;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.highlight-results small{color:#6b7280;font-size:.65rem}.highlight-crop{position:relative;flex:0 0 64px;width:64px;height:38px;overflow:hidden;border:1px solid #cbd3df;border-radius:.25rem;background:#fff}.highlight-crop img{position:absolute;width:calc(var(--image-w) * 64px / var(--crop-w));max-width:none;left:calc(var(--crop-x) * -64px / var(--crop-w));top:calc(var(--crop-y) * -38px / var(--crop-h));}.highlight-empty,.highlight-error{margin:.35rem 0;font-size:.7rem}.highlight-empty{color:#6b7280}.highlight-error{padding:.4rem;border-radius:.3rem;background:#fff3cd;color:#664d03}@media(max-width:991px){.narration-preview-layout{grid-template-columns:1fr}}
.review-scene{overflow:hidden;border:2px solid transparent}.review-scene.selected{border-color:var(--bs-primary)}
.review-thumbnail{display:block;border:0;padding:0;background:#eef1f5;width:100%;aspect-ratio:16/9;overflow:hidden}.review-thumbnail img{width:100%;height:100%;object-fit:contain}
.sticky-actions{position:sticky;bottom:1rem;display:flex;justify-content:flex-end;gap:.5rem;padding:1rem;background:rgba(255,255,255,.95);border:1px solid var(--bs-border-color);border-radius:.75rem;box-shadow:0 .25rem 1rem rgba(0,0,0,.08);z-index:10}
/* Compact multilingual audio workflow */
.multilingual-panel{background:#fff;border:1px solid #dfe3e8;border-radius:.65rem;margin:0 0 1rem;padding:1rem}.multilingual-heading,.master-language,.multilingual-tools{display:flex;align-items:center;gap:.75rem}.multilingual-heading{justify-content:space-between}.multilingual-heading p{color:#657184;font-size:.875rem;margin:0}.multilingual-download{display:flex;justify-content:flex-end;margin-top:.75rem}.master-language{background:#f7f8fa;border-radius:.4rem;margin:.75rem 0;padding:.55rem .75rem}.master-language code,.language-name code{color:#657184}.multilingual-tools{margin:.4rem 0}.language-table{border-top:1px solid #e5e8ec}.language-row{align-items:center;border-bottom:1px solid #edf0f2;display:grid;font-size:.86rem;gap:.5rem;grid-template-columns:42px 1.25fr 1fr 1.2fr 80px 2fr;padding:.5rem}.language-header{color:#657184;font-size:.75rem;font-weight:600;text-transform:uppercase}.language-name{display:flex;flex-direction:column}.status-badge{background:#eef1f4;border-radius:1rem;display:inline-block;font-size:.74rem;font-weight:600;padding:.18rem .5rem}.status-ready,.status-original{background:#e7f4ec;color:#28643f}.status-failed,.status-stale{background:#f7ece9;color:#87402f}.language-row progress{display:block;height:.3rem;margin-top:.25rem;width:100%}.language-row small{display:block;color:#657184}.language-actions{align-items:center;display:flex;flex-wrap:wrap}.language-actions form{display:inline}.glossary-settings{border-top:1px solid #e5e8ec;margin-top:.75rem;padding-top:.65rem}.glossary-settings summary{cursor:pointer;font-weight:600}.glossary-row{display:grid;gap:.5rem;grid-template-columns:1fr 1fr 1fr auto;margin:.5rem 0}.translation-scenes{display:grid;gap:.75rem}.translation-scene{background:#fff;border:1px solid #dfe3e8;border-radius:.55rem;padding:1rem}.translation-scene-heading,.translation-audio-actions{align-items:center;display:flex;justify-content:space-between}.translation-original{background:#f7f8fa;border-radius:.35rem;margin:.5rem 0;padding:.65rem}.translation-original p{margin:.25rem 0 0}.timing-grid{display:flex;flex-wrap:wrap;gap:1.25rem;margin:.65rem 0}.timing-grid span{color:#657184;font-size:.8rem}.translation-audio-actions{margin-top:.65rem}.translation-audio-actions audio{height:34px;max-width:420px;width:100%}
@media(max-width:760px){.language-header{display:none}.language-row{align-items:start;grid-template-columns:32px 1fr}.language-row>span:nth-child(n+3){grid-column:2}.master-language,.multilingual-heading{align-items:flex-start;flex-wrap:wrap}.glossary-row{grid-template-columns:1fr}.multilingual-tools{flex-wrap:wrap}}
.highlight-results .highlight-drag{flex:none;border:0;background:transparent;color:#667085;padding:.15rem;line-height:1;cursor:grab;font-size:1rem}.highlight-results li>span{flex:1}.highlight-results li[draggable=true]:active .highlight-drag{cursor:grabbing}
.highlight-motion-button{display:block;width:100%;margin-top:.5rem}.highlight-motion-help{display:block;margin-top:.25rem;color:#6b7280;font-size:.65rem;text-align:center}
.smart-focus-actions{display:flex;flex:none;flex-direction:column;gap:.3rem}.smart-focus-actions .btn{white-space:nowrap}

/* ── Storyboard Editor: compact premium toolbar (se-*) ────────────────
   Design tokens: navy #0B1F3A · gold #B8912F · cream #FAF9F5
   paper #FFFFFF · line #E7E3D9 · ink #101826 / ink-soft #5B6472
   green #1F7A4D / green-soft #E8F3EC · red #B0432E / red-soft #FBEAE6
   Fonts: Manrope 600-800 headings, Inter 400-700 body/data
   ──────────────────────────────────────────────────────────────────── */

/* Shared button primitives */
.se-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.38rem .72rem;border-radius:6px;font-family:Inter,system-ui,sans-serif;font-size:.78rem;font-weight:600;line-height:1.3;white-space:nowrap;cursor:pointer;border:1px solid transparent;transition:background .12s,border-color .12s,color .12s}
.se-btn:disabled{opacity:.45;cursor:not-allowed}
.se-btn-ghost{background:transparent;border-color:#E7E3D9;color:#5B6472}.se-btn-ghost:hover:not(:disabled){background:#FAF9F5;border-color:#c8c3b8;color:#101826}
.se-btn-outline{background:#fff;border-color:#E7E3D9;color:#101826}.se-btn-outline:hover:not(:disabled){background:#FAF9F5;border-color:#0B1F3A;color:#0B1F3A}
.se-btn-navy{background:#0B1F3A;border-color:#0B1F3A;color:#fff}.se-btn-navy:hover:not(:disabled){background:#122C52;border-color:#122C52}
.se-btn-black{background:#101826;border-color:#101826;color:#fff}.se-btn-black:hover:not(:disabled){background:#1e2736;border-color:#1e2736}
.se-btn-ghost-sm,.se-btn-outline-sm,.se-btn-navy-sm{font-size:.74rem;padding:.28rem .56rem;border-radius:5px;font-family:Inter,system-ui,sans-serif;font-weight:600;white-space:nowrap;cursor:pointer;display:inline-flex;align-items:center;gap:.25rem;border:1px solid transparent;transition:background .12s,border-color .12s,color .12s}
.se-btn-ghost-sm:disabled,.se-btn-outline-sm:disabled,.se-btn-navy-sm:disabled{opacity:.45;cursor:not-allowed}
.se-btn-ghost-sm{background:transparent;border-color:#E7E3D9;color:#5B6472}.se-btn-ghost-sm:hover:not(:disabled){background:#FAF9F5;color:#101826}
.se-btn-outline-sm{background:#fff;border-color:#E7E3D9;color:#101826}.se-btn-outline-sm:hover:not(:disabled){background:#FAF9F5;border-color:#0B1F3A;color:#0B1F3A}
.se-btn-red{border-color:#B0432E;color:#B0432E}.se-btn-red:hover:not(:disabled){background:#FBEAE6;border-color:#8f2f1e}
.se-btn-navy-sm{background:#0B1F3A;border-color:#0B1F3A;color:#fff}.se-btn-navy-sm:hover:not(:disabled){background:#122C52;border-color:#122C52}

/* ── 1. TOP TOOLBAR ──────────────────────────────────────────────────── */
.se-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.se-toolbar-left{display:flex;align-items:center;gap:.6rem;min-width:0}
.se-toolbar-right{display:flex;align-items:center;gap:.4rem;flex-shrink:0;flex-wrap:wrap}
.se-back{display:grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:6px;border:1px solid #E7E3D9;background:#fff;color:#5B6472;text-decoration:none;flex:none;transition:background .12s,color .12s}.se-back:hover{background:#FAF9F5;color:#0B1F3A}
.se-breadcrumb{display:flex;align-items:center;gap:.35rem;min-width:0;font-family:Inter,system-ui,sans-serif}
.se-bc-page{font-family:Manrope,Inter,sans-serif;font-weight:700;font-size:.88rem;color:#101826;white-space:nowrap}
.se-bc-sep{color:#8B93A0;font-size:.8rem;flex:none}
.se-bc-project{font-size:.84rem;font-weight:500;color:#5B6472;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.se-status-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.22rem .55rem;border-radius:100px;background:#E8F3EC;color:#1F7A4D;font-family:Inter,system-ui,sans-serif;font-size:.72rem;font-weight:600;flex:none}
.se-status-dot{width:.45rem;height:.45rem;border-radius:50%;background:#1F7A4D;flex:none}
.se-btn-cluster{display:flex;align-items:center;gap:0}.se-btn-cluster .se-btn-outline{border-radius:0}.se-btn-cluster form:first-child .se-btn-outline{border-radius:6px 0 0 6px}.se-btn-cluster form:last-child .se-btn-outline{border-radius:0 6px 6px 0;border-left-color:transparent}.se-btn-cluster form:last-child .se-btn-outline:hover:not(:disabled){border-left-color:#0B1F3A}
.se-toolbar-divider{width:1px;height:1.4rem;background:#E7E3D9;margin:0 .15rem;flex:none}

/* ── 2. NARRATION GENERATION CARD ───────────────────────────────────── */
.se-narration-card{background:#fff;border:1px solid #E7E3D9;border-radius:10px;box-shadow:0 1px 2px rgba(11,31,58,.04),0 6px 16px -8px rgba(11,31,58,.08);overflow:hidden}
.se-narration-header{display:flex;align-items:center;gap:.75rem;padding:.65rem .85rem;flex-wrap:wrap}
.se-narration-title-group{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}
.se-narration-title-group strong{font-family:Manrope,Inter,sans-serif;font-weight:700;font-size:.9rem;color:#101826}
.se-narration-subtitle{font-family:Inter,system-ui,sans-serif;font-size:.76rem;color:#8B93A0}
.se-narration-controls{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;flex-shrink:0}
.se-lang-form{display:flex;align-items:center;gap:.3rem}
.se-lang-input{height:1.9rem;padding:.25rem .45rem;border:1px solid #E7E3D9;border-radius:5px;font-family:Inter,system-ui,sans-serif;font-size:.76rem;color:#101826;width:6rem;background:#FAF9F5}
.se-lang-input:focus{outline:2px solid #0B1F3A;outline-offset:1px;border-color:#0B1F3A}
.se-progress-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.22rem .55rem;border-radius:100px;background:#FAF9F5;border:1px solid #E7E3D9;color:#5B6472;font-family:Inter,system-ui,sans-serif;font-size:.73rem;font-weight:700;font-variant-numeric:tabular-nums;flex:none}.se-progress-chip svg{flex:none;color:#8B93A0}
.se-chip-complete{background:#E8F3EC;border-color:#a3d9bc;color:#1F7A4D}.se-chip-complete svg{color:#1F7A4D}
.se-narration-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .85rem;border-top:1px dashed #E7E3D9;background:#FAF9F5;flex-wrap:wrap}
.se-narration-actions{display:flex;align-items:center;gap:.35rem}
.se-narration-stats{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap;font-family:Inter,system-ui,sans-serif;font-size:.725rem;font-variant-numeric:tabular-nums}
.se-stat{display:inline-flex;align-items:baseline;gap:.2rem}
.se-stat-label{color:#8B93A0}
.se-stat-val{color:#101826;font-weight:600}
.se-stat-dot{color:#D0CCC3;font-size:.7rem;line-height:1}
.se-stat-dot-lg{margin:0 .1rem}
.se-manual-note{display:inline-flex;align-items:center;gap:.25rem;color:#8B93A0;font-style:normal}.se-manual-note svg{flex:none;color:#B8912F}

/* ── 3. TAB + PROGRESS RAIL ─────────────────────────────────────────── */
.se-subbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-bottom:.65rem;border-bottom:1px solid #E7E3D9;flex-wrap:wrap}
.se-tabs{display:flex;align-items:center;gap:.15rem;background:#FAF9F5;border:1px solid #E7E3D9;border-radius:8px;padding:.25rem}
.se-tab{font-family:Inter,system-ui,sans-serif;font-size:.78rem;font-weight:500;color:#8B93A0;padding:.28rem .6rem;border-radius:5px;text-decoration:none;white-space:nowrap;transition:background .12s,color .12s}.se-tab:hover{color:#5B6472}
.se-tab-active{background:#fff;color:#0B1F3A;font-weight:700;box-shadow:0 1px 3px rgba(11,31,58,.1)}
.se-tab-done{color:#1F7A4D}
.se-tab-sep{color:#D0CCC3;font-size:.75rem;padding:0 .05rem;flex:none}
.se-progress-badges{display:flex;align-items:center;gap:.4rem}
.se-badge{font-family:Inter,system-ui,sans-serif;font-size:.72rem;font-weight:600;font-variant-numeric:tabular-nums;padding:.22rem .5rem;border-radius:6px;background:#FAF9F5;border:1px solid #E7E3D9;color:#5B6472;white-space:nowrap}
.se-badge-green{background:#E8F3EC;border-color:#a3d9bc;color:#1F7A4D}
.se-help-btn{border:1px solid #E7E3D9;background:#fff;border-radius:50%;width:1.5rem;height:1.5rem;font-family:Inter,system-ui,sans-serif;font-size:.72rem;font-weight:700;color:#8B93A0;cursor:pointer;display:grid;place-items:center;flex:none}.se-help-btn:hover{background:#FAF9F5;color:#5B6472}

/* ── 4. MULTI-LANGUAGE AUDIO — optional compact track manager ─────── */
.se-audio-card{position:relative;background:#fff;border:1px solid #E7E3D9;border-radius:10px;box-shadow:0 4px 18px rgba(11,31,58,.06)}
.se-audio-header{display:flex;align-items:center;gap:.65rem;padding:.62rem .8rem}.se-audio-icon-tile{display:grid;place-items:center;flex:none;width:2rem;height:2rem;border-radius:7px;background:#0B1F3A;color:#fff;font-size:.75rem}.se-audio-title-group{display:flex;flex:1;min-width:0;flex-direction:column}.se-audio-title-group strong{font:700 .86rem Manrope,Inter,sans-serif;color:#101826}.se-audio-title-group span,.se-audio-title-group small{font-size:.69rem;color:#8B93A0}.se-audio-title-group .language-summary{color:#5B6472;font-weight:600}.se-audio-toggle{flex:none}.se-toggle-chevron{display:inline-block;margin-left:.1rem;transition:transform .18s}[aria-expanded=true] .se-toggle-chevron{transform:rotate(90deg)}
#multilingual-audio-content{padding:.65rem .8rem .75rem;border-top:1px solid #E7E3D9}.primary-audio-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.55rem;padding:.5rem .6rem;border:1px solid #E1E7F0;border-radius:8px;background:#F7F9FC}.master-language-icon{display:grid;place-items:center;width:1.8rem;height:1.8rem;border-radius:6px;background:#17386d;color:#fff;font-size:.62rem}.master-language-copy{display:flex;min-width:0;flex-direction:column}.master-language-copy strong{font-size:.76rem;color:#172033}.master-language-copy small{font-size:.65rem;color:#758198}.status-badge{display:inline-flex;border-radius:99px;padding:.16rem .42rem;background:#EEF2F7;color:#536174;font-size:.62rem;font-weight:700;white-space:nowrap}.status-ready{background:#E8F3EC;color:#1F7A4D}.status-failed{background:#FBEAE6;color:#B0432E}.status-stale{background:#FFF2D8;color:#815B05}
.language-picker{position:absolute;z-index:30;top:3.2rem;right:.8rem;width:min(390px,calc(100% - 1.6rem));max-height:560px;border:1px solid #D8DEE8;border-radius:10px;background:#fff;box-shadow:0 18px 50px rgba(11,31,58,.2);overflow:hidden}.language-picker-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:.75rem;border-bottom:1px solid #E7E3D9}.language-picker-head>div{display:flex;min-width:0;flex-direction:column}.language-picker-head strong{font-size:.84rem}.language-picker-head small{font-size:.65rem;color:#758198}.language-picker-head .language-picker-close{display:grid;place-items:center;flex:none;width:1.75rem;height:1.75rem;border:1px solid #D8DEE8;border-radius:6px;background:#fff;color:#536174;font-size:1.15rem;line-height:1}.language-picker-head .language-picker-close:hover{background:#F5F7FA;color:#101826}.language-search{display:block;padding:.6rem .7rem}.language-suggestions{display:flex;gap:.4rem;padding:0 .7rem .5rem;font-size:.65rem;color:#758198}.language-options{max-height:350px;overflow:auto;padding:0 .7rem}.language-options section{margin-bottom:.55rem}.language-options h4{position:sticky;top:0;margin:0;padding:.3rem 0;background:#fff;color:#8B93A0;font-size:.61rem;letter-spacing:.06em;text-transform:uppercase}.language-options label{display:flex;align-items:center;gap:.55rem;min-height:42px;padding:.3rem;border-radius:6px;cursor:pointer}.language-options label:hover{background:#F7F9FC}.language-options label>span{display:flex;flex-direction:column}.language-options label strong{font-size:.72rem}.language-options label small{font-size:.61rem;color:#758198}.language-picker-footer{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.6rem .7rem;border-top:1px solid #E7E3D9;background:#fff;font-size:.68rem}.language-picker-footer>div{display:flex;gap:.4rem}.language-empty{font-size:.7rem;color:#758198}
.multilingual-tools{display:flex;align-items:end;justify-content:space-between;margin:.7rem 0 .35rem}.multilingual-selection{display:flex;flex-direction:column}.multilingual-selection strong{font-size:.75rem}.multilingual-selection span,.multilingual-text-action{font-size:.65rem}.multilingual-text-action{border:0;background:none;color:#245a9a;font-weight:700}.language-table{border:1px solid #E4E8EF;border-radius:8px;overflow:visible}.language-row{display:grid;grid-template-columns:24px minmax(145px,1.35fr) minmax(90px,1fr) minmax(120px,1fr) minmax(100px,.9fr) minmax(140px,1.2fr);align-items:center;gap:.35rem;min-height:56px;padding:.3rem .45rem;border-bottom:1px solid #EDF0F4;font-size:.69rem}.language-row:last-child{border-bottom:0}.language-header{min-height:30px;background:#F8F9FB;color:#8B93A0;font-size:.6rem;font-weight:700;text-transform:uppercase}.language-row.is-selected{background:#F7FAFF}.language-name{display:flex;min-width:0;flex-direction:row;align-items:center;justify-content:space-between;gap:.3rem}.language-name>span{display:flex;min-width:0;flex-direction:column}.language-name label{overflow:hidden;color:#172033;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.language-name code{font-size:.6rem}.language-name em{width:max-content;border-radius:3px;background:#EEE9FF;padding:0 .2rem;font-size:.54rem;font-style:normal}.language-name form{flex:none}.track-remove{display:grid;place-items:center;width:1.45rem;height:1.45rem;padding:0;border:1px solid transparent;border-radius:5px;background:transparent;color:#8B93A0;font-size:1rem;line-height:1}.track-remove:hover,.track-remove:focus-visible{border-color:#E9B9AE;background:#FBEAE6;color:#B0432E}.narration-state{color:#536174}.language-voice select{width:100%;font-size:.65rem}.language-row [data-progress-message]{display:block;overflow:hidden;max-width:140px;color:#B0432E;font-size:.58rem;text-overflow:ellipsis;white-space:nowrap}.language-row progress{width:100%;height:3px}.language-actions{display:flex;align-items:center;flex-wrap:wrap}.language-actions .btn{padding:.16rem .25rem;font-size:.62rem}.track-more{position:relative}.track-more summary{cursor:pointer;color:#245a9a}.track-more>div{position:absolute;z-index:4;right:0;width:180px;padding:.45rem;border:1px solid #D8DEE8;border-radius:7px;background:#fff;box-shadow:0 8px 20px rgba(11,31,58,.12);font-size:.6rem}
.multilingual-generate-bar{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.45rem;margin-top:.6rem;padding-top:.55rem;border-top:1px solid #E7E3D9}.multilingual-generate-bar>[role=status]{font-size:.64rem;color:#758198}.credit-estimate{display:flex;grid-column:1;gap:.65rem;color:#758198;font-size:.58rem}.credit-estimate span{display:flex;flex-direction:column}.credit-estimate strong{color:#536174}.multilingual-generate{grid-column:2;grid-row:1/3;border:0;border-radius:7px;background:#17386D;color:#fff;padding:.42rem .6rem;text-align:left;font-size:.68rem}.multilingual-generate small{display:block;font-size:.56rem;opacity:.75}.multilingual-generate>span:last-child{display:none}.multilingual-generate:disabled{background:#DDE2E9;color:#7B8492}.empty-language-state{display:flex;align-items:center;gap:.65rem;margin-top:.6rem;padding:.65rem;border:1px dashed #CCD4E0;border-radius:8px}.empty-language-state strong{font-size:.72rem}.empty-language-state span{flex:1;font-size:.65rem;color:#758198}.audio-preview-bar{display:grid;grid-template-columns:auto minmax(130px,220px) 1fr auto;align-items:center;gap:.45rem;margin-top:.65rem;padding:.35rem .45rem;border-radius:8px;background:#101D35}.audio-preview-bar button,.audio-preview-bar a{border:0;background:none;color:#fff}.audio-preview-bar audio{width:100%;height:30px}.no-generated-tracks{margin:.55rem 0 0;color:#8B93A0;font-size:.65rem}.glossary-settings{margin-top:.55rem;font-size:.65rem;color:#536174}
@media(max-width:760px){.add-language-trigger{display:none}.language-row{grid-template-columns:24px minmax(0,1fr) auto}.language-header{display:none}.language-row>span:nth-child(3),.language-row>span:nth-child(4){grid-column:2}.language-row>span:nth-child(5){grid-column:3;grid-row:1}.language-actions{grid-column:2/4}.multilingual-generate-bar{display:block}.credit-estimate{margin:.4rem 0;flex-wrap:wrap}.multilingual-generate{width:100%}.audio-preview-bar{grid-template-columns:auto 1fr auto}.audio-preview-bar audio{grid-column:1/4}.empty-language-state{align-items:flex-start;flex-direction:column}}

/* ── 5. RENDER SETTINGS STRIP ───────────────────────────────────────── */
.se-settings-strip{display:flex;align-items:center;flex-wrap:wrap;gap:.3rem .1rem;background:#FAF9F5;border:1px solid #E7E3D9;border-radius:10px;padding:.5rem .75rem;box-shadow:0 1px 2px rgba(11,31,58,.04),0 6px 16px -8px rgba(11,31,58,.06)}
.se-strip-pop{position:relative}
.se-strip-pop>summary{list-style:none;cursor:pointer;padding:.3rem .45rem;border-radius:5px;font-family:Inter,system-ui,sans-serif;font-size:.76rem;color:#5B6472;white-space:nowrap;transition:background .1s;user-select:none}
.se-strip-pop>summary::-webkit-details-marker{display:none}
.se-strip-pop>summary:hover{background:#ede9df;color:#101826}
.se-strip-label strong{font-weight:700;color:#101826;margin-left:.15rem}
.se-strip-pop>.toolbar-panel{top:calc(100% + .4rem);left:0}
.se-dot{color:#C8C3B8;font-size:.7rem;padding:0 .1rem;user-select:none;flex:none}
.se-check{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .45rem;border-radius:5px;font-family:Inter,system-ui,sans-serif;font-size:.76rem;color:#5B6472;cursor:pointer;white-space:nowrap;margin:0;user-select:none}.se-check:hover{background:#ede9df;color:#101826}
.se-resolution{padding:.28rem .52rem;border-radius:5px;font-family:Inter,system-ui,sans-serif;font-size:.73rem;font-weight:700;color:#B8912F;background:rgba(184,145,47,.08);border:1px solid rgba(184,145,47,.25);white-space:nowrap;font-variant-numeric:tabular-nums}
.se-save-settings{margin-left:auto}

/* ── Responsive: ≤900px wrap gracefully ────────────────────────────── */
@media(max-width:900px){
  .se-toolbar{align-items:flex-start}
  .se-toolbar-right{flex-wrap:wrap}
  .se-narration-header{gap:.55rem}
  .se-narration-controls{gap:.3rem}
  .se-narration-footer{gap:.5rem}
  .se-narration-stats{gap:.25rem}
  .se-subbar{gap:.5rem}
}
@media(max-width:600px){
  .se-toolbar{display:block}
  .se-toolbar-right{margin-top:.55rem;flex-wrap:wrap}
  .se-btn-cluster{flex-wrap:wrap}.se-btn-cluster form:first-child .se-btn-outline,.se-btn-cluster form:last-child .se-btn-outline{border-radius:6px}.se-btn-cluster form:last-child .se-btn-outline{border-left-color:#E7E3D9}
  .se-audio-title-group span{display:none}
  .se-narration-footer{flex-direction:column;align-items:flex-start}
  .se-strip-pop>.toolbar-panel{position:fixed;top:auto;left:1rem;right:1rem;width:auto}
}

/* ── sc-*: Scene Card — ultra-compact premium redesign ─────────────────
   Same design tokens as se-* toolbar: no new palette.
   navy #0B1F3A · gold #B8912F · cream #FAF9F5 · paper #FFFFFF
   line #E7E3D9 · ink #101826 · ink-soft #5B6472 · ink-faint #8B93A0
   green #1F7A4D / green-soft #E8F3EC · red #B0432E / red-soft #FBEAE6
   Fonts: Manrope 700-800 labels, Inter 400-700 body/data
   ────────────────────────────────────────────────────────────────── */
.sc-card{background:#fff;border:1px solid #E7E3D9;border-radius:10px;box-shadow:0 1px 2px rgba(11,31,58,.04),0 6px 16px -8px rgba(11,31,58,.08);overflow:visible}
.sc-header{display:flex;align-items:center;justify-content:space-between;padding:.45rem .75rem;border-bottom:1px solid #E7E3D9;min-height:36px;gap:.5rem}
.sc-header-left{display:flex;align-items:center;gap:.45rem;min-width:0}
.sc-number{font-family:Manrope,Inter,sans-serif;font-weight:800;font-size:.84rem;color:#101826;white-space:nowrap}
.sc-pill{display:inline-flex;align-items:center;gap:.28rem;padding:.16rem .48rem;border-radius:100px;font-family:Inter,system-ui,sans-serif;font-size:.69rem;font-weight:600;flex:none}
.sc-dot{width:.38rem;height:.38rem;border-radius:50%;flex:none}
.sc-pill-green{background:#E8F3EC;color:#1F7A4D}.sc-pill-green .sc-dot{background:#1F7A4D}
.sc-pill-warn{background:#FEF3C7;color:#92400E}.sc-pill-warn .sc-dot{background:#D97706}
.sc-summary{display:grid;grid-template-columns:104px minmax(0,1fr);gap:.65rem;padding:.6rem .75rem;cursor:pointer;list-style:none;align-items:start}
.sc-summary::-webkit-details-marker{display:none}
.sc-thumb{position:relative;width:104px;height:66px;border-radius:7px;overflow:hidden;border:2px solid transparent;background:#E7E3D9;flex:none}
.sc-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.sc-thumb-focus{position:absolute;border:2px solid #0d6efd;background:rgba(13,110,253,.10);box-shadow:0 0 0 9999px rgba(15,23,42,.22);pointer-events:none}
.sc-thumb-cap{position:absolute;bottom:0;left:0;right:0;padding:.16rem .3rem;font-size:.58rem;color:#fff;background:rgba(11,31,58,.72);font-family:Inter,system-ui,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}
.sc-thumb.sc-thumb-active{border-color:#B0432E}
.sc-meta{display:flex;flex-direction:column;gap:.26rem;min-width:0}
.sc-meta-l1{display:flex;align-items:center;gap:.32rem;min-width:0;flex-wrap:nowrap}
.sc-filename{font-family:Inter,system-ui,sans-serif;font-weight:600;font-size:.79rem;color:#101826;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1 1 0}
.sc-sep-dot{color:#D0CCC3;font-size:.68rem;flex:none}
.sc-dur-text{font-family:Inter,system-ui,sans-serif;font-size:.76rem;color:#5B6472;font-variant-numeric:tabular-nums;flex:none;white-space:nowrap}
.sc-chip-audio{display:inline-flex;align-items:center;padding:.1rem .35rem;border-radius:4px;background:#E8F3EC;color:#1F7A4D;font-family:Inter,system-ui,sans-serif;font-size:.67rem;font-weight:600;flex:none;white-space:nowrap}
.sc-meta-l2{display:flex;align-items:baseline;gap:.35rem;min-width:0}
.sc-lbl-upper{font-family:Inter,system-ui,sans-serif;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#0B1F3A;flex:none;white-space:nowrap}
.sc-narr-txt{font-family:Inter,system-ui,sans-serif;font-size:.77rem;color:#5B6472;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1 1 0}
.sc-meta-l3{font-family:Inter,system-ui,sans-serif;font-size:.71rem;color:#8B93A0;display:flex;align-items:center;gap:.22rem;flex-wrap:wrap;font-variant-numeric:tabular-nums;line-height:1.4}
.sc-meta-l4{display:flex;align-items:center;gap:.28rem;flex-wrap:wrap;margin-top:.04rem}
.sc-tag{display:inline-flex;align-items:center;padding:.12rem .35rem;border-radius:4px;background:#FAF9F5;border:1px solid #E7E3D9;font-family:Inter,system-ui,sans-serif;font-size:.67rem;color:#5B6472;white-space:nowrap}
.sc-edit-link{font-family:Inter,system-ui,sans-serif;font-size:.67rem;font-weight:600;color:#0B1F3A;cursor:pointer;margin-left:auto;text-decoration:underline;text-underline-offset:2px;white-space:nowrap;flex:none}
.sc-editor{border-top:1px solid #E7E3D9;padding:.7rem .75rem;display:flex;flex-direction:column;gap:.55rem}
.sc-voice-strip{display:flex;align-items:center;gap:.45rem;padding:.45rem .6rem;background:#FAF9F5;border-radius:7px;min-height:40px;flex-wrap:nowrap}
.sc-voice-lbl{font-family:Inter,system-ui,sans-serif;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#1F7A4D;flex:none;white-space:nowrap}
.sc-voice-dot-green{width:.38rem;height:.38rem;border-radius:50%;background:#1F7A4D;flex:none}
.sc-voice-play{display:grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:50%;background:#1F7A4D;color:#fff;border:0;cursor:pointer;font-size:.6rem;flex:none;transition:background .12s;line-height:1;padding:0}
.sc-voice-play:hover,.sc-voice-play.playing{background:#165f3c}
.sc-voice-upload .sc-voice-lbl{color:#5B6472}.sc-voice-upload .sc-voice-dot-green{background:#5B6472}
.sc-voice-upload .sc-voice-play{background:#0B1F3A}.sc-voice-upload .sc-voice-play:hover{background:#122C52}
.sc-voice-time{font-family:Inter,system-ui,sans-serif;font-size:.71rem;color:#5B6472;font-variant-numeric:tabular-nums;flex:none;white-space:nowrap}
.sc-voice-track{flex:1;min-width:32px;height:4px;background:#E7E3D9;border-radius:2px;cursor:pointer;position:relative;overflow:hidden}
.sc-voice-progress{height:100%;background:#1F7A4D;border-radius:2px;width:0%;pointer-events:none}
.sc-voice-upload .sc-voice-progress{background:#0B1F3A}
.sc-voice-dur{font-family:Inter,system-ui,sans-serif;font-size:.71rem;color:#8B93A0;font-variant-numeric:tabular-nums;flex:none;white-space:nowrap}
.sc-voice-remove{background:transparent;border:0;color:#B0432E;font-size:.75rem;cursor:pointer;padding:.1rem .15rem;line-height:1;flex:none;border-radius:3px}.sc-voice-remove:hover{background:#FBEAE6}
[data-voice-audio]{display:none}
.sc-actions-row{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}
.sc-gen-btn{white-space:nowrap}
.sc-seg{display:inline-flex;border:1px solid #E7E3D9;border-radius:7px;overflow:hidden;flex:none}
.sc-seg-item{margin:0;display:flex}
.sc-seg-item input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}
.sc-seg-item span{display:block;padding:.3rem .62rem;font-family:Inter,system-ui,sans-serif;font-size:.75rem;font-weight:500;color:#5B6472;cursor:pointer;white-space:nowrap;border-right:1px solid #E7E3D9;transition:background .1s,color .1s;line-height:1.4}
.sc-seg-item:last-child span{border-right:0}
.sc-seg-item input:checked+span{background:#0B1F3A;color:#fff;font-weight:600}
.sc-seg-item span:hover{background:#FAF9F5;color:#101826}
.sc-seg-item input:checked+span:hover{background:#122C52;color:#fff}
.sc-narr-edit-wrap{display:flex;flex-direction:column;gap:.28rem}
.sc-narr-edit-cap{display:block;margin-bottom:.05rem}
.sc-narr-edit-form{margin:0}
.sc-narr-edit-row{display:flex;align-items:flex-end;gap:.45rem}
.sc-narr-ta{flex:1;min-width:0;resize:vertical;font-family:Inter,system-ui,sans-serif;font-size:.82rem;border:1px solid #E7E3D9;border-radius:7px;padding:.4rem .5rem;color:#101826;background:#fff;line-height:1.45}
.sc-narr-ta:focus{outline:2px solid #0B1F3A;outline-offset:1px;border-color:#0B1F3A}
.sc-narr-save-btn{flex:none;align-self:flex-end;white-space:nowrap}
.sc-footer-fields{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
@media(max-width:640px){
  .sc-summary{grid-template-columns:1fr}
  .sc-thumb{width:100%;height:auto;aspect-ratio:16/9}
  .sc-footer-fields{grid-template-columns:1fr}
  .sc-actions-row{flex-direction:column;align-items:stretch}
  .sc-seg{width:100%}
  .sc-seg-item{flex:1}
  .sc-seg-item span{text-align:center;justify-content:center}
}

.motion-preview-zoom{display:inline-flex;align-items:center;gap:.35rem;margin-right:auto;color:#526173;font-size:.75rem}.motion-preview-zoom input{width:8rem}.motion-preview-zoom output{min-width:2.6rem;text-align:right;font-variant-numeric:tabular-nums}.motion-preview-zoom button{display:grid;place-items:center;width:1.75rem;height:1.75rem;padding:0;border:1px solid #9db4d0;border-radius:.3rem;background:#fff;color:#0d6efd;font-size:1rem}.highlight-preview-heading-actions{display:flex;align-items:center;gap:.4rem}.highlight-preview.is-section-collapsed{align-self:start}
.motion-stage.preview-paused *{animation-play-state:paused!important}

/* Compact browser screen recorder; intentionally scoped away from editor UI. */
.recorder-dialog{max-width:480px}.recorder-source{background:#FAF9F5;border:1px solid #E7E3D9;border-radius:8px;display:flex;flex-direction:column;padding:.65rem .75rem}.recorder-source strong{font-size:.82rem}.recorder-source span{color:#5B6472;font-size:.78rem}.recorder-source small{color:#8B93A0;margin-top:.2rem}.recorder-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}.recorder-specs span{background:#f7f8fa;border:1px solid #e5e8ed;border-radius:7px;display:flex;flex-direction:column;padding:.45rem .55rem}.recorder-specs small{color:#758198;font-size:.65rem;text-transform:uppercase}.recorder-specs strong{color:#172033;font-size:.76rem}.recorder-countdown{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:250px}.recorder-countdown strong{color:#B0432E;font:800 5rem/1 Manrope,Inter,sans-serif}.recorder-countdown span,.recorder-countdown small{color:#758198}.recorder-video{aspect-ratio:16/9;background:#101826;max-height:52vh}.recorder-metadata{display:flex;gap:1.5rem;margin-top:.65rem;color:#758198;font-size:.75rem}.recorder-metadata span{display:flex;flex-direction:column}.recorder-metadata strong{color:#172033}.recording-controls{align-items:center;background:#101826;border:1px solid #263b60;border-radius:10px;bottom:1.25rem;box-shadow:0 12px 30px rgba(0,0,0,.25);color:#fff;display:flex;gap:.65rem;left:50%;padding:.45rem .55rem;position:fixed;transform:translateX(-50%);z-index:1090}.recording-controls.d-none{display:none!important}.recording-controls.near-limit{outline:2px solid #f0c75e}.recording-rec{color:#ff7061;font-size:.72rem;font-weight:800;letter-spacing:.06em}.recording-rec i{animation:recording-pulse 1.2s infinite;background:#ff4d3d;border-radius:50%;display:inline-block;height:.5rem;width:.5rem}.recording-controls strong{font-variant-numeric:tabular-nums;min-width:3.2rem}@keyframes recording-pulse{50%{opacity:.35}}
@media(max-width:520px){.recorder-specs{grid-template-columns:1fr}.recording-controls{bottom:.5rem;width:calc(100% - 1rem);justify-content:center}}

/* Compact tenant context: only rendered when more than one active workspace exists. */
.dw-workspace-switcher{max-width:15rem;background-color:#fff}@media(max-width:575px){.dw-navbar .navbar-nav{gap:.25rem}.dw-workspace-switcher{max-width:100%;width:100%}}

/* Customer billing: compact premium panels using the application navy/cream tokens. */
.dw-credit-pill{align-items:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:7px;color:#fff;display:inline-flex;gap:.4rem;font-size:.72rem;margin-left:.5rem;padding:.3rem .5rem;text-decoration:none}.dw-credit-pill span{color:#cbd3df}.dw-credit-pill strong{font-variant-numeric:tabular-nums}.dw-credit-pill:hover,.dw-credit-pill.active{background:rgba(255,255,255,.18);color:#fff}
.dw-credit-pill svg{fill:none;height:.85rem;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;width:.85rem}
.account-menu{position:relative}.account-menu-trigger{align-items:center;background:transparent;border:1px solid transparent;border-radius:9px;color:#fff;display:flex;gap:.32rem;padding:.2rem .3rem;transition:background .15s,border-color .15s}.account-menu-trigger:hover,.account-menu-trigger[aria-expanded="true"]{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.15)}.account-menu-trigger:focus-visible{outline:3px solid rgba(139,160,255,.5);outline-offset:2px}.account-menu-trigger>svg{fill:none;height:.9rem;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:.9rem}.account-avatar{align-items:center;background:linear-gradient(135deg,#7c6cf2,#5a45d6);border:1px solid rgba(255,255,255,.35);border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.18);display:flex;font-size:.68rem;font-weight:800;height:2rem;justify-content:center;letter-spacing:.02em;width:2rem}.account-menu-panel{background:#fff;border:1px solid #e7e4ef;border-radius:11px;box-shadow:0 16px 40px rgba(15,23,42,.18);min-width:230px;padding:.35rem;position:absolute;right:0;top:calc(100% + .5rem);z-index:1050}.account-menu-panel[hidden]{display:none}.account-menu-header{border-bottom:1px solid #eeecf3;margin:0 .3rem .3rem;padding:.55rem .45rem .7rem}.account-menu-header strong,.account-menu-header span{display:block;max-width:205px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-menu-header strong{color:#1b2030;font-size:.79rem}.account-menu-header span{color:#7b8190;font-size:.68rem;margin-top:.14rem}.account-menu-panel>a,.account-menu-panel button{background:transparent;border:0;border-radius:7px;color:#3d4352;display:block;font-size:.76rem;padding:.48rem .55rem;text-align:left;text-decoration:none;width:100%}.account-menu-panel>a:hover,.account-menu-panel>a:focus,.account-menu-panel button:hover,.account-menu-panel button:focus{background:#f4f2fb;color:#4230a8;outline:0}.account-menu-panel>a.current{background:#eeebff;color:#4f3bc4;font-weight:700}.account-menu-panel form{border-top:1px solid #eeecf3;margin-top:.3rem;padding-top:.3rem}.account-menu-panel form button{color:#a53e43}

/* Premium workspace settings; deliberately scoped to this account surface. */
.settings-page{background:radial-gradient(circle at 88% 5%,rgba(112,89,218,.08),transparent 27rem),#f7f7fa}.settings-shell{margin:0 auto;max-width:1120px;padding:2rem 1.25rem 3rem}.settings-page-header{align-items:center;display:flex;gap:.85rem;margin-bottom:1.35rem}.settings-page-icon{align-items:center;background:linear-gradient(145deg,#eeebff,#e5e1fb);border:1px solid #dbd4fa;border-radius:12px;color:#5844c5;display:flex;font-size:1.15rem;height:2.8rem;justify-content:center;width:2.8rem}.settings-page-icon svg{fill:none;height:1.35rem;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.65;width:1.35rem}.settings-page-header h1{color:#181b27;font:800 1.55rem/1.2 Manrope,Inter,system-ui,sans-serif;margin:0}.settings-page-header p{color:#777d8c;font-size:.8rem;margin:.18rem 0 0}.settings-grid{align-items:start;display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.settings-column{display:flex;flex-direction:column;gap:1rem;min-width:0}.settings-card{background:#fff;border:1px solid #e8e6ed;border-radius:15px;box-shadow:0 1px 2px rgba(16,24,40,.025),0 10px 30px -22px rgba(43,34,90,.3);padding:1.1rem 1.15rem}.settings-card-head{align-items:flex-start;display:flex;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.settings-card-head>div{align-items:center;display:flex;gap:.65rem;min-width:0}.settings-card-icon{align-items:center;background:#f0edff;border-radius:8px;color:#604bcf;display:flex;flex:none;font-size:.82rem;height:1.85rem;justify-content:center;width:1.85rem}.settings-card h2{color:#202330;font-size:.94rem;font-weight:750;margin:0}.settings-card-head p{color:#858a98;font-size:.7rem;line-height:1.4;margin:.15rem 0 0}.status-badge{align-items:center;background:#eaf6ef;border-radius:100px;color:#28704a;display:inline-flex;flex:none;font-size:.65rem;font-weight:750;gap:.32rem;padding:.24rem .55rem;text-transform:capitalize}.status-badge i{background:#43a36c;border-radius:50%;height:.38rem;width:.38rem}.status-suspended,.status-closed{background:#fbebea;color:#9b423d}.status-suspended i,.status-closed i{background:#c45b52}.settings-details{margin:0}.settings-details>div{border-top:1px solid #f0eef3;display:grid;gap:.75rem;grid-template-columns:7.7rem minmax(0,1fr);padding:.67rem 0}.settings-details>div:first-child{border-top:0;padding-top:.15rem}.settings-details>div:last-child{padding-bottom:0}.settings-details dt{color:#858a98;font-size:.69rem;font-weight:600}.settings-details dd{align-items:center;color:#303442;display:flex;font-size:.76rem;font-weight:650;justify-content:flex-end;margin:0;min-width:0;text-align:right}.detail-icon{color:#7664d5;font-size:.85rem;margin-right:.35rem}.settings-code-row{display:block!important}.settings-code-row dt{margin-bottom:.4rem}.settings-code-row dd{background:#f7f7fa;border:1px solid #ebe9ef;border-radius:8px;display:flex;padding:.3rem .32rem .3rem .55rem;text-align:left}.settings-code-row code{color:#555b6a;display:block;font-size:.66rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.copy-code-button{align-items:center;background:#fff;border:1px solid #dedbe6;border-radius:6px;color:#5d4cc2;display:flex;flex:none;font-size:.65rem;font-weight:700;gap:.25rem;padding:.27rem .42rem}.copy-code-button:hover{background:#f0edff}.copy-code-button:focus-visible,.settings-button:focus-visible{outline:3px solid rgba(103,80,211,.25);outline-offset:2px}.copy-code-button svg{fill:none;height:.75rem;stroke:currentColor;stroke-width:1.8;width:.75rem}.settings-card-footer{border-top:1px solid #f0eef3;margin-top:.85rem;padding-top:.8rem}.settings-button{align-items:center;border-radius:8px;display:inline-flex;font-size:.72rem;font-weight:700;justify-content:center;line-height:1.25;padding:.48rem .78rem;text-decoration:none;transition:background .15s,box-shadow .15s}.settings-button.primary{background:linear-gradient(135deg,#6652d7,#5039bd);border:1px solid #5039bd;box-shadow:0 3px 9px rgba(79,57,189,.18);color:#fff}.settings-button.primary:hover{background:#4933ad;color:#fff}.settings-button.secondary{background:#fff;border:1px solid #dcd9e4;color:#4d5260}.settings-button.secondary:hover{background:#f7f6fa;color:#3d2e9d}.settings-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.5}.settings-form label{color:#414654;display:block;font-size:.7rem;font-weight:700;margin-bottom:.35rem}.settings-input{border-color:#dcd9e4;border-radius:8px;font-size:.77rem;min-height:2.35rem}.settings-input:focus{border-color:#826fe0;box-shadow:0 0 0 .2rem rgba(103,80,211,.12)}.settings-form .field-help,.permission-note{color:#9296a2;font-size:.66rem;margin:.35rem 0 .75rem}.field-error{color:#a33b3f;font-size:.68rem;margin-top:.3rem}.readonly-field{background:#f8f7fa;border:1px solid #ebe8ef;border-radius:9px;padding:.65rem .75rem}.readonly-field span,.readonly-field strong{display:block}.readonly-field span{color:#858a98;font-size:.67rem}.readonly-field strong{font-size:.78rem;margin-top:.14rem}.members-summary{align-items:center;background:#f8f7fb;border:1px solid #eeebf2;border-radius:10px;display:flex;justify-content:space-between;gap:1rem;padding:.72rem .8rem}.members-summary strong,.members-summary span{display:block}.members-summary strong{color:#282c39;font-size:.82rem}.members-summary div>span{color:#898e9b;font-size:.67rem;margin-top:.1rem}.members-summary a{color:#5844c5;font-size:.7rem;font-weight:750;text-decoration:none;white-space:nowrap}.members-summary a span{display:inline}.members-summary a:hover{text-decoration:underline}.settings-toast{background:#272232;border:1px solid #494052;border-radius:8px;bottom:1.25rem;box-shadow:0 8px 24px rgba(0,0,0,.18);color:#fff;font-size:.73rem;font-weight:650;left:50%;padding:.55rem .8rem;position:fixed;transform:translateX(-50%);z-index:1100}.settings-toast[hidden]{display:none}.break-value{overflow-wrap:anywhere}.profile-shell{max-width:650px}.profile-edit-card{padding:1.25rem}.profile-edit-card .settings-form{display:flex;flex-direction:column}.profile-edit-card .settings-form label:not(:first-child){margin-top:.9rem}.profile-form-actions{display:flex;gap:.5rem;margin-top:.25rem}
@media(max-width:991px){.dw-navbar .navbar-collapse{padding:.75rem 0}.dw-navbar .navbar-nav{align-items:stretch!important;gap:.3rem}.dw-credit-pill{margin-left:0;width:max-content}.account-menu{margin-top:.15rem}.account-menu-panel{left:0;right:auto}.account-menu-trigger{width:max-content}}
@media(max-width:760px){.settings-grid{grid-template-columns:1fr}.settings-shell{padding:1.4rem .85rem 2.5rem}.settings-card{padding:1rem}.settings-page-header{margin-bottom:1rem}.settings-page-header h1{font-size:1.3rem}}
@media(max-width:430px){.settings-details>div{gap:.35rem;grid-template-columns:1fr}.settings-details dd{justify-content:flex-start;text-align:left}.settings-code-row dd{display:flex}.members-summary{align-items:flex-start;flex-direction:column}.members-summary a{border-top:1px solid #e8e5ed;padding-top:.55rem;width:100%}.settings-button{width:100%}.profile-form-actions{flex-direction:column}.account-menu-panel{max-width:calc(100vw - 1.7rem);min-width:220px}}
.billing-shell{color:#101826;display:flex;flex-direction:column;gap:1rem;max-width:1180px;margin:0 auto}.billing-heading{align-items:end;display:flex;justify-content:space-between}.billing-heading h1{font:800 1.75rem/1.15 Manrope,Inter,sans-serif;margin:.15rem 0}.billing-heading p,.billing-panel p{color:#5B6472;margin:0}.billing-kicker{color:#8B93A0;font-size:.65rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.billing-wallet{background:linear-gradient(135deg,#0B1F3A,#17386d);border-radius:12px;box-shadow:0 8px 24px rgba(11,31,58,.16);color:#fff;display:flex;justify-content:space-between;gap:1.5rem;padding:1.1rem 1.25rem}.billing-wallet h2{color:#cbd5e1;font-size:.76rem;font-weight:600;margin:.25rem 0}.billing-balance{align-items:baseline;display:flex;gap:.5rem}.billing-balance strong{font:800 2.4rem/1 Manrope,Inter,sans-serif}.billing-balance span{color:#dbe4ef;font-size:.85rem}.billing-wallet p{color:#aebbd0;font-size:.74rem;margin:.45rem 0 0}.billing-wallet-side{align-items:flex-end;display:flex;flex-direction:column;justify-content:space-between;text-align:right}.billing-wallet-side>div>span,.billing-wallet-side small{color:#aebbd0;display:block;font-size:.68rem}.billing-wallet-side>div>strong{font-size:1.25rem}.billing-actions{display:flex;gap:.45rem}.billing-wallet .btn-outline-secondary{border-color:#8090aa;color:#fff}.billing-wallet .btn-outline-secondary:hover{background:#fff;color:#0B1F3A}.billing-section,.billing-panel{background:#fff;border:1px solid #E7E3D9;border-radius:10px;box-shadow:0 1px 2px rgba(11,31,58,.04);padding:.9rem 1rem}.billing-section-head{align-items:end;display:flex;justify-content:space-between;gap:1rem;margin-bottom:.7rem}.billing-section-head h2,.billing-panel h2{font:750 1rem/1.2 Manrope,Inter,sans-serif;margin:.12rem 0}.billing-section-head>small{color:#8B93A0}.credit-pack-grid{display:grid;gap:.65rem;grid-template-columns:repeat(4,minmax(0,1fr))}.credit-pack-card{border:1px solid #E7E3D9;border-radius:9px;display:flex;flex-direction:column;gap:.5rem;padding:.75rem;transition:border-color .15s,box-shadow .15s}.credit-pack-card:hover{border-color:#b8c5d8;box-shadow:0 5px 14px rgba(11,31,58,.07)}.credit-pack-card h3{font-size:.88rem;font-weight:750;margin:0}.credit-pack-card p{color:#8B93A0;font-size:.69rem;line-height:1.35;margin:.15rem 0 0}.pack-value{align-items:baseline;display:flex;gap:.3rem}.pack-value strong{font-size:1.45rem}.pack-value span{color:#5B6472;font-size:.72rem}.pack-price{font-size:.9rem;font-weight:750}.pack-price small{color:#8B93A0;font-size:.62rem}.credit-pack-card .btn{font-size:.75rem;margin-top:auto;padding:.36rem .6rem}.billing-table{margin:0 -.15rem}.billing-table .table{font-size:.75rem;margin:0}.billing-table th{border-bottom-color:#E7E3D9;color:#8B93A0;font-size:.62rem;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.billing-table td{border-color:#f0eee8}.billing-empty{color:#8B93A0;padding:.8rem!important;text-align:center}.credit-positive:before{content:"Added ";font-size:0}.credit-positive{color:#1F7A4D}.credit-negative:before{content:"Used ";font-size:0}.credit-negative{color:#B0432E}.billing-status,.billing-badge{border-radius:100px;display:inline-flex;font-size:.67rem;font-weight:700;padding:.18rem .48rem}.status-fulfilled{background:#E8F3EC;color:#1F7A4D}.status-failed,.status-cancelled{background:#FBEAE6;color:#B0432E}.status-created,.status-order_created,.status-pending{background:#FEF3C7;color:#92400E}.billing-coming{align-items:center;background:#FAF9F5;display:flex;justify-content:space-between}.billing-badge{background:#e8edf5;color:#17386d;white-space:nowrap}
.billing-history{background:#fff;border:1px solid #E7E3D9;border-radius:10px;box-shadow:0 1px 2px rgba(11,31,58,.04);overflow:hidden}.billing-tabs-scroll{border-bottom:1px solid #E7E3D9;overflow-x:auto;scrollbar-width:thin}.billing-tabs{display:flex;min-width:max-content;padding:0 .75rem}.billing-tab{background:transparent;border:0;border-bottom:2px solid transparent;color:#737C89;font-size:.78rem;font-weight:700;margin-bottom:-1px;padding:.75rem .85rem .67rem;white-space:nowrap}.billing-tab:hover{color:#17386d}.billing-tab:focus-visible{border-radius:5px 5px 0 0;box-shadow:inset 0 0 0 2px rgba(37,99,235,.25);outline:0}.billing-tab.is-active{border-bottom-color:#2563EB;color:#17386d}.billing-tab-content{padding:.9rem 1rem}.billing-tab-panel:focus{outline:0}.billing-tab-panel[hidden]{display:none}.billing-tab-panel>div>h2{font:750 1rem/1.2 Manrope,Inter,sans-serif;margin:.12rem 0}.billing-tab-panel>div>p{color:#5B6472;margin:.35rem 0 0}.billing-historical-subscription{border-top:1px solid #E7E3D9;margin-top:1rem;padding-top:.8rem}.billing-historical-subscription h3{font-size:.8rem;font-weight:750;margin:0}
@media(max-width:900px){.credit-pack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dw-navbar .navbar-nav{flex-wrap:wrap}}
@media(max-width:575px){.dw-credit-pill{margin-left:0}.billing-wallet{flex-direction:column}.billing-wallet-side{align-items:stretch;text-align:left}.billing-actions{margin-top:.65rem}.billing-actions .btn{flex:1}.credit-pack-grid{grid-template-columns:1fr}.credit-pack-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.credit-pack-card .pack-value,.credit-pack-card .btn,.credit-pack-card>small{grid-column:1/3}.pack-price{text-align:right}.billing-section,.billing-panel{padding:.75rem}.billing-tabs{padding:0 .25rem}.billing-tab{padding-left:.7rem;padding-right:.7rem}.billing-tab-content{padding:.75rem}.billing-table thead{display:none}.billing-table table,.billing-table tbody,.billing-table tr,.billing-table td{display:block;width:100%}.billing-table tr{border-bottom:1px solid #E7E3D9;padding:.45rem 0}.billing-table tr:last-child{border:0}.billing-table td{border:0;display:flex;justify-content:space-between;gap:1rem;padding:.18rem .35rem;text-align:right}.billing-table td:before{color:#8B93A0;content:attr(data-label);font-size:.62rem;font-weight:700;text-align:left;text-transform:uppercase}.billing-table td[colspan]{display:block}.billing-table td[colspan]:before{display:none}}

.credit-usage-grid{display:grid;gap:.65rem;grid-template-columns:repeat(4,minmax(0,1fr))}.credit-usage-item{border-left:2px solid #dbe4ef;display:flex;flex-direction:column;padding-left:.65rem}.credit-usage-item strong{font-size:.8rem}.credit-usage-item span,.credit-free-note{color:#5B6472;font-size:.72rem}.credit-free-note{margin:.75rem 0 0}@media(max-width:900px){.credit-usage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:575px){.credit-usage-grid{grid-template-columns:1fr}}
.credit-usage-item small,.credit-usage-example{color:#8B93A0;font-size:.66rem;margin:0}.credit-usage-example{grid-column:1/-1}
.billing-related-item span{display:block;max-width:34rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Global application shell */
.app-sidebar{background:#111522;border-right:1px solid #252a3a;color:#eef0f7;display:flex;flex-direction:column;height:100dvh;left:0;padding:.85rem .75rem .7rem;position:fixed;top:0;width:250px;z-index:1045}.app-icon-defs{height:0;position:absolute;width:0}.app-sidebar-top{align-items:center;display:flex;justify-content:space-between;min-height:40px;padding:0 .35rem}.app-brand{align-items:center;color:#fff;display:flex;gap:.62rem;font-size:.95rem;letter-spacing:-.02em;text-decoration:none}.app-brand>span{align-items:center;background:#6652d7;border-radius:8px;display:flex;font-size:.76rem;font-weight:800;height:28px;justify-content:center;width:28px}.app-sidebar-close{background:transparent;border:0;border-radius:6px;color:#aeb4c4;display:none;font-size:1.5rem;line-height:1;padding:.15rem .35rem}.workspace-card{align-items:center;background:#191e2d;border:1px solid #292f40;border-radius:10px;display:flex;gap:.6rem;margin:.75rem 0 1rem;padding:.58rem}.workspace-mark{align-items:center;background:#2d3447;border-radius:7px;color:#bbb0ff;display:flex;flex:0 0 auto;font-size:.72rem;font-weight:800;height:30px;justify-content:center;width:30px}.workspace-card form,.workspace-card a{display:block;min-width:0;width:100%;text-decoration:none}.workspace-card strong,.workspace-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-card strong,.workspace-card select{color:#f2f3f7;font-size:.75rem;font-weight:700}.workspace-card small{color:#8f96a8;font-size:.63rem;margin-top:.1rem}.workspace-card select{appearance:none;background:transparent;border:0;cursor:pointer;max-width:100%;outline:0;padding:0;width:100%}.workspace-card select option{background:#191e2d}.workspace-card:hover{background:#1e2434;border-color:#343b50}.app-sidebar-nav{display:flex;flex:1;flex-direction:column;gap:.8rem;min-height:0;overflow-y:auto}.app-sidebar-nav section h2{color:#747d92;font-size:.62rem;font-weight:750;letter-spacing:.12em;margin:.15rem .55rem .35rem;text-transform:uppercase}.app-nav-item{align-items:center;border-radius:8px;color:#aeb5c5;display:flex;font-size:.76rem;font-weight:550;gap:.62rem;height:39px;margin:.08rem 0;padding:0 .58rem;text-decoration:none;transition:background .14s,color .14s}.app-nav-item svg{fill:none;flex:0 0 auto;height:18px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7;width:18px}.app-nav-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-nav-item strong{background:#282e3e;border-radius:5px;color:#d9ddea;font-size:.65rem;font-variant-numeric:tabular-nums;margin-left:auto;max-width:4rem;overflow:hidden;padding:.12rem .35rem;text-overflow:ellipsis}.app-nav-item:hover,.app-nav-item:focus-visible{background:#1d2332;color:#f2f3f7;outline:0}.app-nav-item.active{background:#27263c;color:#fff;font-weight:700}.app-nav-item.active svg{color:#9b8cf5}.app-new-project{align-items:center;background:#6652d7;border:1px solid #7561df;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.16);color:#fff;display:flex;font-size:.76rem;font-weight:700;gap:.42rem;height:38px;justify-content:center;margin:.1rem 0;text-decoration:none;transition:background .15s,transform .15s}.app-new-project:hover,.app-new-project:focus-visible{background:#735fe1;color:#fff;outline:3px solid rgba(155,140,245,.3);transform:translateY(-1px)}.app-user-menu{border-top:1px solid #292e3d;margin-top:.65rem;padding-top:.6rem}.app-user-menu .account-menu-trigger{border-radius:9px;color:#eef0f7;gap:.55rem;padding:.4rem;width:100%}.app-user-menu .account-menu-trigger:hover,.app-user-menu .account-menu-trigger[aria-expanded=true]{background:#1d2332}.app-user-copy{display:block;min-width:0;text-align:left}.app-user-copy strong,.app-user-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-user-copy strong{font-size:.72rem}.app-user-copy small{color:#8f96a8;font-size:.61rem;margin-top:.08rem}.app-user-menu .account-menu-trigger>span:last-child{color:#81899b;margin-left:auto}.app-user-menu .account-menu-panel{bottom:calc(100% + .45rem);left:.1rem;right:auto;top:auto;width:224px}.app-sidebar-trigger{background:#fff;border:1px solid #e1e5ec;border-radius:8px;box-shadow:0 2px 8px rgba(20,30,50,.1);display:none;left:.75rem;padding:.4rem;position:fixed;top:.75rem;z-index:1035}.app-sidebar-trigger span{background:#424958;border-radius:2px;display:block;height:2px;margin:4px 0;width:19px}.app-sidebar~main{margin-left:250px}.app-sidebar~main.container{max-width:calc(100% - 250px)}.app-sidebar~main.settings-shell{width:min(1120px,calc(100% - 250px))}.app-sidebar-backdrop{background:rgba(9,12,20,.55);inset:0;position:fixed;z-index:1040}.app-sidebar-backdrop[hidden]{display:none}
@media(max-width:1023px){.app-sidebar{box-shadow:12px 0 35px rgba(0,0,0,.2);transform:translateX(-102%);transition:transform .2s ease}.sidebar-open .app-sidebar{transform:translateX(0)}.sidebar-open{overflow:hidden}.app-sidebar-close,.app-sidebar-trigger{display:block}.app-sidebar~main,.app-sidebar~main.container,.app-sidebar~main.settings-shell{margin-left:auto;max-width:100%;width:auto}.settings-shell{padding-top:1.4rem}.app-sidebar[aria-hidden=true]{visibility:hidden;transition:transform .2s ease,visibility 0s .2s}.sidebar-open .app-sidebar[aria-hidden=false]{visibility:visible;transition:transform .2s ease}.app-sidebar-backdrop{display:block}}
@media(prefers-reduced-motion:reduce){.app-sidebar,.app-new-project{transition:none}}

/* Workspace and personal identity menus */
.workspace-menu{position:relative;margin:.75rem 0 .8rem}
.workspace-menu .workspace-card{margin:0;width:100%;text-align:left}
button.workspace-card{cursor:pointer}
.workspace-card-copy{display:block;min-width:0}
.workspace-card-copy strong,.workspace-card-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.workspace-card-copy strong{color:#f2f3f7;font-size:.75rem;font-weight:700}
.workspace-card-copy small{color:#8f96a8;font-size:.63rem;margin-top:.1rem}
.workspace-card-chevron{color:#81899b;margin-left:auto;transition:transform .15s}
.workspace-card[aria-expanded=true]{background:#1e2434;border-color:#51477d;outline:0}
.workspace-card[aria-expanded=true] .workspace-card-chevron{transform:rotate(180deg)}
.workspace-card:focus-visible{border-color:#9b8cf5;outline:3px solid rgba(155,140,245,.3);outline-offset:2px}
.workspace-menu-panel{left:0;right:auto;top:calc(100% + .4rem);width:226px}
.workspace-menu-heading{border-bottom:1px solid #eeecf3;margin:0 .3rem .3rem;padding:.48rem .45rem .58rem}
.workspace-menu-heading span,.workspace-menu-heading strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.workspace-menu-heading span,.workspace-switch-heading{color:#8a8f9e;font-size:.6rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase}
.workspace-menu-heading strong{color:#1b2030;font-size:.76rem;margin-top:.12rem}
.workspace-switch-heading{padding:.38rem .55rem .18rem}
.workspace-menu-panel form{border:0;margin:0;padding:0}
.workspace-menu-panel form button{align-items:center;display:flex;gap:.45rem}
.workspace-menu-panel form button span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.workspace-menu-panel form button span:nth-child(2){margin-left:auto}
.workspace-menu-panel .current{background:#eeebff;color:#4f3bc4;font-weight:700}
.app-sidebar-nav{gap:.55rem}
.app-sidebar-nav section h2{margin-bottom:.25rem}
.app-nav-item{height:37px}
.app-user-menu .account-menu-panel{max-height:min(360px,calc(100dvh - 5rem));overflow-y:auto}
.account-menu-header strong,.account-menu-header span{max-width:100%}
.account-menu-panel [role=menuitem]:focus-visible{background:#f4f2fb;color:#4230a8;outline:2px solid #7868df;outline-offset:-2px}

@media(max-width:430px){.workspace-menu-panel{max-width:calc(100vw - 1.7rem)}}

/* Ultra-compact premium video creation. */
.create-project-main{background:#f7f8fc;max-width:none;min-height:100%;padding:16px 24px 20px}.create-project-shell{margin:0 auto;max-width:1200px}.create-project-header{align-items:baseline;display:grid;grid-template-columns:auto 1fr;column-gap:12px;margin-bottom:10px}.create-project-back{color:#687287;font-size:12px;font-weight:650;grid-column:1/-1;margin-bottom:3px;text-decoration:none;width:max-content}.create-project-back:hover{color:#5946c8}.create-project-header h1{color:#182033;font-size:21px;font-weight:760;letter-spacing:-.025em;line-height:1.2;margin:0}.create-project-header p{color:#758096;font-size:12px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.create-project-card{background:#fff;border:1px solid #e5e9f2;border-radius:12px;box-shadow:0 5px 18px rgba(24,32,51,.055);overflow:hidden}.create-project-alert{background:#fff2f1;border-bottom:1px solid #f0c5c2;color:#922f35;font-size:12px;padding:8px 18px}.create-project-section{padding:13px 18px 14px}.create-project-section+.create-project-section{background:#fbfbfe;border-top:1px solid #e9ecf3}.create-project-section-heading{align-items:baseline;display:flex;gap:8px;margin-bottom:9px}.create-project-section-heading h2{color:#182033;font-size:13px;font-weight:750;margin:0}.create-project-section-heading>span{color:#8a93a5;font-size:10px}.create-project-fields{display:grid;gap:9px 14px;grid-template-columns:repeat(2,minmax(0,1fr))}.create-project-field{min-width:0}.create-project-field-full{grid-column:1/-1}.create-project-field label{color:#343d50;display:block;font-size:12px;font-weight:650;line-height:1.3;margin:0 0 4px}.required-label,.optional-label{border-radius:999px;font-size:9px;font-weight:700;margin-left:4px;padding:2px 5px;vertical-align:1px}.required-label{background:#f0edff;color:#5d49c6}.optional-label{background:#f0f2f6;color:#778094}.create-project-card .form-control,.create-project-card .form-select{border-color:#dfe4ed;border-radius:10px;color:#273044;font-size:13px;height:42px;min-width:0;padding:7px 10px;text-overflow:ellipsis}.create-project-card textarea.form-control{height:84px;line-height:1.4;min-height:84px;resize:vertical}.create-project-card .form-control:focus,.create-project-card .form-select:focus,.create-project-back:focus-visible,.create-project-advanced summary:focus-visible,.voice-preview-button:focus-visible,.voice-preview-error button:focus-visible{border-color:#7664d5;box-shadow:0 0 0 3px rgba(103,80,211,.14);outline:0}.create-project-card [aria-invalid=true]{border-color:#b5474c}.create-project-help{color:#758096;font-size:10px;line-height:1.35;margin-top:3px;min-height:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.create-project-errors{color:#a33b3f;font-size:10px;font-weight:600;margin-top:3px}.create-project-output-grid{display:grid;gap:9px 12px;grid-template-columns:minmax(220px,2fr) repeat(3,minmax(130px,1fr)) minmax(260px,2fr)}.output-voice{grid-column:auto}.voice-select-preview{align-items:center;display:flex;gap:7px}.voice-select-preview select{flex:1;min-width:0}.voice-preview-button{align-items:center;background:#f4f1ff;border:1px solid #d9d1ff;border-radius:50%;color:#5946c8;display:flex;flex:0 0 42px;font-size:13px;height:42px;justify-content:center;padding:0;width:42px}.voice-preview-button:hover{background:#ebe6ff}.voice-preview-button:disabled{cursor:wait;opacity:.7}.voice-preview-button[aria-busy=true] [data-preview-icon]{animation:voice-spin .8s linear infinite;border:2px solid #c9c0f4;border-top-color:#5946c8;border-radius:50%;font-size:0;height:15px;width:15px}@keyframes voice-spin{to{transform:rotate(360deg)}}.voice-selection-summary{align-items:center;display:flex;gap:5px;margin-top:5px;min-width:0}.voice-selection-summary[hidden]{display:none}.voice-selection-summary strong{color:#273044;font-size:11px;max-width:32%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-chip,.approved-voice{background:#f0f2f6;border-radius:999px;color:#667085;font-size:9px;font-weight:650;padding:2px 6px;white-space:nowrap}.approved-voice{background:#ebf7f0;color:#24724c}.voice-preview-status{color:#6753cb;font-size:10px;margin-top:3px}.voice-preview-status:empty{display:none}.voice-preview-error{align-items:center;background:#fff4f2;border:1px solid #f4d1ca;border-radius:7px;color:#a23d35;display:flex;font-size:10px;gap:7px;margin-top:4px;padding:4px 7px;width:max-content;max-width:100%}.voice-preview-error[hidden]{display:none}.voice-preview-error span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-preview-error button{background:transparent;border:0;color:#783ed1;font-size:10px;font-weight:750;padding:2px;text-decoration:underline}.create-project-advanced{border-top:1px solid #e5e9f2}.create-project-advanced summary{align-items:center;color:#3f485c;cursor:pointer;display:flex;font-size:12px;font-weight:700;height:42px;justify-content:space-between;list-style:none;padding:0 18px}.create-project-advanced summary::-webkit-details-marker{display:none}.advanced-chevron{border-bottom:1.5px solid #798296;border-right:1.5px solid #798296;height:7px;transform:rotate(45deg);transition:transform .18s ease;width:7px}.create-project-advanced[open] .advanced-chevron{transform:rotate(225deg)}.create-project-advanced-content{background:#f8f9fc;border-top:1px solid #edf0f5;padding:10px 18px 12px}.create-project-advanced-content .create-project-field{max-width:50%}.create-project-actions{align-items:center;background:#fff;border-top:1px solid #e5e9f2;display:flex;gap:7px;justify-content:flex-end;padding:9px 18px;position:sticky;bottom:0;z-index:2}.submit-requirements{color:#758096;font-size:10px;margin-right:auto}.create-project-actions .btn{align-items:center;border-radius:9px;display:inline-flex;font-size:12px;font-weight:700;justify-content:center;min-height:40px;padding:7px 13px}.create-project-actions .btn-light{background:#fff;border-color:#dfe4ed;color:#586174}.create-project-actions button:disabled{box-shadow:none;cursor:not-allowed;opacity:.5}
@media(max-width:1024px){.create-project-main{padding:14px 18px}.create-project-output-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.output-voice{grid-column:1/-1}.create-project-advanced-content .create-project-field{max-width:50%}}
@media(max-width:767px){.create-project-main{padding:12px}.create-project-header{grid-template-columns:1fr}.create-project-header p{margin-top:2px}.create-project-fields,.create-project-output-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.create-project-field-full,.output-voice{grid-column:1/-1}.create-project-section{padding-left:14px;padding-right:14px}.create-project-advanced summary,.create-project-advanced-content,.create-project-actions{padding-left:14px;padding-right:14px}}
@media(max-width:540px){.create-project-main{padding:10px 9px}.create-project-header p{white-space:normal}.create-project-fields,.create-project-output-grid{grid-template-columns:1fr}.create-project-field-full,.output-voice{grid-column:auto}.create-project-section-heading>span{display:none}.create-project-advanced-content .create-project-field{max-width:none}.create-project-actions{display:grid;grid-template-columns:1fr 1fr}.submit-requirements{grid-column:1/-1;margin:0}.create-project-actions .btn{width:100%}.voice-selection-summary{flex-wrap:wrap}.voice-selection-summary strong{max-width:100%;width:100%}}

/* Ultra-compact customer billing layout. Kept page-scoped to avoid changing shared cards. */
.billing-main{padding-bottom:1.25rem;padding-top:1.25rem}.billing-shell{gap:.85rem}.billing-heading{align-items:baseline;gap:.65rem;justify-content:flex-start}.billing-heading h1{font-size:1.45rem;margin:0}.billing-heading>span{color:#8B93A0;font-size:.75rem}.billing-wallet{align-items:center;border-radius:10px;box-shadow:0 5px 16px rgba(11,31,58,.13);gap:1rem;padding:.9rem 1rem}.billing-balance{margin:0}.billing-balance strong{font-size:1.8rem}.billing-balance span{font-size:.82rem;font-weight:600}.billing-reserved{color:#aebbd0;font-size:.68rem;margin:.25rem 0 0}.billing-reserved strong{color:#fff}.billing-actions{flex-wrap:wrap}.billing-section{padding:.8rem .9rem}.billing-section-head{align-items:baseline;margin-bottom:.55rem}.billing-section-head h2,.billing-usage>h2{margin:0}.credit-pack-grid{gap:.55rem}.credit-pack-card{gap:.35rem;padding:.65rem .7rem}.credit-pack-card p{line-height:1.3;margin:.1rem 0 0}.pack-value strong{font-size:1.3rem}.credit-pack-card .btn{margin-top:.1rem}.billing-usage{align-items:center;display:grid;gap:.55rem;grid-template-columns:auto minmax(0,1fr)}.credit-usage-grid{display:flex;flex-wrap:wrap;gap:.3rem 1rem}.credit-usage-item{align-items:baseline;border:0;display:flex;flex-direction:row;gap:.3rem;padding:0;white-space:nowrap}.credit-usage-item strong{font-size:.75rem}.credit-usage-item span,.credit-free-note{font-size:.7rem}.credit-free-note{grid-column:1/-1;margin:0}
@media(max-width:900px){.billing-usage{grid-template-columns:1fr}.credit-free-note{grid-column:auto}}
@media(max-width:575px){.billing-main{padding-top:1rem}.billing-heading{align-items:flex-start;flex-direction:column;gap:.1rem}.billing-wallet{align-items:stretch}.billing-actions{margin-top:0}.billing-actions .btn{min-width:max-content}.billing-section-head{align-items:flex-start;flex-direction:column;gap:.15rem}.credit-usage-grid{display:grid;gap:.4rem;grid-template-columns:1fr 1fr}.credit-usage-item{align-items:flex-start;flex-direction:column;gap:0;white-space:normal}}
@media(max-width:390px){.credit-usage-grid{grid-template-columns:1fr}}
.analysis-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}.analysis-summary span{padding:.65rem .8rem;border:1px solid var(--bs-border-color);border-radius:.65rem;background:var(--bs-tertiary-bg)}.analysis-summary small,.analysis-summary strong{display:block}.scene-review-grid.compact{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.scene-review-grid.compact .review-thumbnail{aspect-ratio:16/10}.scene-review-grid.compact .review-thumbnail img{width:100%;height:100%;object-fit:cover}.drag-handle{cursor:grab;color:var(--bs-secondary-color)}.review-scene.discarded{opacity:.72}.processing-flow{columns:2;padding-left:1.25rem}

/* Let premium video action menus float beyond the table card on desktop. */
.video-list-card,.video-list-card>.table-responsive{overflow:visible}
@media(max-width:767px){.video-list-card>.table-responsive{overflow-x:auto;overflow-y:visible}}

/* Compact workspace favorites */
.app-favorites{margin:-.35rem 0 .65rem}.app-favorites[hidden]{display:none}.app-favorites h2{color:#747d92;font-size:.62rem;font-weight:750;letter-spacing:.12em;margin:.15rem .55rem .25rem;text-transform:uppercase}.app-favorite-row{align-items:center;display:flex;position:relative}.app-favorite-row.dragging{opacity:.45}.app-favorite-row .app-nav-item{flex:1;height:34px;min-width:0;padding-right:3.2rem}.app-favorite-actions{display:flex;position:absolute;right:.28rem}.app-favorite-actions button{background:transparent;border:0;border-radius:4px;color:#737c90;font-size:.7rem;height:23px;padding:0 .22rem}.app-favorite-actions button:hover,.app-favorite-actions button:focus-visible{background:#30364a;color:#fff;outline:0}.app-favorite-status{color:#aeb5c5;font-size:.62rem;margin:.15rem .55rem 0;min-height:0}.app-favorite-status:empty{display:none}.app-pinned-marker{color:#9b8cf5!important;fill:currentColor!important;height:11px!important;margin-left:auto;width:11px!important}.favorite-page-heading{align-items:center;display:flex;gap:.45rem}.page-favorite-button{align-items:center;background:#fff;border:1px solid #d9dce5;border-radius:7px;color:#747b8c;display:inline-flex;height:29px;justify-content:center;padding:0;width:29px}.page-favorite-button svg{fill:none;height:16px;stroke:currentColor;stroke-linejoin:round;stroke-width:1.7;width:16px}.page-favorite-button:hover,.page-favorite-button:focus-visible{border-color:#8c7be9;color:#6652d7;outline:3px solid rgba(102,82,215,.14)}.page-favorite-button.is-pinned{background:#f2efff;border-color:#c9c0fa;color:#6652d7}.page-favorite-button.is-pinned svg{fill:currentColor}.favorite-discovery-hint{align-items:center;background:#f4f2ff;border:1px solid #ddd7ff;border-radius:7px;color:#554b83;display:inline-flex;font-size:.72rem;gap:.4rem;margin:.15rem 0 .7rem;padding:.3rem .45rem}.favorite-discovery-hint button{background:transparent;border:0;color:inherit;line-height:1;padding:0}.favorite-inline-error{color:#a52834;font-size:.7rem;font-weight:500}

/* Premium compact project detail */
.project-detail-shell{max-width:1240px;padding-top:1rem;padding-bottom:1.5rem}.project-detail-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.8rem}.project-heading{min-width:0}.project-breadcrumb{align-items:center;color:#858ca0;display:flex;font-size:.7rem;gap:.38rem;margin-bottom:.22rem}.project-breadcrumb a{color:#6652d7;font-weight:650;text-decoration:none}.project-breadcrumb span:last-child{max-width:22rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-title-row{align-items:center;display:flex;gap:.55rem}.project-title-row h1{font-size:1.4rem;font-weight:760;letter-spacing:-.03em;line-height:1.2;margin:0;min-width:0}.project-heading>p{color:#70798b;font-size:.76rem;margin:.2rem 0 0;max-width:36rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-count{background:#f0f2f6;border-radius:999px;color:#586174;font-size:.67rem;font-weight:700;padding:.19rem .45rem;white-space:nowrap}.project-header-actions{align-items:center;display:flex;flex:none;gap:.45rem}.icon-action{background:#fff;border:1px solid #dce0e8;border-radius:8px;color:#626b7c;font-weight:800;height:34px;letter-spacing:.08em;width:34px}.icon-action:hover,.icon-action:focus-visible,.icon-action[aria-expanded=true]{background:#f7f6ff;border-color:#8c7be9;color:#5542bd;outline:3px solid rgba(102,82,215,.14)}.project-actions{position:relative}.project-actions-menu{background:#fff;border:1px solid #e0e4ec;border-radius:9px;box-shadow:0 12px 30px rgba(28,39,60,.15);padding:.32rem;position:absolute;right:0;top:calc(100% + .35rem);width:155px;z-index:40}.project-actions-menu button{background:transparent;border:0;border-radius:6px;font-size:.76rem;font-weight:650;padding:.48rem .55rem;text-align:left;width:100%}.project-actions-menu .danger-menu-item{color:#b4232d}.project-actions-menu .danger-menu-item:hover,.project-actions-menu .danger-menu-item:focus-visible{background:#fff0f1;outline:0}.project-list-tools{align-items:center;display:flex;gap:.7rem;justify-content:space-between;margin-bottom:.65rem}.status-segments{align-items:center;background:#ebeef3;border:1px solid #e0e4eb;border-radius:9px;display:flex;padding:2px}.status-segments a{border-radius:6px;color:#606a7b;font-size:.72rem;font-weight:650;padding:.35rem .55rem;text-decoration:none;white-space:nowrap}.status-segments a span{color:#8991a0;font-size:.63rem;margin-left:.12rem}.status-segments a:hover,.status-segments a:focus-visible{color:#342774;outline:2px solid rgba(102,82,215,.18)}.status-segments a.active{background:#fff;box-shadow:0 1px 3px rgba(30,40,60,.11);color:#48369e}.project-search{align-items:center;display:flex;position:relative;width:min(260px,100%)}.project-search>svg{fill:none;height:15px;left:.62rem;position:absolute;stroke:#7e8796;stroke-linecap:round;stroke-width:1.8;width:15px}.project-search input{background:#fff;border:1px solid #dce1e8;border-radius:8px;font-size:.76rem;height:34px;outline:0;padding:0 2rem 0 1.95rem;width:100%}.project-search input:focus{border-color:#806de4;box-shadow:0 0 0 3px rgba(102,82,215,.13)}.search-clear{align-items:center;border-radius:5px;color:#687183;display:flex;font-size:1.1rem;height:24px;justify-content:center;position:absolute;right:.32rem;text-decoration:none;width:24px}.search-clear:hover,.search-clear:focus-visible{background:#eef0f4;color:#1f2937;outline:2px solid rgba(102,82,215,.18)}.project-detail-shell .projects-card{border:1px solid #e2e5eb;border-radius:10px;box-shadow:0 3px 12px rgba(28,39,60,.055)}.project-detail-shell .projects-table tbody td{padding-bottom:.56rem;padding-top:.56rem}.project-detail-shell .project-status{min-width:0;padding:.24rem .52rem}.status-ready{background:#e8f5ee;color:#197148}.status-processing{background:#e9f1ff;color:#315f9e}.project-detail-shell .projects-empty{padding:2.3rem 1rem}.project-detail-shell .projects-empty span{color:#7a8290;font-size:.75rem;margin-bottom:.6rem}.project-delete-modal{align-items:center;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1100}.project-delete-modal[hidden]{display:none}.modal-backdrop-button{background:rgba(12,16,27,.55);border:0;inset:0;position:absolute}.project-delete-modal>section{background:#fff;border:1px solid #e0e3e9;border-radius:12px;box-shadow:0 24px 70px rgba(10,15,30,.28);padding:1.1rem;position:relative;width:min(430px,100%)}.project-delete-modal h2{font-size:1.05rem;margin:.55rem 0 .35rem}.project-delete-modal p{color:#606a7b;font-size:.78rem;line-height:1.5;margin-bottom:.85rem}.danger-icon{align-items:center;background:#fff0f1;border-radius:8px;color:#ba2934;display:flex;font-weight:800;height:32px;justify-content:center;width:32px}.project-delete-modal label{font-size:.74rem;margin-bottom:.3rem}.project-delete-modal input{font-size:.8rem}.project-delete-modal small{color:#737c8d;font-size:.68rem}.modal-actions{display:flex;gap:.45rem;justify-content:flex-end;margin-top:1rem}.project-delete-modal .btn-danger:disabled{cursor:not-allowed}.app-nav-item strong{max-width:none;white-space:nowrap}
@media(max-width:900px){.project-detail-header{align-items:flex-start;flex-direction:column}.project-header-actions{width:100%}}
@media(max-width:640px){.project-detail-shell{padding-left:.75rem;padding-right:.75rem;padding-top:3.5rem}.project-header-actions{align-items:stretch;display:grid;grid-template-columns:1fr auto}.project-header-actions>.dw-primary-button{align-items:center;display:flex;justify-content:center}.project-list-tools{align-items:stretch;flex-direction:column}.status-segments{overflow-x:auto;width:100%}.status-segments a{flex:1;text-align:center}.project-search{width:100%}.project-heading>p{white-space:normal}.project-title-row{align-items:flex-start;flex-direction:column;gap:.3rem}}

/* High-visibility workspace balance within the dark navigation. */
.usage-credits-nav>svg:first-child{color:#9b8cf5}.usage-credits-nav>span{color:#fff}.app-nav-item .credit-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b);border:1px solid #fbbf24;border-radius:7px;box-shadow:0 0 10px rgba(245,158,11,.25);color:#1f1600;font-size:12px;font-weight:700;line-height:1.2;margin-left:auto;max-width:none;overflow:visible;padding:4px 9px;text-overflow:clip;white-space:nowrap}

/* First-content onboarding */
.video-onboarding{max-width:920px;margin:.8rem auto 0;padding:1rem 1.1rem .75rem;border:1px solid #ded8fb;border-radius:14px;background:linear-gradient(145deg,#fff 65%,#faf8ff);box-shadow:0 10px 30px rgba(64,45,130,.07);transition:border-color .18s,box-shadow .18s,background .18s}
.video-onboarding.is-dragging{border-color:#7057d9;background:#f8f5ff;box-shadow:0 0 0 4px rgba(105,78,211,.12),0 14px 34px rgba(64,45,130,.12)}
.video-onboarding-heading{display:flex;align-items:center;justify-content:center;gap:.65rem;text-align:left;margin-bottom:.8rem}.video-onboarding-heading h2{margin:0;color:#211b38;font-size:1.05rem;font-weight:760}.video-onboarding-heading p{margin:.12rem 0 0;color:#747083;font-size:.73rem}
.video-onboarding-mark{display:grid;flex:0 0 34px;width:34px;height:34px;place-items:center;border-radius:10px;background:#eee9ff;color:#684fd1}.video-onboarding-mark svg,.onboarding-card-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}
.video-onboarding-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.onboarding-action-card{display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr auto;gap:.25rem .65rem;min-height:142px;padding:.8rem;border:1px solid #e4e0ef;border-radius:12px;background:#fff;color:inherit;text-align:left;text-decoration:none;box-shadow:0 2px 7px rgba(31,24,55,.035);cursor:pointer;transition:transform .16s,border-color .16s,box-shadow .16s}.onboarding-action-card:hover{transform:translateY(-2px);border-color:#8d78e8;color:inherit;box-shadow:0 8px 18px rgba(68,48,137,.1)}.onboarding-action-card:focus-visible{border-color:#7057d9;outline:3px solid rgba(105,78,211,.18)}
.onboarding-card-icon{display:grid;width:34px;height:34px;place-items:center;border-radius:9px;background:#f2efff;color:#654fc8}.screen-icon{position:relative}.screen-icon i{position:absolute;right:3px;top:3px;width:7px;height:7px;border:2px solid #fff;border-radius:50%;background:#e34850}
.onboarding-card-copy{display:flex;flex-direction:column;min-width:0}.onboarding-card-copy strong{color:#282139;font-size:.82rem}.onboarding-card-copy>span{margin-top:.12rem;color:#6f6a7d;font-size:.7rem;line-height:1.4}.onboarding-card-copy small{margin-top:.28rem;color:#9690a1;font-size:.61rem}.onboarding-card-cta{align-self:end;grid-column:1/-1;border-radius:8px;padding:.44rem .65rem;text-align:center;font-size:.71rem;font-weight:700}.onboarding-card-cta.primary{background:#684fd1;color:#fff}.onboarding-card-cta.secondary{border:1px solid #cabff1;color:#5943ba;background:#fff}.video-onboarding-note{margin:.55rem 0 0;color:#918b9c;font-size:.64rem;text-align:center}.onboarding-native-form{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.source-workspace{display:flex;align-items:center;justify-content:space-between;margin-top:.7rem;padding:.7rem .85rem;border:1px solid #e4e0ef;border-radius:11px;background:#fff}.source-workspace div{display:flex;flex-direction:column}.source-workspace strong{font-size:.78rem;color:#302a40}.source-workspace span{font-size:.67rem;color:#817a8e}.source-workspace a{font-size:.72rem;font-weight:700;color:#624bc7;text-decoration:none}
@media(max-width:850px){.video-onboarding-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.video-onboarding-actions .onboarding-action-card:last-child{grid-column:1/-1}}
@media(max-width:650px){.video-onboarding{padding:.85rem;margin-top:.6rem}.video-onboarding-heading{align-items:flex-start;justify-content:flex-start}.video-onboarding-heading p{line-height:1.4}.video-onboarding-actions{grid-template-columns:1fr}.video-onboarding-actions .onboarding-action-card:last-child{grid-column:auto}.onboarding-action-card{min-height:132px}}
@media(prefers-reduced-motion:reduce){.video-onboarding,.onboarding-action-card{transition:none}.onboarding-action-card:hover{transform:none}}
.app-brand{gap:0;font-size:inherit;letter-spacing:normal}.app-brand>span{background:none;border-radius:0;display:inline-flex;font-size:inherit;font-weight:inherit;height:auto;width:auto}.app-brand .demlivo-logo__mark{height:32px;width:32px}

/* Canonical video-properties drawer. */
.video-properties-page{margin:0;max-width:none;padding:0}.properties-backdrop{background:rgba(16,20,32,.44);inset:0;position:fixed;z-index:1040}.video-properties-drawer{background:#fff;box-shadow:-18px 0 55px rgba(15,23,42,.2);display:flex;flex-direction:column;height:100vh;overflow:auto;position:fixed;right:0;top:0;width:min(520px,94vw);z-index:1050}.properties-header{align-items:flex-start;background:#fbfbfd;border-bottom:1px solid #e4e7ee;display:flex;justify-content:space-between;padding:1rem 1.15rem;position:sticky;top:0;z-index:2}.properties-header h1{font-size:1.05rem;margin:.1rem 0 .4rem}.properties-kicker{color:#6652d7;font-size:.67rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.properties-close{align-items:center;border-radius:7px;color:#606979;display:flex;font-size:1.5rem;height:32px;justify-content:center;text-decoration:none;width:32px}.rerender-badge,.table-rerender{color:#9a6700;font-size:.65rem;font-weight:700;margin-left:.35rem}.table-rerender{display:block;margin:.12rem 0 0}.video-properties-drawer form{display:flex;flex:1;flex-direction:column}.video-properties-drawer section,.video-properties-drawer details{border-bottom:1px solid #eceef3;padding:.95rem 1.15rem}.video-properties-drawer h2,.video-properties-drawer summary{font-size:.78rem;font-weight:800;letter-spacing:.03em;margin:0 0 .75rem}.video-properties-drawer label{display:block;font-size:.7rem;font-weight:700;margin-bottom:.65rem}.video-properties-drawer label>span:first-child{display:block;margin-bottom:.24rem}.video-properties-drawer textarea{max-height:90px}.properties-grid{display:grid;gap:.1rem .65rem;grid-template-columns:1fr 1fr}.properties-voice{grid-column:1/-1}.properties-alert{background:#eff5ff;color:#375477;font-size:.72rem;line-height:1.45;margin:.8rem 1.15rem 0;padding:.65rem;border-radius:8px}.properties-alert.warning{background:#fff7df;color:#74520a}.properties-alert.error{background:#fff0f1;color:#9f2430}.video-properties-drawer footer{align-items:center;background:#fff;border-top:1px solid #e1e4eb;bottom:0;display:flex;flex-wrap:wrap;gap:.45rem;justify-content:flex-end;margin-top:auto;padding:.8rem 1.15rem;position:sticky}.video-properties-drawer footer small{color:#798191;flex-basis:100%;font-size:.62rem;text-align:right}.properties-save-state{color:#697386;font-size:.68rem;margin-right:auto}.advanced-fields label:has(input[type=checkbox]){align-items:center;display:flex;gap:.4rem}.advanced-fields label:has(input[type=checkbox]) span{margin:0;order:2}.video-settings-action{white-space:nowrap}
@media(max-width:640px){.properties-backdrop{display:none}.video-properties-drawer{box-shadow:none;width:100vw}.properties-grid{grid-template-columns:1fr}.properties-voice{grid-column:auto}.video-properties-drawer footer{padding-bottom:calc(.8rem + env(safe-area-inset-bottom))}}