/* Reuse the established detail-image / reverse-prompt workbench dimensions.
   All changes are scoped to the three requested video tools. */
.reverse-workflow:has(#linkWatermarkToolTab:checked) [data-reverse-panel]:not([data-reverse-panel="link-watermark"]) { display:none; }
.reverse-workflow:is(:has(#videoUpscaleToolTab:checked),:has(#videoSubtitleRemoveToolTab:checked),:has(#linkWatermarkToolTab:checked)) { grid-template-columns:72px minmax(360px,420px) minmax(0,1fr); transition:none; }
.reverse-tool-tab:is([for="videoUpscaleToolTab"],[for="videoSubtitleRemoveToolTab"],[for="linkWatermarkToolTab"]) svg { box-sizing:border-box; width:40px; height:36px; padding:5px 6px; border-radius:10px; stroke-width:1.65; stroke-linecap:round; stroke-linejoin:round; }
.commerce-video-standard.video-utility-workbench { border-right:1px solid rgba(255,255,255,.035); box-shadow:inset 1px 0 0 rgba(255,255,255,.012); }
.commerce-video-standard .video-utility-header { min-height:60px; padding:9px 16px 7px; gap:8px; border-bottom:0; align-items:center; }
.commerce-video-standard .video-utility-header h2 { font-size:18px; font-weight:650; line-height:1.2; }
.commerce-video-standard .video-utility-header p { margin:5px 0 0; color:#a8abb2; font-size:11px; }
.commerce-video-standard .video-utility-header > span { padding:4px 6px; color:#b0b3b9; border-radius:5px; font-size:10px; white-space:nowrap; }
.commerce-video-standard .video-utility-scroll { padding:6px 16px 28px; }
.commerce-video-standard .video-utility-step + .video-utility-step { margin-top:10px; }
.commerce-video-standard .video-utility-step > header { min-height:30px; margin:0; gap:9px; }
.commerce-video-standard .video-utility-step > header b { width:28px; height:28px; flex:0 0 28px; background:#2a2b2f; font-size:13px; font-weight:570; }
.commerce-video-standard .video-utility-step > header strong { color:#d1d2d7; font-size:14px; font-weight:620; }
.commerce-video-standard .video-utility-step-body { margin-left:14px; padding:10px 0 16px 14px; border-left:1px dashed rgba(255,255,255,.18); }
.commerce-video-standard .video-utility-step-body--last { padding-bottom:3px; border-left-color:transparent; }
.tool-video-source-grid { display:grid; grid-template-columns:104px minmax(0,1fr); align-items:center; gap:14px; }
.commerce-video-standard .video-utility-dropzone { position:relative; box-sizing:border-box; min-height:0; width:104px; height:104px; padding:10px; gap:5px; background:#242529; border:1px solid rgba(255,255,255,.045); border-radius:10px; }
.commerce-video-standard .video-utility-dropzone > span { width:24px; height:24px; margin:0; padding:0; color:#d5d7db; background:transparent; border-radius:0; }
.commerce-video-standard .video-utility-dropzone svg { width:21px; height:21px; stroke-width:1.5; }
.commerce-video-standard .video-utility-dropzone strong { color:#d2d4d8; font-size:12px; font-weight:560; }
.commerce-video-standard .video-utility-dropzone small { color:#a6a9b0; font-size:10px; }
.commerce-video-standard .video-utility-dropzone:hover,.commerce-video-standard .video-utility-dropzone.is-dragging { background:#292a2e; border-color:rgba(49,206,229,.4); }
.tool-video-source-grid:has(.video-utility-dropzone[hidden]) {display:none;}
.tool-video-source-guide { display:grid; gap:6px; line-height:1.5; }
.tool-video-source-guide strong { color:#ced0d6; font-size:12px; font-weight:560; }
.tool-video-source-guide span { color:#a8abb2; font-size:11px; }
.commerce-video-standard .video-utility-preview { margin-top:10px; border-radius:8px; }
.commerce-video-standard .video-utility-preview video { max-height:200px; }
.commerce-video-standard .video-utility-preview > div { min-height:46px; padding:8px 10px; }
.commerce-video-standard .video-utility-preview span { color:#a8abb2; }
.tool-field-label,.commerce-video-standard .link-watermark-label { display:block; margin:0 0 9px; color:#c6c9d0; font-size:12px; font-weight:560; }
.commerce-video-standard .video-utility-resolution { height:44px; padding:3px; gap:3px; background:#111216; border:1px solid rgba(255,255,255,.025); border-radius:8px; }
.commerce-video-standard .video-utility-resolution button { min-height:0; height:100%; border:0; background:transparent; border-radius:7px; color:#afb2ba; font-size:13px; font-weight:560; }
.commerce-video-standard .video-utility-resolution button:hover { color:#ebedf0; background:rgba(255,255,255,.035); }
.commerce-video-standard .video-utility-resolution button.active { color:#17181b; background:#f1f2f3; font-weight:620; }
.commerce-video-standard .video-utility-submit-row { width:calc(100% - 28px); margin:14px 0 0 28px; padding-top:14px; display:grid; grid-template-columns:minmax(0,1fr); gap:9px; }
.commerce-video-standard .video-utility-submit-row p { color:#a8abb2; font-size:11px; }
.commerce-video-standard .video-utility-submit-row p[data-tone="error"] { color:#ff9c94; }
.commerce-video-standard .video-utility-submit-row p[data-tone="success"] { color:#70dec0; }
.commerce-video-standard .video-utility-submit-row button { display:flex; justify-content:center; align-items:center; gap:8px; width:100%; min-height:40px; padding:7px 12px; color:#061214; background:linear-gradient(100deg,#2bc9e5,#29e4ba); border-radius:7px; font-size:12px; font-weight:700; }
.commerce-video-standard .video-utility-submit-row button small { margin:0; font-size:11px; }
.commerce-video-standard .video-utility-submit-row button:disabled { color:#aaaeb5; background:#303136; opacity:1; }
.commerce-video-standard #linkWatermarkInput { display:block; box-sizing:border-box; width:100%; min-height:150px; padding:12px; color:#f4f4f5; background:#222327; border:1px solid rgba(255,255,255,.08); border-radius:7px; resize:vertical; font-size:13px; line-height:1.65; }
.commerce-video-standard #linkWatermarkInput::placeholder { color:#a9acb4; }
.commerce-video-standard #linkWatermarkInput:focus-visible { outline:2px solid #31cee5; outline-offset:2px; }
.commerce-video-standard #linkWatermarkInput:disabled { opacity:.7; }
.tool-processing-help,.tool-input-help { margin:0; color:#a8abb2; font-size:11px; line-height:1.7; }
.tool-input-help { margin-top:8px; }
.commerce-video-standard.video-utility-result-pane { background:#090a0b; }
.commerce-video-standard .video-utility-empty { min-height:100%; gap:9px; }
.commerce-video-standard .video-utility-empty svg { margin:0 0 4px; color:#8e939c; stroke:currentColor; }
.commerce-video-standard .video-utility-empty strong { color:#a8adb6; font-size:13px; font-weight:560; }
.commerce-video-standard .video-utility-empty span { margin:0; color:#959ba5; font-size:11px; }
.commerce-video-standard .video-utility-result h3 { overflow-wrap:anywhere; font-size:15px; }
.commerce-video-standard .video-utility-result video { max-height:calc(100vh - 245px); object-fit:contain; border-radius:8px; }
.commerce-video-standard .video-utility-result a { font-size:12px; border-radius:7px; }
@media(max-width:1060px) { .reverse-workflow:is(:has(#videoUpscaleToolTab:checked),:has(#videoSubtitleRemoveToolTab:checked),:has(#linkWatermarkToolTab:checked)) { grid-template-columns:minmax(340px,400px) minmax(0,1fr); } }
@media(max-width:760px) { .commerce-video-standard.video-utility-workbench { min-height:0; border-radius:0; } .commerce-video-standard .video-utility-scroll {padding-bottom:24px;} .commerce-video-standard .video-utility-resolution {grid-template-columns:repeat(4,minmax(0,1fr));} .commerce-video-standard.video-utility-result-pane {min-height:45vh;} .commerce-video-standard .video-utility-result video {max-height:65vh;} }
@media(prefers-reduced-motion:reduce) { .commerce-video-standard .video-utility-dropzone,.commerce-video-standard .video-utility-resolution button,.commerce-video-standard .video-utility-submit-row button {transition:none;} .commerce-video-standard .video-utility-progress i {animation:none;} }