/* Keep recovery outside optional writing controls and return navigation above the frame. */
.embedded-writing{font-family:Arial,"Noto Sans Ethiopic",sans-serif!important}.embedded-writing :is(button,input,textarea,select){font-family:inherit}
#writing-return{display:inline-flex;margin:0 0 1rem;min-height:44px}.embedded-writing #writing-use-description{width:100%;background:#d5f09a;color:#172113;font-weight:600;margin-top:.4rem}
#writing-ai-options{margin-top:1rem;border:1px solid var(--line,#35422e);border-radius:12px;padding:1rem}#writing-ai-options>summary{cursor:pointer;font-size:.9rem}#writing-feedback:has(#helper-status:empty):has(#helper-progress[hidden]):has(#writing-upload-status[hidden]){display:none}#writing-feedback{margin:.5rem 0 1rem}#writing-feedback p{overflow-wrap:anywhere}
.embedded-writing #writing-next:disabled,.embedded-writing #writing-use-description:disabled{opacity:.45;cursor:not-allowed}.embedded-writing #source-video-file:disabled{opacity:.5;cursor:not-allowed}.embedded-writing #source-video-file:disabled::file-selector-button{cursor:not-allowed}
/* Customer steps reuse the existing durable forms; visibility never authorizes a request. */
.wizard-steps{margin:1.6rem 0 1.7rem}.wizard-steps ol{display:flex;list-style:none;padding:0;margin:0;gap:.6rem}.wizard-steps li{flex:1;display:flex;align-items:center;gap:.6rem;color:var(--muted,#a3af9b);border-bottom:2px solid var(--line,#35422e);padding:.75rem 0;font-size:.85rem}.wizard-steps li>span{display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;width:1.65rem;height:1.65rem;font-size:.78rem}.wizard-steps [aria-current=step]{color:var(--accent,#d5f09a);border-bottom-color:currentColor}.wizard-steps .wizard-done>span{background:#2f4027;color:#d5f09a;border-color:transparent}
[data-creator-step] h2,.embedded-writing h2{font-size:clamp(1.4rem,3vw,1.8rem);letter-spacing:-.035em;line-height:1.3;margin:0 0 .6rem;font-weight:600;outline:none}.wizard-help{color:var(--muted,#a3af9b);font-size:.88rem;line-height:1.65;margin:.6rem 0 1.35rem}.wizard-navigation{display:flex;justify-content:space-between;align-items:center;gap:.8rem;margin-top:1.5rem;padding-top:1.3rem;border-top:1px solid var(--line,#35422e)}.wizard-navigation button{min-height:46px}.wizard-navigation #wizard-next{margin-left:auto}.wizard-upload{margin:1rem 0}.wizard-upload .button,.narration-helper .button{display:inline-flex;align-items:center;justify-content:center;font-size:.9rem;min-height:44px;text-decoration:none}.wizard-upload .wizard-help{margin:.6rem 0}.wizard-copy{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--bg,#10150f);border:1px solid var(--line,#35422e);border-radius:14px;padding:1.2rem;font-size:1rem;line-height:1.8;max-height:22rem;overflow:auto}.wizard-reference{border:1px solid var(--line,#35422e);border-radius:12px;padding:1rem;margin:1.2rem 0}.wizard-reference summary{cursor:pointer;font-size:.86rem}.wizard-reference .reference-picker{border:0;margin:.6rem 0 0;padding:0}.wizard-thumbnails{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.65rem}.wizard-thumbnails figure{margin:0;min-width:0;border:1px solid var(--line,#35422e);border-radius:10px;overflow:hidden;background:var(--bg,#10150f)}.wizard-thumbnails img,.wizard-thumbnails video{display:block;width:100%;height:94px;object-fit:cover}.wizard-thumbnails figcaption{font-size:.72rem;line-height:1.5;overflow-wrap:anywhere;padding:.6rem}.writing-frame{display:block;width:100%;border:0;min-height:360px;color-scheme:dark;background:transparent}.writing-active #creator>details,.writing-active #creator>#message,.writing-active #creator>.intro,.writing-active #creator>.eyebrow,.writing-active #creator>h1{display:none}.writing-active .wizard-steps{margin-top:0}#writing-workspace{border:1px solid var(--line,#35422e);border-radius:20px;background:var(--surface,#171e14);padding:1.4rem}#writing-loading{font-size:.9rem}.wizard-offstage{display:none!important}
body.embedded-writing{margin:0!important;min-height:0!important;background:transparent!important}.embedded-writing>header,.embedded-writing>footer,.embedded-writing>.site-attribution,.embedded-writing #back-to-video,.embedded-writing main>h1,.embedded-writing main>.intro,.embedded-writing .site-information,.embedded-writing [data-gallery-embed],.embedded-writing #public-gallery,.embedded-writing #journey-measurement,.embedded-writing #brief-measurement{display:none!important}.embedded-writing main{max-width:none!important;margin:0!important;padding:0!important}.embedded-writing .panel{padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;background:transparent!important}.embedded-writing .source-video-option{padding:0;margin:0;border:0}.embedded-writing .source-video-option>summary{display:none}.embedded-writing #helper-form{margin:0}.embedded-writing #source-video-file{box-sizing:border-box;max-width:100%;width:100%;padding:1.2rem .75rem;border:1px dashed #687858;border-radius:12px}.embedded-writing #source-video-file::file-selector-button{padding:.7rem .8rem;margin-right:.6rem;border:0;border-radius:8px;background:#d5f09a;color:#172113;font:inherit;cursor:pointer}.embedded-writing .source-media-list{padding:0;list-style:none}.source-media-preview{width:90px;height:70px;object-fit:cover;border-radius:8px;flex:0 0 auto}.embedded-writing .source-media-list li{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem;padding:.8rem;margin:.7rem 0;border:1px solid var(--line,#35422e);border-radius:12px}.embedded-writing .source-media-list li>div:first-of-type{flex:1;min-width:130px;overflow-wrap:anywhere}.embedded-writing .source-media-actions{display:flex;flex-wrap:wrap;gap:.35rem;flex-basis:100%;justify-content:flex-end}.embedded-writing .source-media-actions button{padding:.45rem .65rem;font-size:.75rem;min-height:36px}.embedded-writing #source-video-remove{font-size:.78rem}.embedded-writing[data-writing-step=files] #narration-consent{display:none}.embedded-writing #narration-result{margin-top:1rem;padding-top:0}.embedded-writing #writing-manual{margin-left:.6rem}.embedded-writing #writing-edit-instructions{font-size:.8rem;margin:0 0 1rem}.wizard-revisions{margin:1rem 0;padding:1rem;border:1px solid var(--line,#35422e);border-radius:10px}.wizard-revisions summary{cursor:pointer;font-size:.85rem;margin-bottom:.4rem}.embedded-writing #use-narration{width:100%;margin-top:1rem}.embedded-writing .wizard-navigation{margin:.8rem 0}.embedded-writing #draft-status{font-size:.75rem}.embedded-writing #helper-status:empty,.embedded-writing #writing-step-status:empty{display:none}.embedded-writing #writing-next{background:#d5f09a;color:#172113;font-weight:600}.embedded-writing :is(input,select,textarea){max-width:100%;box-sizing:border-box}
html[data-theme=light] .wizard-steps [aria-current=step]{color:#385525}html[data-theme=light] :is(.wizard-copy,.wizard-thumbnails figure){background:#f7f9f3;border-color:#d4dccb;color:#172113}html[data-theme=light] #writing-workspace{background:#fff;border-color:#d4dccb}html[data-theme=light] .writing-frame{color-scheme:light}html[data-theme=light] :is(.wizard-help,.wizard-steps li){color:#53614a}html[data-theme=light] :is(.wizard-reference,.wizard-navigation,.wizard-revisions){border-color:#d4dccb}
.wizard-steps ol{width:100%}.embedded-writing .gallery-embed,.embedded-writing #site-information-links,.embedded-writing #narration-draft-usage{display:none!important}.writing-active>.gallery-embed,.writing-active main>.journey-measurement,.writing-active #wizard-preferences{display:none!important}.embedded-writing .source-media-list li{flex-direction:row}.embedded-writing .source-media-actions{flex-direction:row;flex-basis:100%;width:100%}.embedded-writing .source-media-actions button{width:auto;flex:0 1 auto;margin:0;height:auto}.embedded-writing #source-video-remove{width:auto;min-height:40px;margin-top:.6rem}.embedded-writing .footnote{text-align:left}.embedded-writing .source-video-option>p:first-of-type{display:none}.embedded-writing #source-video-status{margin:.6rem 0}.embedded-writing #draft-status{margin-bottom:0}.embedded-writing #helper-form label:first-child{margin-top:.5rem}#wizard-saved-work,#wizard-preferences{margin-top:1.5rem;font-size:.85rem;color:var(--muted,#a3af9b)}#wizard-saved-work>summary,#wizard-preferences>summary{cursor:pointer;padding:.6rem 0}#wizard-saved-work details{margin-top:1rem}#wizard-preferences>.journey-measurement{margin-top:.7rem}
@media(max-width:600px){#writing-workspace{padding:1rem;border-radius:16px}.wizard-steps{margin:1rem 0}.wizard-steps li{font-size:.78rem;gap:.4rem}.wizard-navigation button{font-size:.84rem;padding:.85rem 1rem}.embedded-writing #writing-manual{margin: .6rem 0 0;display:block}.source-media-preview{width:76px;height:60px}.wizard-thumbnails{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.embedded-writing .source-media-actions{justify-content:flex-start}}
.embedded-writing .wizard-navigation button{width:auto;margin-top:0}.embedded-writing #writing-back{font-size:.8rem;padding:.7rem .85rem;min-height:40px}.embedded-writing #writing-next{margin-left:auto}.embedded-writing #writing-edit-instructions,.embedded-writing #undo-narration{width:auto;min-height:40px;font-size:.8rem;margin-top:.7rem}.embedded-writing #writing-heading{margin-bottom:1rem}.writing-active #creator>a{display:none}.embedded-writing #helper-form:has(#writing-instructions[hidden]){margin-bottom:0}
.generation-image-review{display:block;width:auto;max-width:220px;max-height:180px;margin-top:14px;border-radius:12px}.wizard-reference h3{margin-bottom:8px}#writing-only-confirmation{display:flex;gap:12px;align-items:start;padding:16px;border:1px solid #80964b;border-radius:12px}#writing-only-confirmation[hidden]{display:none}
.wizard-format{display:grid;gap:.65rem;margin:1.25rem 0}.wizard-format label{font-weight:600;font-size:.9rem}.wizard-format select{width:100%;min-width:0;max-width:100%;min-height:48px;font-size:.9rem}.wizard-format-summary{font-weight:600;color:var(--text,#d4e0c8)}.wizard-source-route{margin:1.2rem 0;padding:1rem;border:1px solid var(--line,#35422e);border-radius:12px}.wizard-source-route h3{font-size:1rem;margin-top:0}.wizard-input-warning{margin:1rem 0;padding:1rem;border:1px solid #80964b;border-radius:12px}.wizard-input-warning button{margin:.3rem .3rem .3rem 0}.wizard-input-warning p{font-size:.9rem}.wizard-input-warning .button{max-width:100%;white-space:normal}html[data-theme=light] .wizard-format-summary{color:#263c1e}

/* Each selected-section control gets its own labelled row, including narrow phones. */
#clip-options{min-inline-size:0;margin:1rem 0;padding:1rem;border:1px solid var(--line,#43513a);border-radius:10px}#clip-options>label{display:block;margin:.85rem 0 .4rem;font-size:.9rem;font-weight:600}#clip-options>:is(input,select){display:block;width:100%;min-width:0;max-width:100%;min-height:48px;box-sizing:border-box;font:inherit;font-size:16px;padding:.7rem;background:var(--bg,#111710);color:inherit;border:1px solid var(--line,#43513a);border-radius:8px}#clip-options legend{font-size:.9rem;font-weight:600;padding:0 .3rem}#clip-status{white-space:pre-line}

/* D1451: a compact workspace header, with promotion kept on Explore. */
body[data-page=quick] .site-header{padding:10px max(16px,calc((100% - 758px)/2));gap:12px;align-items:center;flex-wrap:nowrap;position:relative;z-index:5}
body[data-page=quick] .site-header .brand{font-size:16px;min-height:44px}body[data-page=quick] .site-header .brand span{display:inline;font-size:10px}
#creator-menu{margin:0;font-size:14px}#creator-menu>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:10px;padding:8px 14px;border:1px solid #56634d;border-radius:10px;list-style:none}#creator-menu>summary::-webkit-details-marker{display:none}#creator-menu>summary::after{content:"☰";font-size:18px}#creator-menu[open]>summary::after{content:"×"}
body[data-page=quick] #creator-menu>nav{position:absolute;top:calc(100% - 1px);right:max(16px,calc((100% - 758px)/2));width:min(360px,calc(100vw - 32px));max-height:75vh;overflow:auto;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:16px;background:#191d19;border:1px solid #43513a;border-radius:12px;box-shadow:0 12px 30px #0005;margin:0}
body[data-page=quick] #creator-menu:not([open])>nav{display:none}body[data-page=quick] #creator-menu nav>a{white-space:normal;padding:8px;min-height:44px}body[data-page=quick] #creator-menu .site-preferences{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;width:100%;gap:12px;margin:0;order:0}body[data-page=quick] #creator-menu .site-setting{min-width:0}body[data-page=quick] #creator-menu select{width:100%;min-width:0;min-height:44px;font-size:16px}body[data-page=quick] #creator-menu .advanced-toggle{grid-column:1/-1;border:0;padding:0;white-space:normal}body[data-page=quick] #creator-menu .logout-control{grid-column:1/-1}body[data-page=quick] #creator-menu #logout-status{position:static;width:auto}
body[data-page=quick] main{margin-top:20px;padding:0 16px}#creator-heading{font-size:clamp(24px,4vw,32px);margin:0 0 16px;line-height:1.25}#creator>.creator-actions{margin:14px 0;gap:10px}#creator>#message:empty{display:none}#creator>.creator-actions #start-new-video{min-height:44px;padding:10px 16px;font-size:13px}
/* Keep the saved-work explanation available to assistive technology, and show
   it visibly whenever the separate-video action is blocked. */
#creator>.creator-actions:has(#start-new-video:not(:disabled)) #start-new-help{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#request-settings{margin:0 0 16px;min-height:44px;font-size:13px}#creator-editor .wizard-steps{margin:16px 0}body[data-page=quick] #progress-panel{margin:0 0 16px;padding:20px;border:1px solid #56634d;border-radius:16px;background:#191d19}#progress-panel .progress-heading{display:block}#progress-title{display:block;font-size:clamp(20px,4vw,26px);font-weight:600;line-height:1.35}#progress-detail{display:block;font-size:13px;margin-top:6px;color:#b6bcb3}#progress-panel #progress{display:block;width:100%;height:12px;margin:20px 0 14px;border:0;border-radius:8px;overflow:hidden;accent-color:#c7e895}#progress-panel #progress[hidden]{display:none}#progress::-webkit-progress-bar{background:#35412e;border-radius:8px}#progress::-webkit-progress-value{background:#c7e895;border-radius:8px}#progress::-moz-progress-bar{background:#c7e895;border-radius:8px}
#progress-panel #progress:not([value]){background:linear-gradient(100deg,#35412e 15%,#bad985 45%,#35412e 75%);background-size:200% 100%;animation:studio-working 2s linear infinite}#progress:not([value])::-webkit-progress-bar{background:transparent}@keyframes studio-working{to{background-position:-200% 0}}
#generation-stages{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0;margin:22px 0 0}#generation-stages[hidden]{display:none}#generation-stages li{color:#9da794;font-size:12px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}#generation-stages li>span{display:grid;place-items:center;width:28px;height:28px;border:1px solid #56634d;border-radius:50%;font-size:12px}#generation-stages b{font-weight:500;overflow-wrap:anywhere}#generation-stages [aria-current=step]{color:#d2ed93}#generation-stages .stage-done>span{background:#d2ed93;color:#17210e;border-color:#d2ed93}#generation-stages [aria-current=step]>span{outline:2px solid #8fa673;outline-offset:3px}
#progress-note{font-size:13px;line-height:1.6;margin:12px 0}#progress-panel #stop-video{font-size:12px;padding:10px 14px;min-height:44px;margin-top:6px}body[data-page=quick] #result{margin:0 0 20px}body[data-page=quick] #preview{max-height:62vh;background:#000}body[data-page=quick] .request-active #creator-steps{display:none}
html[data-theme=light] #creator-menu>nav,html[data-theme=light] body[data-page=quick] #progress-panel{background:#fff;border-color:#bac6ad}html[data-theme=light] #creator-menu>summary{border-color:#b7c4aa}html[data-theme=light] #progress-detail,html[data-theme=light] #generation-stages li{color:#53614a}html[data-theme=light] #generation-stages [aria-current=step]{color:#385525}
@media(prefers-reduced-motion:reduce){#progress-panel #progress:not([value]){animation:none}}
@media(max-width:600px){body[data-page=quick] #video-form{padding:16px;border-radius:16px}body[data-page=quick] #progress-panel{padding:18px 16px}}
