/* Restyle uses the generator's shared shell, inspector, stage, fields and history.
   Only controls unique to editing belong here; no competing typography or palette. */
#diyai-workspace.sw [data-video-edit] .ve-example-stage{min-height:0;background:#030d15}
#diyai-workspace.sw [data-video-edit] .ve-example-stage>video{display:block;width:100%;height:auto!important;max-height:none!important;aspect-ratio:16/9;object-fit:contain;background:#030d15}
#diyai-workspace.sw [data-video-edit] .ve-example-caption{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px;background:#0b1b2a;border-top:1px solid #283d50}
#diyai-workspace.sw [data-video-edit] .ve-example-caption>div{min-width:0}
#diyai-workspace.sw [data-video-edit] .ve-example-caption span{display:block;color:#ffc457;font-size:10px;font-weight:700;letter-spacing:.1em;line-height:1.5}
#diyai-workspace.sw [data-video-edit] .ve-example-caption strong{display:block;color:#fff;font-size:25px;line-height:1.25;margin-top:6px}
#diyai-workspace.sw [data-video-edit] .ve-example-caption p{font-size:12px;line-height:1.5;color:#a1b2c8;margin:7px 0 0}
#diyai-workspace.sw [data-video-edit] .ve-example-caption button{flex-shrink:0;min-height:44px;white-space:nowrap}
#diyai-workspace.sw [data-video-edit] .ve-history{display:block;grid-column:1/-1;grid-row:auto;min-width:0;width:100%;padding:0;margin:0;background:transparent;border:0}
#diyai-workspace.sw .diyai-studio-tool[data-video-edit] .ve-history-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px 24px;position:static;width:100%;padding:12px 0 18px;margin:0 0 28px;background:transparent;border:0;border-bottom:1px solid #304760;box-shadow:none}
#diyai-workspace.sw [data-video-edit] .ve-history-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px 20px;margin-inline-start:auto}
#diyai-workspace.sw [data-video-edit] .ve-history-heading h3{margin:0;color:#edf3fc}
#diyai-workspace.sw [data-video-edit] .ve-history-heading p{margin:0;color:#a1b2c8;font-size:13px;line-height:1.5}
#diyai-workspace.sw [data-video-edit] .ve-history-empty{margin:0;padding:0;color:#a1b2c8;font-size:14px;line-height:1.6}
#diyai-workspace [data-video-edit] .ve-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#diyai-workspace [data-video-edit] .ve-check{display:flex;align-items:flex-start;gap:10px;margin:16px 0;font-size:13px;line-height:1.5}
#diyai-workspace [data-video-edit] .ve-check input{flex:0 0 auto;margin-top:3px}
#diyai-workspace [data-video-edit] .ve-help{margin:18px 0;font-size:13px;line-height:1.6}
#diyai-workspace [data-video-edit] .ve-help summary{cursor:pointer}
#diyai-workspace [data-video-edit] .ve-stage-tools{margin-top:18px}
#diyai-workspace [data-video-edit] .ve-stage-actions{display:flex;flex-wrap:wrap;gap:12px}
#diyai-workspace [data-video-edit] .ve-original{margin-top:18px}
#diyai-workspace [data-video-edit] .ve-original figure{margin:0}
#diyai-workspace [data-video-edit] .ve-original video{width:100%;height:auto;display:block}
#diyai-workspace [data-video-edit] .ve-original figcaption{margin-bottom:10px}
#diyai-workspace [data-video-edit] .ve-card-body{padding:14px;font-size:12px;line-height:1.5;color:#b8cbdc}
#diyai-workspace [data-video-edit] .ve-card-body h4{margin:0;font-size:14px}
#diyai-workspace [data-video-edit] .ve-card-body p{margin:8px 0 0;font-size:11px}
#diyai-workspace [data-video-edit] .ve-card-state{min-height:180px;display:grid;place-items:center;padding:16px}
#diyai-workspace [data-video-edit] .ve-video-card.is-selected{outline:2px solid #ffb800;outline-offset:2px}
#diyai-workspace [data-video-edit] .ve-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#diyai-workspace [data-video-edit] .ve-mode-links a{text-decoration:none;display:flex;align-items:center;justify-content:center;text-align:center}
#diyai-workspace.sw [data-video-edit] [hidden]{display:none!important}

/* Restyle's guide shares the direction helper shell and keeps native tool state. */
#diyai-workspace.sw [data-video-edit] .ve-prompt-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:16px}
#diyai-workspace.sw [data-video-edit] .ve-prompt-heading>label{margin:0;font-weight:700}
#diyai-workspace.sw [data-video-edit] .ve-prompt-heading>.sl-direction-help{margin:0;padding:6px 0;text-align:right;font-size:12px}
#diyai-workspace.sw [data-video-edit] .ve-prompt-heading+.diyai-studio-field{margin-top:8px}
#diyai-workspace.sw .ve-direction-dialog .ve-direction-guide{padding:0 10px 12px 0;font-size:15px;line-height:1.6}
#diyai-workspace.sw .ve-direction-dialog ol{padding-left:24px;margin:16px 0}
#diyai-workspace.sw .ve-direction-dialog li{padding-left:6px;margin-bottom:20px}
#diyai-workspace.sw .ve-direction-dialog li::marker{color:#ffc044;font-weight:700}
#diyai-workspace.sw .ve-direction-dialog li p{margin:6px 0;font-size:14px;color:#bfd0e1}
#diyai-workspace.sw .ve-direction-dialog .ve-direction-tip{padding:16px;background:#142b40;border-left:3px solid #ffb800;border-radius:6px;font-size:14px}
#diyai-workspace.sw .ve-direction-dialog .sl-note{font-size:13px;color:#bfd0e1}
#diyai-workspace.sw .ve-direction-dialog h2:focus{outline:none}
#diyai-workspace.sw .ve-direction-dialog select{display:block;width:100%;margin-top:10px;padding:12px;border:1px solid #48647b;border-radius:10px;background:#071521;color:#eef4ff;font:inherit}
#diyai-workspace.sw .ve-direction-dialog [data-ve-direction-close]{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:0;border:1px solid #536c82;border-radius:50%;background:#192e42;color:#fff;font:26px/1 Arial,sans-serif;cursor:pointer}
#diyai-workspace.sw .ve-direction-dialog [data-ve-direction-close]:focus-visible{outline:3px solid #ffba00;outline-offset:3px}
@media(max-width:760px){
    #diyai-workspace.sw [data-video-edit] .ve-example-caption{flex-wrap:wrap;gap:14px;padding:16px}
    #diyai-workspace.sw [data-video-edit] .ve-example-caption strong{font-size:22px}
    #diyai-workspace.sw .diyai-studio-tool[data-video-edit] .ve-history-heading{align-items:flex-start;gap:10px;padding:12px 0 16px;margin-bottom:20px}
    #diyai-workspace.sw [data-video-edit] .ve-history-actions{width:100%;justify-content:space-between;margin-inline-start:0}
    #diyai-workspace.sw [data-video-edit] .ve-history-actions p{flex:1 1 180px}
    #diyai-workspace.sw .ve-direction-dialog .ve-direction-guide{padding-right:0}
    #diyai-workspace.sw .ve-direction-dialog [data-ve-direction-apply]{width:100%}
}