.video-clip-library{padding:20px;border:1px solid #f1d5c1;border-radius:14px;background:#fff7f0;margin:20px 0}.video-clip-library[hidden],.video-timeline-editor[hidden],.video-photos-title[hidden]{display:none}.video-photos-title{font-size:19px;color:#ef6c16;margin:18px 0 12px}
.video-clip-drop{display:flex;flex-direction:column;gap:10px;padding:22px;border:2px dashed #e77b32;border-radius:12px;background:#fff;cursor:pointer;color:#303030}.video-clip-drop.is-dragging{background:#ffedda;border-color:#c75000}.video-clip-drop input{max-width:100%;font-size:16px}.video-clip-library progress{width:100%;accent-color:#f47721;margin-top:16px}
.video-clip-library-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px;margin-top:18px}.video-clip-library-items figure{margin:0;background:#fff;border:1px solid #e5ded8;border-radius:12px;padding:12px;min-width:0}.video-clip-library-items video{width:100%;aspect-ratio:1;object-fit:contain;background:#242424;border-radius:8px}.video-clip-library-items figcaption{display:grid;gap:6px;margin-top:8px;overflow-wrap:anywhere}.video-clip-library-items figcaption span{font-size:14px;color:#555}
.video-timeline-editor{margin-bottom:24px}.video-timeline-editor h5{font-size:19px;margin:0 0 8px;color:#ef6c16}.video-timeline-help{font-size:15px;line-height:1.5}.video-timeline{display:grid;gap:12px}.video-segment{padding:14px;border:1px solid #e0d5cb;border-radius:12px;background:#fff}.video-segment.is-photos{background:#fff5e9;border-color:#ec9d62}.video-segment-head{display:flex;gap:7px;align-items:center;cursor:grab;flex-wrap:wrap}.video-segment-head strong{flex:1;min-width:120px;overflow-wrap:anywhere;font-size:15px;color:#333}.video-segment-head span{white-space:nowrap;color:#ad4f0c;font-weight:700}.video-segment-head button{padding:7px 12px;border:1px solid #e8d2bf;border-radius:8px;background:#fff8f2;color:#ad4f0c;cursor:pointer}.video-segment button:disabled{opacity:.4}
.video-segment-controls{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px;align-items:center;margin-top:14px}.video-crop-preview{width:100px;height:100px;object-fit:cover;border-radius:8px;background:#eee}.video-trim-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.video-trim-fields label{margin:0;font-size:14px}.video-segment details{margin:16px 0;font-size:14px}.video-segment details summary{color:#b1510d;cursor:pointer}.video-segment input[type=range]{accent-color:#f47721;padding:0}.video-segment [data-remove-segment]{font-size:14px;min-height:36px;padding:8px 12px;margin-top:12px}.video-segment p{font-size:14px;line-height:1.5;margin-bottom:0}.video-budget{padding:12px;border-radius:8px;background:#f4f6f1;color:#344429;font-size:15px;font-weight:600}.video-budget.has-error{background:#fff0ee;color:#a02210}.video-add-clip{display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto;align-items:end}.video-add-clip label{margin:0}.video-add-clip button{margin:0;max-width:100%}
@media(max-width:600px){.video-clip-library{padding:14px}.video-clip-drop{padding:14px}.video-segment-controls{grid-template-columns:1fr}.video-crop-preview{width:100%;height:auto;aspect-ratio:1}.video-add-clip{grid-template-columns:1fr}.video-segment-head strong{flex-basis:100%}.video-clip-library-items{grid-template-columns:1fr}}
/* V187: visible clip controls and an exact, locally rendered trim preview. */
.video-segment-controls{grid-template-columns:minmax(140px,220px) minmax(0,1fr);align-items:start}.video-clip-window{width:100%;aspect-ratio:1;border-radius:10px;overflow:hidden;background:#eee}.video-clip-window .video-crop-preview,.video-clip-window video{width:100%;height:100%;aspect-ratio:1;object-fit:cover}.video-clip-window [hidden]{display:none}.video-clip-span{grid-column:1/-1}.video-color-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0}.video-color-fields label{display:block;font-size:15px;color:#333}.video-color-fields output{float:right;font-weight:700;color:#bd560e}.video-color-fields input{display:block;width:100%;margin:10px 0 0}.video-preview-actions{display:flex;flex-wrap:wrap;gap:10px}.video-preview-actions button{font-size:14px;padding:9px 12px}.video-clip-library-items figcaption label{display:grid;gap:7px;margin:0;font-size:14px}.video-clip-library-items figcaption input{width:100%;box-sizing:border-box}.video-clip-library-items [data-save-clip-name]{font-size:14px;padding:8px 12px}.video-clip-library-items [data-name-status]:empty{display:none}@media(max-width:600px){.video-segment-controls{grid-template-columns:1fr}.video-clip-window{max-width:320px}.video-color-fields{grid-template-columns:1fr}.video-preview-actions button{width:100%}}