/* Anim8e: warm cream, coral accent, black wordmark, quiet work surfaces. */
body{--brand:#ff3d38;--brand-action:#c52c29;--paper:#fbf8f0;--ink:#181817;background:var(--paper);color:var(--ink);font-family:'Avenir Next',Inter,system-ui,sans-serif}
body>header{background:#fbf8f0f5;border-color:#e8e3d8;padding:14px 26px;min-height:78px;backdrop-filter:blur(12px)}
.creator-brand{margin-right:auto;display:flex;align-items:center;gap:20px;min-width:0}.creator-brand img{width:112px;height:37px;object-fit:contain}.creator-brand span{border-left:1px solid #ddd6c8;padding-left:20px;color:#524d44;font-size:14px;font-weight:500}
body>header a:not(.creator-brand){text-decoration:none;color:#4c4941;font-weight:550;border:1px solid #ded8cb;border-radius:10px;padding:8px 14px;background:#fffdf8}
#clear-history{background:#fff;color:#333;border-radius:10px;margin:0;font-size:13px;font-weight:600}
#conversation-sidebar{background:#f4f0e6;border-color:#e1dacb;padding:23px 15px 16px}.conversation-sidebar-head h2{font-size:15px;letter-spacing:.01em}.conversation-episode{color:#49443c;font-weight:550;margin-top:26px}.conversation-new{background:#fff;color:#26231e;border-color:#dfd7c8;border-radius:12px;padding:12px 14px}.conversation-new:hover{background:#fff5ef;border-color:#e8b2a4}
.conversation-hint{color:#756e62;margin-bottom:25px}.conversation-link{padding:12px;color:#514b42}.conversation-link[aria-current=page]{background:#fff8f3;border-color:#f0cfc1;box-shadow:inset 3px 0 0 var(--brand)}.conversation-link:hover{background:#fffbf5}.conversation-list{flex:1}.conversation-link time{color:#7c7364}.conversation-footer{border-top:1px solid #e1dacb;margin-top:18px;padding-top:14px}.conversation-footer button{font-size:12px;background:transparent;color:#9c3932;border:0;margin:0;padding:8px 11px}.conversation-footer button:hover{background:#fae6df}
#creator-journey{margin-top:28px;max-width:900px}#creator-journey ol{gap:8px}#creator-journey li{background:#efebe2;color:#6c6357;border:1px solid transparent;font-size:11px}#creator-journey [aria-current=step]{background:#ffede4;border-color:#f6c5b3;color:#9c3027}#creator-journey small{color:#766d61}
main{max-width:900px;padding-top:30px}.journey-panel{background:#fffdf9;border:1px solid #e8e1d6;border-radius:18px;padding:24px;margin:20px 0 30px}.journey-panel h2{font-family:Comfortaa,'Avenir Next',system-ui,sans-serif;font-size:23px;letter-spacing:-.6px;line-height:1.4}.message .label{font-weight:650;letter-spacing:.04em;color:#887262}.user p{background:#f0e9de;border:1px solid #e8dfd1;color:#302b23}.journey-panel .label{color:#876a59}
button{border-radius:10px;border-color:#dfd8cb;transition:background-color .12s,border-color .12s;min-height:40px}button:hover{background:#f8f1e7;border-color:#cbbb9f}.journey-primary,.journey-asset-tile .generation-image-result>button{background:var(--brand-action);border-color:var(--brand-action);color:#fff;font-weight:600}.journey-primary:hover,.journey-asset-tile .generation-image-result>button:hover{background:#a72423;border-color:#a72423}.journey-panel progress{accent-color:var(--brand)}
a{color:#a12c27}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #e46647;outline-offset:3px}.entry:focus-within{border-color:#db8870;box-shadow:0 0 0 3px #ffe1d455}.journey-panel .chat-field input[type=checkbox]{accent-color:var(--brand-action)}
.composer{background:linear-gradient(transparent,var(--paper) 20%);padding:24px 24px 14px}.entry{max-width:852px;border-color:#ded5c6;border-radius:18px;box-shadow:0 6px 26px #573a1410;padding:12px 14px}.entry textarea{min-width:0;min-height:42px}.send{background:var(--brand-action);color:#fff;border-radius:12px;flex:none;width:44px;height:44px;font-size:23px}.send:hover{background:#a72423}.note{color:#81776a;font-size:11px}.journey-reference,.journey-asset-tile{background:white;border-color:#e5ded2}.journey-panel .chat-field select,.journey-panel .chat-field input:not([type=checkbox]),.journey-panel .chat-field textarea{border-color:#ded6c8}
.episode-reset-dialog{border:1px solid #e1d7c6;border-radius:20px;background:#fffcf6;width:min(540px,calc(100vw - 28px));padding:28px;color:#25221d;box-shadow:0 24px 80px #201c1630;max-height:90vh;overflow:auto}.episode-reset-dialog::backdrop{background:#211b1766;backdrop-filter:blur(3px)}.episode-reset-dialog h2{font-size:23px;margin:0}.reset-episode-name{color:#776958;margin:2px 0 20px;font-size:13px}.reset-summary{background:#fff0eb;border:1px solid #f2d5c9;border-radius:12px;padding:13px 16px;margin:12px 0;font-size:13px}.reset-summary strong{color:#9b3b2e}.reset-summary p{margin:4px 0;line-height:1.6}.reset-kept{background:#f2f5eb;border-color:#dce4ce}.reset-kept strong{color:#44613c}.episode-reset-dialog>p{font-size:13px}.reset-confirm-label{display:block;font-size:13px;font-weight:600;margin:20px 0 8px}.episode-reset-dialog input{width:100%;padding:11px 12px;border:1px solid #d6cbbb;border-radius:8px;background:white;font:inherit}.reset-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.reset-actions button{margin:0;font-size:13px;font-weight:600}.reset-destructive{background:#ae3028;color:white;border-color:#ae3028}.reset-destructive:hover{background:#8c251f;color:white}.reset-error{font-size:13px;color:#aa342a;margin:10px 0}.reset-error:empty{display:none}
@media(max-width:999px){body>header{padding:12px 16px}.creator-brand{gap:12px}.creator-brand span{padding-left:12px}.conversation-footer{padding-bottom:env(safe-area-inset-bottom)}}
@media(max-width:620px){body>header{flex-wrap:wrap;gap:10px}.creator-brand img{width:96px;height:32px}.creator-brand span{display:none}body>header a:not(.creator-brand){font-size:12px!important;padding:7px 10px}#clear-history{font-size:12px}.journey-panel{padding:18px 14px;border-radius:14px}.journey-panel h2{font-size:20px}.composer{padding:22px 12px 12px}.note{font-size:10px;padding:0 8px}.episode-reset-dialog{padding:23px 20px}.reset-actions{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){button{transition:none}}

.creator-brand{text-decoration:none}.journey-panel{max-width:852px;margin-left:auto;margin-right:auto}

.sequence-picker-capacity{background:#f4f0e6;border:1px solid #e3dacb;border-radius:10px;padding:11px 14px;font-size:13px}.sequence-picker-list{display:grid;gap:12px;margin-top:20px}.sequence-picker-row{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:20px;align-items:center;border:1px solid #e5ded1;border-radius:12px;background:white;padding:17px 18px}.sequence-picker-row h3{grid-column:1;margin:0;font-size:15px}.sequence-picker-row p{grid-column:1;font-size:12px;color:#766b5b;margin:6px 0 0}.sequence-picker-actions{grid-column:2;grid-row:1/3}.sequence-picker-actions button{margin:0;font-size:12px}.sequence-run{scroll-margin-top:100px}.sequence-run-controls{display:flex;flex-wrap:wrap;gap:6px}.sequence-run-controls button{font-size:13px}#creator-generation{flex-wrap:wrap}#creator-generation>button{font-size:12px}
@media(max-width:620px){.sequence-picker-row{display:block;padding:15px}.sequence-picker-actions{margin-top:12px}.sequence-picker-actions button{width:100%}}

/* Completed workflow stages remain accessible without changing approvals. */
#creator-journey li{padding:0;background:transparent;border:0}
#creator-journey li button{margin:0;min-height:38px;padding:7px 13px;border:1px solid #e3ddd2;border-radius:22px;font-size:12px;background:#f1ede4;color:#645c51}
#creator-journey li button[data-complete=true]{color:#466248}
#creator-journey li button[aria-current=step]{border-color:#e5a994;font-weight:600}
#creator-journey li button[aria-pressed=true]{background:#ffede4;border-color:#d8785e;color:#96382b;box-shadow:0 0 0 1px #d8785e}
#creator-journey li button:focus-visible{outline:3px solid #c9563d;outline-offset:3px}
#creator-journey li button:disabled{opacity:.5}
#creator-journey small{display:block;margin-top:6px}
.journey-panel{scroll-margin-top:95px}

.journey-leave-dialog{max-width:440px;border:1px solid #e3d8c9;border-radius:18px;padding:26px;background:#fffcf6;color:#332d25}.journey-leave-dialog::backdrop{background:#20180f55}.journey-leave-dialog h2{font-size:20px;margin-top:0}

/* Keep the live generation queue at the bottom of the chat sidebar. */
#conversation-generation{flex:0 0 auto;margin-top:auto;padding-top:14px;border-top:1px solid #e1dacb}
#conversation-generation:empty{display:none}
#conversation-generation #creator-generation{max-width:none;width:100%;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px;align-items:stretch}
#conversation-generation .generation-counts{grid-column:1/-1;display:block;margin:0 0 4px;color:#756b5d;font-size:11px;line-height:1.65;overflow-wrap:anywhere}
#conversation-generation #creator-generation>button{margin:0;min-height:34px;padding:6px 7px;font-size:11px;line-height:1.4;white-space:normal}
#conversation-generation #creator-render-sequences,#conversation-generation #sequence-review-return{grid-column:1/-1}
#conversation-generation+.conversation-footer{margin-top:12px;padding-top:9px}

/* One centered line when empty; grow naturally for multiline messages. */
.composer .entry > textarea#input{field-sizing:content;flex:1 1 0;min-height:44px;max-height:160px;line-height:24px;padding:10px 2px;overflow-y:auto;margin:0}