.zw-review-cover-image { display:block; width:min(100%,300px); max-height:430px; object-fit:contain; margin:12px auto 18px; border-radius:10px; background:#080c12; border:1px solid var(--border); }
.zw-revision-preview>.zw-field { display:block; margin:13px 0; color:var(--soft-ink); font-size:12px; }
.zw-revision-preview>.zw-field>span { display:block; margin-bottom:7px; }
.zw-revision-preview>.button { margin-top:8px; }
.zw-first-review-dialog .zw-revision-grid { grid-template-columns:minmax(250px,.8fr) minmax(330px,1.2fr); }
.zw-first-review-dialog .zw-revision-captions { min-width:0; }
.zw-first-review-dialog .zw-caption-time { min-width:110px; color:var(--soft-ink); font-size:11px; font-variant-numeric:tabular-nums; }
.zw-first-review-dialog .zw-caption-row { display:flex; align-items:center; gap:12px; }
.zw-first-review-dialog .zw-caption-row input { flex:1; }
@media(max-width:750px) { .zw-first-review-dialog .zw-revision-grid { grid-template-columns:1fr; } .zw-review-cover-image { max-height:320px; } }

.zw-review-steps{display:flex;gap:12px;list-style:none;padding:0;margin:20px 0 24px;color:#aaa;flex-wrap:wrap}
.zw-review-steps li{border:1px solid #363636;border-radius:10px;padding:12px 18px;background:#151515;font-size:14px}
.zw-review-steps li.is-active{color:#fff;background:#203156;border-color:#5b87f8}
.zw-review-cover-step[hidden],.zw-review-caption-step[hidden]{display:none!important}
.zw-review-cover-controls{min-width:0}.zw-review-cover-controls h3{margin:8px 0 16px}
.zw-review-caption-step .zw-caption-list{max-height:52vh;overflow:auto;margin-top:16px}
.zw-review-caption-step .zw-caption-search{margin-top:20px}
.zw-first-review-dialog [hidden]{display:none!important}
@media(max-width:700px){.zw-review-steps{gap:6px}.zw-review-steps li{font-size:12px;padding:10px}}
.zw-review-cover-controls .zw-field{margin-top:16px}
.zw-frame-picker{margin-bottom:24px}
.zw-frame-screen{position:relative;background:#080808;border:1px solid #353535;border-radius:10px;overflow:hidden;height:250px;display:flex;justify-content:center;align-items:center}
.zw-frame-screen video,.zw-frame-screen img{display:block;width:100%;height:100%;object-fit:contain}
.zw-frame-screen video{transform:scaleX(-1)}
.zw-frame-loading{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);padding:7px 12px;border-radius:6px;background:#141414e6;color:#ddd;font-size:12px;white-space:nowrap}
.zw-frame-track{display:block;color:#c4c4c4;font-size:12px;margin-top:15px}
.zw-frame-track input[type=range]{display:block;appearance:auto;width:100%;height:24px;margin:8px 0 0;padding:0;border:0;box-shadow:none;background:transparent;accent-color:#6390ff;cursor:ew-resize}
.zw-frame-times{display:flex;justify-content:space-between;font-variant-numeric:tabular-nums;font-size:12px;color:#aaa;margin-bottom:10px}
.zw-frame-times output{color:#eee}.zw-frame-actions{display:flex;gap:10px;align-items:center}
.zw-frame-exact{margin-top:12px;color:#aaa;font-size:12px}.zw-frame-exact summary{cursor:pointer;margin-bottom:8px}
.zw-frame-exact input{width:150px;margin-right:10px}.zw-frame-picker>.zw-note{margin:10px 0}
@media(max-width:750px){.zw-frame-screen{height:260px}}
/* Guided 12-step speech workflow. */
.vg-workflow{margin-bottom:24px}.vg-workflow ol{list-style:none;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin:18px 0 0;padding:0}.vg-workflow li{display:grid;grid-template-columns:24px 1fr;align-content:start;gap:6px;padding:13px 9px;border:1px solid #353535;border-radius:8px;background:#151515;color:#bcbcbc;font-size:12px}.vg-workflow li>span{color:#8a8a8a;font:11px ui-monospace,monospace;padding-top:2px}.vg-workflow li>small{grid-column:2;font-size:10px;color:#a8bfff}.vg-workflow li.is-current{border-color:#668eff;background:#243456;color:#fff}.vg-workflow li.is-done{border-color:#35473f;color:#b5d3c3}.vg-workflow li.is-done>span{color:#8fc6a5}#ai-editing .zw-creation-grid{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr)}.vg-review{margin:24px 0;scroll-margin-top:90px;border-color:#495c88}.vg-review-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:25px;margin-bottom:25px}.vg-review-heading h2{font-size:24px;margin:9px 0}.vg-review-heading .preview-tag{max-width:38%;overflow-wrap:anywhere}.vg-review-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:32px}.vg-review h3{font-size:15px;margin:0 0 18px}.vg-review-editor>.button.primary{margin-top:20px}.vg-review .zw-field{margin-bottom:20px}.vg-title-options{display:grid;gap:12px;margin-bottom:25px}.vg-title-options>button{display:grid;gap:8px;padding:20px;text-align:left;background:#131313;border:1px solid #353535;border-radius:10px;color:#f5f5f5}.vg-title-options>button:hover{border-color:#7294ef}.vg-title-options small{font-size:11px;color:#aaa}.vg-title-options strong,.vg-title-options span{font-size:28px;font-weight:850;font-style:italic}.vg-title-options span{color:#f5dc44}.vg-transcript{max-height:220px;overflow:auto;font-size:13px;line-height:1.8;color:#c2c2c2}.vg-review summary{font-size:12px;color:#b5b5b5;cursor:pointer;margin:12px 0}.vg-cover{display:block;width:100%;height:440px;object-fit:contain;background:#090909;border:1px solid #343434;border-radius:10px;margin-bottom:15px}.vg-source{width:100%;max-height:380px;transform:scaleX(-1)}.vg-caption-list{max-height:520px;overflow:auto;margin-top:15px}.vg-caption{display:grid;grid-template-columns:135px minmax(0,1fr);gap:14px;align-items:center;padding:10px 0;border-bottom:1px solid #303030}.vg-caption span{font-size:11px;color:#b7b7b7;font-variant-numeric:tabular-nums}.vg-review input{width:100%;min-width:0;box-sizing:border-box;background:#121212;border:1px solid #383838;border-radius:8px;color:#eee;padding:12px;font:inherit;font-size:13px}.vg-review input:focus-visible{outline:2px solid #688dfa;outline-offset:2px}.vg-review button:disabled{opacity:.5;cursor:not-allowed}.vg-review .zw-frame-screen{height:460px}.vg-review .zw-frame-screen video,.vg-review .zw-frame-screen img{max-height:460px}.vg-caption[hidden]{display:none}
@media(max-width:1000px){.vg-workflow ol{grid-template-columns:repeat(4,1fr)}#ai-editing .zw-creation-grid{grid-template-columns:1fr}.vg-review-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px}.vg-caption{grid-template-columns:1fr;gap:7px}}
@media(max-width:650px){.vg-workflow ol{grid-template-columns:repeat(3,1fr)}.vg-review-grid{grid-template-columns:1fr}.vg-review-heading{flex-direction:column}.vg-review-heading .preview-tag{max-width:100%}.vg-review .zw-frame-screen{height:380px}.vg-cover{height:380px}.vg-title-options{grid-template-columns:1fr}.vg-workflow li{grid-template-columns:1fr}.vg-workflow li>small{grid-column:1}.vg-review-editor>.button.primary{width:100%}}

#ai-editing .zw-current #video-current > .button{display:flex;width:max-content;max-width:100%;margin-top:18px}
#ai-editing .vg-review-heading .text-button{white-space:nowrap}
#ai-editing .vg-review button.text-button{background:transparent;border:0;padding:6px 0;color:#9fb9ff;cursor:pointer;font:inherit;font-size:13px;text-align:left}
#ai-editing .vg-review button.text-button:hover{color:#d6e2ff;text-decoration:underline}
#ai-editing .vg-review button.text-button:disabled{color:#8e9199;cursor:default}

/* The five stages are the user's checkpoints; the twelve editing operations stay in the processing pane. */
#ai-editing .vg-workflow{padding:24px 28px 20px;margin-bottom:20px;background:linear-gradient(135deg,#1d1f23,#191a1d);border-color:#34373d;border-radius:18px}
#ai-editing .vg-workflow ol{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;overflow-x:auto;padding:5px 3px 10px;margin:20px 0 0;scrollbar-width:thin;scroll-snap-type:x proximity}
#ai-editing .vg-workflow li{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:12px;min-width:0;min-height:76px;padding:14px 16px;border:1px solid #373a42;border-radius:14px;background:linear-gradient(145deg,#25272d,#1d1f23);color:#adb2bd;clip-path:none;text-align:left;scroll-snap-align:start;box-shadow:inset 0 1px 0 #ffffff0a}
#ai-editing .vg-workflow li:not(:last-child)::after{content:"";position:absolute;top:50%;right:-15px;width:11px;height:2px;background:#495364;border-radius:2px}
#ai-editing .vg-workflow li::before{content:"0" attr(data-flow-step);position:absolute;top:9px;right:11px;color:#7e8491;font:600 10px ui-monospace,SFMono-Regular,monospace;letter-spacing:.08em}
#ai-editing .vg-step-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:36px;height:36px;padding:8px;box-sizing:border-box;border:1px solid #414752;border-radius:11px;background:#2d3139;color:inherit}
#ai-editing .vg-step-icon svg{display:block;width:100%;height:100%}
#ai-editing .vg-workflow li.is-done{border-color:#405577;background:linear-gradient(145deg,#24324b,#1e2735);color:#e5edfc}
#ai-editing .vg-workflow li.is-done .vg-step-icon{border-color:#50668b;background:#2b3c5c;color:#d7e6ff}
#ai-editing .vg-workflow li.is-current{border-color:#7198ee;background:linear-gradient(145deg,#263e6b,#1c2b48);color:#fff;box-shadow:0 0 0 1px #4d72bb70,0 12px 25px #0d20462d,inset 0 1px 0 #ffffff1c}
#ai-editing .vg-workflow li.is-current .vg-step-icon{border-color:#7fa7fb;background:#4169ad;color:white}
#ai-editing .vg-workflow li.is-current::before{color:#a9c5ff}
#ai-editing .vg-workflow li strong{font-size:15px;font-weight:650;line-height:1.25;white-space:nowrap}
#ai-editing .vg-flow-note{display:flex;align-items:center;gap:9px;padding-top:14px;border-top:1px solid #30333a;font-size:11px;line-height:1.7;color:#9ba2ae;margin:13px 3px 0}
#ai-editing .vg-flow-note::before{content:"";display:block;flex:none;width:6px;height:6px;border-radius:50%;background:#739bf0;box-shadow:0 0 9px #739bf09c}
#ai-editing .zw-creation-grid{grid-template-columns:minmax(300px,.4fr) minmax(0,.6fr);gap:18px;align-items:stretch;margin-top:20px}
#ai-editing .zw-creation-grid>.panel{min-height:570px}
#ai-editing .zw-current{min-width:0}
#ai-editing .zw-current:has(.vg-review:not([hidden]))>.panel-title{display:none}
#ai-editing .vg-review{margin:0;padding:0;border:0;scroll-margin-top:85px}
#ai-editing .vg-review-heading{gap:12px;margin-bottom:18px}
#ai-editing .vg-review-heading h2{font-size:22px;margin:6px 0}
#ai-editing .vg-review-heading .preview-tag{font-size:10px}
#ai-editing .vg-review-grid{gap:22px}
#ai-editing .vg-review-grid.vg-step-title{display:block}
#ai-editing .vg-step-title .vg-title-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:15px}
#ai-editing .vg-step-title .vg-title-options>button{min-width:0;padding:15px 13px;border-radius:14px;background:#101113;border-color:#292c32}
#ai-editing .vg-step-title .vg-title-options strong,#ai-editing .vg-step-title .vg-title-options span{font-size:21px;line-height:1.2;overflow-wrap:anywhere}
#ai-editing .vg-step-title .vg-review-editor{margin-top:24px;border-top:1px solid var(--border);padding-top:23px}
#ai-editing .vg-step-title .vg-review-editor .zw-field{margin:12px 0}
#ai-editing .vg-step-title .vg-review-editor .button.primary{margin-top:9px}
#ai-editing .vg-step-frame,#ai-editing .vg-step-captions{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
#ai-editing .vg-review .zw-frame-screen{height:390px}
#ai-editing .vg-review .zw-frame-screen video,#ai-editing .vg-review .zw-frame-screen img{max-height:390px}
#ai-editing .vg-cover{height:390px}
#ai-editing .vg-caption-list{max-height:440px}
#ai-editing .vg-processing{min-height:480px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;text-align:center;padding:25px}
#ai-editing .vg-processing-head{display:flex;align-items:center;justify-content:center;gap:18px}
#ai-editing .vg-processing h3{font-size:27px;margin:0}
#ai-editing .vg-processing p{margin:0;max-width:700px;color:var(--text-muted);font-size:13px;line-height:1.8}
#ai-editing .vg-processing .vg-progress-state{font-size:16px}
#ai-editing .vg-processing progress{width:min(620px,100%);height:9px;margin:14px 0 0;accent-color:#648df2}
#ai-editing .vg-thinking-orb{display:block;flex:none;filter:drop-shadow(0 0 9px #ffffff35)}
#ai-editing .zw-history-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;cursor:pointer}
#ai-editing .zw-history-summary::-webkit-details-marker{display:none}
#ai-editing .zw-history-summary h2{margin:0;font-size:19px}
#ai-editing .zw-history-chevron{color:var(--soft-ink);font-size:25px;line-height:1;transition:transform .2s ease}
#ai-editing .zw-history[open] .zw-history-chevron{transform:rotate(180deg)}
#ai-editing .zw-history-toolbar{display:flex;justify-content:flex-end;margin:16px 0 3px}
@media(max-width:1150px){#ai-editing .zw-creation-grid{grid-template-columns:minmax(280px,.43fr) minmax(0,.57fr)}#ai-editing .vg-step-frame,#ai-editing .vg-step-captions{grid-template-columns:1fr}#ai-editing .vg-review .zw-frame-screen,#ai-editing .vg-cover{height:330px}}
@media(max-width:800px){#ai-editing .zw-creation-grid{grid-template-columns:1fr}#ai-editing .zw-creation-grid>.panel{min-height:0}#ai-editing .vg-workflow{padding:19px 15px}#ai-editing .vg-workflow ol{grid-template-columns:repeat(5,170px);gap:14px}#ai-editing .vg-workflow li{min-height:65px;padding:10px 12px;gap:8px}#ai-editing .vg-step-icon{width:31px;height:31px;padding:6px}#ai-editing .vg-workflow li strong{font-size:13px}#ai-editing .vg-flow-note{align-items:flex-start}#ai-editing .vg-processing{min-height:330px}}
@media(max-width:520px){#ai-editing .vg-step-title .vg-title-options{grid-template-columns:1fr}#ai-editing .vg-step-title .vg-title-options>button{grid-template-columns:1fr 1fr;align-items:center}#ai-editing .vg-step-title .vg-title-options small{grid-column:1/-1}}