.ao-unified-overlay { z-index: 1200; }
.ao-unified-overlay .lj-commerce-video-setup-page { width: min(1000px, 100%); }
.ao-unified-overlay .lj-commerce-video-settings { padding: 24px; }
.ao-replica-choice { margin-top: 18px; }
.ao-replica-choice .lj-commerce-video-choice { text-align: left; }
.ao-replica-choice .lj-commerce-video-menu { z-index: 10; overscroll-behavior: contain; }
.ao-replica-choice .lj-commerce-video-option.is-highlighted { background: #f5f1fb; outline: 1px solid #d9cbea; outline-offset: -1px; }
.ao-replica-choice .lj-commerce-video-choice:disabled { opacity: .55; cursor: not-allowed; }
.ao-unified-overlay .lj-commerce-video-demo-caption { flex-wrap: wrap; gap: 6px 9px; }
.ao-unified-overlay .lj-commerce-video-demo-caption > span { font-size: 11px; margin-left: 0; }
.ao-unified-overlay .lj-commerce-video-demo-pane img { object-fit: contain; background: #f5f4f2; }
.ao-demo-label { position: absolute; left: 8px; bottom: 8px; padding: 3px 8px; color: #4f4b52; background: #fffe; border-radius: 6px; font-size: 11px; }
.ao-upload-slot { position: relative; margin-top: 10px; border: 1px dashed #ded9e5; background: #fbfafc; border-radius: 14px; overflow: hidden; }
.ao-upload-slot.is-dragging { background: #f1ebfa; border-color: #9c84bf; }
.ao-upload-pick { width: 100%; display: flex; align-items: center; gap: 12px; padding: 16px; min-height: 74px; border: 0; background: transparent; text-align: left; color: #897399; }
.ao-upload-pick > span { display: grid; gap: 3px; min-width: 0; }
.ao-upload-pick b { font-size: 14px; color: #49444e; font-weight: 600; }
.ao-upload-pick small { font-size: 11px; color: #918997; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ao-upload-pick img { width: 48px; height: 48px; border-radius: 8px; object-fit: contain; background: white; }
.ao-upload-pick:disabled { opacity: .55; cursor: wait; }
.ao-upload-remove { position: absolute; right: 5px; top: 5px; border: 0; border-radius: 50%; display: grid; place-items: center; width: 22px; height: 22px; background: #ece8f0; color: #7e7389; }
.ao-upload-remove svg { width: 13px; height: 13px; }
.ao-role-heading { display: flex; align-items: center; justify-content: space-between; margin-top: 20px; }
.ao-role-heading > span { color: #9b93a2; font-size: 11px; }
.ao-role-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 10px; }
.ao-source-preview { height: 250px; position: relative; background: #f7f6f8; border: 1px solid #eae7ed; border-radius: 16px; overflow: hidden; }
.ao-source-preview video { display: block; width: 100%; height: 100%; object-fit: contain; }
.ao-fixed-settings { display: grid; gap: 12px; margin: 24px 0; }
.ao-fixed-settings > div { display: flex; align-items: center; justify-content: space-between; background: #f7f7f5; border: 1px solid #ecebe8; border-radius: 23px; padding: 12px 16px; gap: 12px; font-size: 12px; }
.ao-fixed-settings span { color: #918797; }
.ao-fixed-settings b { color: #524c59; font-weight: 500; }
.ao-selected-roles { margin: 22px 0 18px; padding-top: 20px; border-top: 1px solid #efecf1; }
.ao-selected-roles b { color: #6f5c82; font-size: 13px; font-weight: 550; }
.ao-selected-roles p { color: #a39aa9; font-size: 11px; margin: 7px 0 0; }
.ao-prompt-label { display: grid; gap: 9px; margin-top: 18px; color: #8c8295; font-size: 12px; }
.ao-prompt-label textarea { resize: vertical; width: 100%; min-height: 84px; max-height: 200px; padding: 12px 14px; border: 1px solid #e5e0e9; border-radius: 14px; background: #fcfbfd; font: inherit; line-height: 1.6; color: #524c59; }
.ao-prompt-label textarea::placeholder { color: #b0a6b8; }
.ao-prompt-label textarea:focus { outline: 2px solid #cec0e3; outline-offset: 1px; }
.ao-audio-toggle { display: flex; align-items: center; gap: 9px; margin-top: 18px; color: #64596c; font-size: 12px; }
.ao-audio-toggle input { accent-color: #896ba9; width: 15px; height: 15px; }
.ao-prompt-preview { margin-top: 18px; font-size: 11px; color: #9b90a5; }
.ao-prompt-preview summary { cursor: pointer; padding: 5px 0; }
.ao-prompt-preview p { white-space: pre-wrap; line-height: 1.8; color: #7e7389; }
.ao-deliverables { display: flex; flex-wrap: wrap; gap: 8px; margin: 24px 0; }
.ao-deliverables span { display: flex; align-items: center; gap: 6px; padding: 9px 11px; border-radius: 10px; background: #f6f3fa; color: #8a739e; font-size: 12px; }
.ao-deliverables svg { width: 15px; height: 15px; }
.ao-setup-note { margin-top: 28px; padding-top: 22px; border-top: 1px solid #efecf1; }
.ao-setup-note b { font-size: 13px; font-weight: 500; color: #766780; }
.ao-setup-note p { font-size: 12px; color: #a399aa; line-height: 1.8; }
@media (max-width: 760px) { .ao-unified-overlay .lj-commerce-video-settings { padding: 16px; } .ao-role-heading > span { font-size: 10px; } }