#creator-journey{max-width:830px;margin:24px auto 0;padding:0 24px;color:#69665e}#creator-journey ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0 0 6px;padding:0}#creator-journey li{font-size:12px;padding:5px 10px;border-radius:20px;background:#eeece7}#creator-journey [aria-current=step]{background:#292a2c;color:#fff;font-weight:600}#creator-journey small{font-size:12px}main{padding-top:24px}.journey-panel{border-top:1px solid #dedbd3;padding-top:24px;scroll-margin-top:95px}.journey-panel h2{font-size:22px;line-height:1.4;letter-spacing:-.3px;font-weight:600;margin:6px 0 12px}.journey-panel h3{font-size:15px;margin-top:24px}.journey-primary{background:#292a2c;color:white;border-color:#292a2c}.journey-primary:hover{background:#494943;color:white}.journey-panel .label{color:#6b665f;letter-spacing:1px;font-size:10px}.journey-panel progress{width:100%;accent-color:#a65c3e}.journey-error{background:#fff0eb;color:#8e361f;border:1px solid #edcbbb;padding:12px;border-radius:10px}.journey-shot-row{border-top:1px solid #e6e2da;padding:12px 4px}.journey-shot-row strong,.journey-shot-row small{display:block}.journey-shot-row small{color:#716c63}.journey-reference{border:1px solid #e6e2da;padding:8px 12px;margin:12px 0;border-radius:12px}.journey-reference .cards{margin:0;max-height:none}.journey-reference .card{border:0;width:100%;padding:0}.journey-reference .card img{height:240px}.journey-reference-edit{padding:12px;border:1px solid #dedbd3;border-radius:12px;margin-top:12px}.journey-panel .chat-field input[type=checkbox]{margin:0 8px 0 0;accent-color:#292a2c}.journey-panel .chat-field{font-size:14px;color:#34332f}.journey-panel button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #a65c3e;outline-offset:3px}.journey-resume{padding:8px 0;border-bottom:1px solid #e6e2da;margin-bottom:14px}.journey-panel>video{max-height:420px}.journey-panel details{color:#4f4c46}button{min-height:38px}@media(max-width:540px){#creator-journey{padding:0 16px;margin-top:16px}#creator-journey li{font-size:11px;padding:4px 8px}.journey-panel h2{font-size:19px}.journey-panel .journey-primary{width:100%}}

.journey-panel .chat-field:has(input[type=checkbox]){display:flex;align-items:center;gap:10px}.journey-panel .chat-field input[type=checkbox]{order:-1;flex:0 0 auto;width:16px;height:16px;margin:0}

.change-image-picker{padding:14px;border:1px dashed #c9c2b6;border-radius:12px;margin:12px 0 18px}.change-image-picker.dragging{border-color:#a65c3e;background:#f4eee7}.change-image-label{display:inline-block;position:relative;overflow:hidden;border:1px solid #dedbd3;border-radius:20px;background:#fff;padding:7px 15px;cursor:pointer}.change-image-label:focus-within{outline:2px solid #a65c3e;outline-offset:3px}.change-image-file{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.change-image-picker small{display:block;color:#6c665d;font-size:12px;margin-top:8px}.change-image-previews{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.change-image-previews:empty{display:none}.change-image-previews figure{width:150px;margin:0;background:#fff;border:1px solid #e6e2da;border-radius:10px;padding:8px}.change-image-previews img{width:140px;height:110px;object-fit:contain;border-radius:6px;background:#eeeae3}.change-image-previews figcaption{font-size:12px;overflow-wrap:anywhere}.change-image-previews button{font-size:12px;min-height:32px}.change-image-error{color:#8e361f;margin:8px 0 0;font-size:13px}.change-image-error:empty{display:none}.message.user:has(.change-image-previews){flex-wrap:wrap}.message.user .change-image-previews{flex-basis:100%;justify-content:flex-end}

#creator-generation{max-width:782px;margin:8px auto 0;display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;padding:0 12px}.generation-counts{color:#706e69;margin-right:auto}.journey-asset{padding:16px;border:1px solid #e1ddd5;border-radius:14px;margin:18px 0}.generation-image-status{font-size:13px;color:#706e69}.generation-image-result .card{width:min(100%,360px)}

/* One asset per tile; image actions always stay with their own card. */
main:has(.journey-asset-grid){max-width:1180px}
main:has(.journey-asset-grid)>.message:not(.journey-panel){max-width:782px;margin-left:auto;margin-right:auto}
.journey-asset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px;align-items:start;margin:20px 0 24px}
.journey-asset-tile{min-width:0;border:1px solid #e2ddd4;border-radius:14px;background:#fff;padding:14px;overflow-wrap:anywhere}
.journey-panel .journey-asset-tile h3{font-size:15px;line-height:1.4;margin:0 0 5px}
.journey-asset-tile .asset-card-state{font-size:11px;color:#726c62;margin:0 0 12px;text-transform:capitalize}
.journey-asset-tile .cards{display:block;overflow:visible;max-height:none;margin:0 0 10px}
.journey-asset-tile .card{width:100%;border:0;padding:0;background:none}
.journey-asset-tile .card img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:8px}
.journey-asset-tile>.cards .card b,.journey-asset-tile .generation-image-result>.cards .card b{display:none}
.journey-asset-tile .generation-image-status{font-size:12px;line-height:1.5;margin:10px 0}
.journey-asset-tile button{display:block;width:100%;margin:6px 0 0;font-size:12px;line-height:1.4;min-height:38px;border-radius:9px}
.journey-asset-tile .generation-image-result>button{background:#292a2c;color:#fff;border-color:#292a2c}
.journey-asset-tile .generation-image-result>button:hover{background:#494943}
.journey-asset-tile .asset-card-actions{border-top:1px solid #eeeae4;margin-top:12px;padding-top:6px}
.journey-asset-tile details{margin:10px 0;padding:9px;border:1px solid #eeeae4;border-radius:8px;font-size:12px}
.journey-asset-tile summary{font-size:12px;font-weight:550}
.journey-asset-tile details p{margin:8px 0;font-size:12px;line-height:1.5}
.journey-asset-tile .chat-field{font-size:12px;margin:10px 0}
.journey-asset-tile .chat-field textarea{min-height:80px}
.asset-image-empty{display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;background:#f4f1ec;border:1px dashed #d8d1c5;border-radius:8px;padding:12px;margin:0 0 10px;font-size:12px;color:#776f62;text-align:center}
.asset-lock-option+.asset-lock-option{margin-top:15px;padding-top:10px;border-top:1px solid #eeeae4}
@media(max-width:600px){.journey-asset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.journey-asset-tile{padding:10px}.journey-asset-tile button{min-height:42px}}
@media(max-width:420px){.journey-asset-grid{grid-template-columns:1fr}}

.journey-action-help{font-size:13px;color:#706a60;margin:16px 0 8px;line-height:1.5}.script-downloads{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.script-downloads button,.script-downloads .chat-link{margin:0}.script-downloads .chat-link{padding:7px 10px}

.journey-panel .chat-field.shot-review-confirmation{display:flex;align-items:flex-start;gap:9px;font-size:13px;line-height:1.6}.journey-panel .shot-review-confirmation input[type=checkbox]{margin-top:3px;flex:0 0 16px}

/* Original episode reference stays visible beside the proposed animated asset. */
.journey-asset-grid:has(.asset-reference-pair){grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))}
.asset-reference-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start;margin:0 0 10px}
.asset-preview-figure{margin:0;min-width:0}
.asset-preview-figure figcaption{font-size:11px;font-weight:600;color:#655f56;margin:0 0 7px}
.asset-preview-figure a{display:block;border-radius:8px}
.asset-preview-figure img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#f4f1ec;border:1px solid #e5dfd5;border-radius:8px}
.asset-preview-figure .asset-image-empty{min-height:0;margin:0;font-size:11px;padding:8px}
.asset-source-context{font-size:10px;color:#80776a;margin:6px 0;line-height:1.4}
@media(max-width:720px){.journey-asset-grid:has(.asset-reference-pair){grid-template-columns:1fr}}

.sequence-run{border:1px solid #dfd9cc;background:#fffdf9;border-radius:16px;padding:22px;margin:28px 0}.sequence-run h2{margin:4px 0 12px;font-size:20px}.sequence-run progress{width:100%;height:8px;accent-color:#947349}.sequence-run-status{color:#665e50}.sequence-run-shots{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:18px}.sequence-run-shots article{border:1px solid #e6e2d9;border-radius:12px;padding:14px;min-width:0}.sequence-run-shots h3{font-size:14px;margin:0}.sequence-shot-status{font-size:12px;color:#77716a;overflow-wrap:anywhere}.sequence-run video{width:100%;max-height:360px}.sequence-run-combined:not(:empty){border-top:1px solid #e6e2d9;padding-top:16px;margin-top:20px}.sequence-run-combined h3{margin:0 0 10px}

.sequence-preflight-issues{padding:16px;border:1px solid #ddbb78;border-radius:12px;background:#fff9ec}.sequence-preflight-issues h3{margin-top:0}.sequence-preflight-note{color:#785c25}.sequence-error-dialog{width:min(560px,calc(100vw - 32px));max-height:80vh;overflow:auto;border:1px solid #d4c5ba;border-radius:18px;padding:26px;background:#fffdfa;color:#292a2c;box-shadow:0 20px 80px #0003}.sequence-error-dialog::backdrop{background:#29272270}.sequence-error-dialog h2{margin:0 0 12px;font-size:21px}.sequence-error-dialog p{overflow-wrap:anywhere;white-space:pre-wrap}#sequence-review-return{font-size:12px}

/* Sequence headings remain stable while render status refreshes. */
.journey-panel details.journey-sequence > summary{font-size:14px;line-height:1.6;padding:4px 2px;color:#292a2c}
.journey-panel .journey-sequence-title{font-weight:750}
.journey-panel .journey-sequence-count{font-size:12px;font-weight:400;color:#6d675f}
.journey-panel details.journey-sequence.is-complete{border-color:#b6d8bf}
.journey-panel details.journey-sequence.is-complete > summary{color:#166534;background:#edf7ef;border-radius:5px}
.journey-panel .journey-sequence-done{display:inline-block;margin-left:12px;padding:1px 9px;border-radius:999px;background:#166534;color:#fff;font-size:12px;font-weight:700;white-space:nowrap;vertical-align:middle}