/* Independently scoped story conversation; dialogue production styles are untouched. */
.creation-assistant-overlay[hidden],.creation-assistant-overlay [hidden]{display:none!important}
.creation-assistant-overlay{position:fixed;inset:0;z-index:10050;display:flex;align-items:center;justify-content:center;padding:2vh 2vw;background:#18243880;font-family:var(--font-sans);font-size:var(--ui-font-body);color:var(--ink,#162338)}
.creation-assistant-panel{width:min(1560px,96vw);height:96vh;display:flex;flex-direction:column;min-height:0;border-radius:16px;overflow:hidden;background:var(--panel,#fff);box-shadow:0 16px 60px #0004}
.creation-assistant-panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 22px;border-bottom:1px solid var(--border,#dde4ec);flex-shrink:0}
.creation-assistant-panel h3{margin:0 0 4px;font-size:var(--ui-font-page);font-weight:var(--ui-font-weight)}
.creation-assistant-panel>header p{margin:4px 0 0;color:var(--muted,#64748b);font-size:var(--ui-font-meta)}
.creation-assistant-tools,.creation-assistant-candidate-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.creation-assistant-panel button,.creation-assistant-panel textarea{font:inherit;color:inherit}
.creation-assistant-panel button{padding:6px 12px;border:1px solid var(--border,#d7e0ee);background:var(--panel,#fff);border-radius:8px;cursor:pointer}
.creation-assistant-panel button:hover{background:var(--panel-alt,#f0f3f7)}.creation-assistant-panel button:disabled{opacity:.45;cursor:default}
.creation-assistant-panel .creation-assistant-adopt{background:var(--mj-button,#f04423)!important;border-color:var(--mj-button,#f04423)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
.creation-assistant-panel .creation-assistant-adopt:hover:not(:disabled){background:var(--mj-button-hover,#c82012)!important;border-color:var(--mj-button-hover,#c82012)!important}
.creation-assistant-notices{padding:0;max-height:none;overflow:visible;flex-shrink:0}.creation-assistant-notices:empty{display:none}
.creation-assistant-notices p{margin:0 0 12px;padding:0;background:transparent;white-space:pre-wrap;overflow-wrap:anywhere}
.creation-assistant-notices .creation-assistant-error{color:#ad361c}
.creation-assistant-notices pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-family:var(--font-sans)!important}
.creation-assistant-chat{overflow:auto;min-height:0;flex:1;padding:16px 24px;line-height:1.8;overscroll-behavior:contain}
.creation-assistant-chat strong{font-weight:var(--ui-font-weight);font-style:var(--ui-font-style)}
.creation-assistant-user,.creation-assistant-answer,.creation-assistant-story{white-space:pre-wrap;overflow-wrap:anywhere}
.creation-assistant-user{box-sizing:border-box;width:fit-content;max-width:88%;margin:12px 0 18px auto;padding:10px 14px;background:var(--panel-alt,#edf1f5);border-radius:14px}
.creation-assistant-answer{margin:12px 0}.creation-assistant-candidate{margin:8px 0 24px}.creation-assistant-answer,.creation-assistant-story,.creation-assistant-candidate{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;max-height:none;overflow:visible}
.creation-assistant-summary,.creation-assistant-muted{color:var(--muted,#64748b);font-size:var(--ui-font-meta)}
.creation-assistant-candidate-actions{justify-content:flex-end;margin-top:12px}
.creation-assistant-composer{padding:8px 22px 10px;border:0;flex-shrink:0;background:transparent}
.creation-assistant-input{display:flex;align-items:flex-end;gap:8px;border:1px solid #cbd5e1;border-radius:16px;padding:7px 8px;background:var(--panel-alt,#fafbfc)}
.creation-assistant-composer textarea{box-sizing:border-box;width:100%;flex:1;min-width:0;min-height:30px;max-height:min(200px,30vh);padding:4px;border:0;outline:none;background:transparent;resize:none;line-height:22px;overflow-y:auto}
.creation-assistant-input:focus-within{border-color:#64748b}
.creation-assistant-panel .creation-assistant-send{position:relative;width:36px;min-width:36px;height:36px;min-height:36px;flex-shrink:0;padding:0;border:1px solid transparent;border-radius:50%;font-size:0;background:var(--mj-button,#ff542e)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;line-height:36px}
.creation-assistant-send::before{content:"";position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:var(--ui-icon-action-size,18px);height:var(--ui-icon-action-size,18px);background:currentColor;-webkit-mask:var(--ui-icon-send) center / contain no-repeat;mask:var(--ui-icon-send) center / contain no-repeat;pointer-events:none}
.creation-assistant-send[data-assistant-action="stop"]::before{width:12px;height:12px;border-radius:2px;-webkit-mask:none;mask:none}
.creation-assistant-hint{display:flex;gap:10px;justify-content:space-between;align-items:flex-start;color:var(--muted,#64748b);font-size:var(--ui-font-caption);margin-top:7px;flex-wrap:wrap}
.creation-assistant-cost{margin:0}
.creation-assistant-overlay:fullscreen,.creation-assistant-overlay.is-fullscreen{padding:0;width:100vw;height:100vh}.creation-assistant-overlay:fullscreen .creation-assistant-panel,.creation-assistant-overlay.is-fullscreen .creation-assistant-panel{width:100%;height:100%;border-radius:0}
@media(max-width:800px){.creation-assistant-overlay{padding:1vh 1vw}.creation-assistant-panel{height:98vh}.creation-assistant-panel>header{padding:10px 12px}.creation-assistant-chat{padding:12px}.creation-assistant-composer{padding-left:12px;padding-right:12px}.creation-assistant-tools{flex-wrap:nowrap}}

.creation-assistant-settings{padding:10px 22px;border-bottom:1px solid var(--border,#dde4ec);flex-shrink:0;max-height:30vh;overflow:auto}
.creation-assistant-settings summary{cursor:pointer;color:var(--muted,#64748b)}
.creation-assistant-settings-list{display:grid;gap:8px;margin-top:10px}
.creation-assistant-setting{display:grid;grid-template-columns:minmax(120px,1fr) minmax(90px,1fr) auto;gap:8px;align-items:center;overflow-wrap:anywhere}
.creation-assistant-panel .creation-assistant-edit-requirement{margin-top:8px;font-size:var(--ui-font-caption);background:transparent}
#creationStartSummary dd,#creationStartSources p,#creationStartStoryBody{overflow-wrap:anywhere}
#creationStartStory{margin:14px 0}
#creationStartStory summary{cursor:pointer}
#creationStartStoryBody{white-space:pre-wrap;line-height:1.8;margin-top:10px;max-height:32vh;overflow:auto}
@media(max-width:800px){.creation-assistant-settings{padding:8px 12px}.creation-assistant-setting{grid-template-columns:minmax(0,1fr) auto}.creation-assistant-setting .creation-assistant-muted{grid-column:1;grid-row:auto}.creation-assistant-setting button{grid-column:2;grid-row:1 / span 2}}

/* Conversation navigation and content share the same typography and viewport. */
.creation-assistant-panel>header>div:first-child{min-width:0}
.creation-assistant-layout{display:grid;grid-template-columns:260px minmax(0,1fr);position:relative;flex:1;min-height:0;min-width:0;overflow:hidden}
.creation-assistant-sidebar{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;border-right:1px solid var(--border,#dde4ec);background:var(--panel-alt,#f4f6f8)}
.creation-assistant-panel .creation-assistant-new-chat{display:block;margin:12px 12px 4px;flex-shrink:0;text-align:left}
.creation-assistant-panel .creation-assistant-sidebar-close,.creation-assistant-panel .creation-assistant-sidebar-toggle{display:none}
.creation-assistant-sidebar .creation-assistant-settings{padding:10px 12px;max-height:42%;overflow:auto;border-bottom:1px solid var(--border,#dde4ec)}
.creation-assistant-sidebar .creation-assistant-settings summary{font-size:var(--ui-font-meta);overflow-wrap:anywhere}
.creation-assistant-sidebar .creation-assistant-settings-list{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.creation-assistant-sidebar .creation-assistant-setting{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding-bottom:10px;border-bottom:1px solid var(--border,#dde4ec);font-size:var(--ui-font-meta)}
.creation-assistant-sidebar .creation-assistant-setting:last-child{border-bottom:0;padding-bottom:0}
.creation-assistant-sidebar .creation-assistant-setting button{padding:3px 8px;font-size:var(--ui-font-caption)}
.creation-assistant-sidebar .creation-assistant-history{flex:1;min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:8px 10px 16px;margin:0;border:0}
.creation-assistant-history-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
.creation-assistant-nav-heading{margin:12px 6px 6px;color:var(--muted,#64748b);font-size:var(--ui-font-caption);font-weight:var(--ui-font-weight);overflow-wrap:anywhere}
.creation-assistant-nav-group{margin:6px 0;min-width:0}
.creation-assistant-nav-group>summary{box-sizing:border-box;max-width:100%;padding:6px;color:var(--muted,#64748b);font-size:var(--ui-font-meta);cursor:pointer;list-style-position:inside;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.creation-assistant-nav-row{position:relative;display:flex;align-items:center;gap:3px;min-width:0;margin:3px 0;padding:2px;border-radius:9px}
.creation-assistant-nav-row:hover{background:var(--panel,#fff)}
.creation-assistant-nav-row.is-selected{background:var(--panel,#fff);box-shadow:inset 0 0 0 1px var(--border,#d7e0ee)}
.creation-assistant-panel .creation-assistant-nav-item{display:block;flex:1;min-width:0;padding:8px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-color:transparent;background:transparent;font-size:var(--ui-font-meta)}
.creation-assistant-panel .creation-assistant-pin{display:flex;align-items:center;justify-content:center;width:30px;min-width:30px;height:30px;flex-shrink:0;padding:4px;border-color:transparent;background:transparent;color:var(--muted,#64748b);font-size:0}
.creation-assistant-pin::before{content:"";display:block;width:18px;height:18px;background:currentColor;transform:rotate(-25deg);--creation-assistant-pin-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3h8M9 3v6l-3 3v2h12v-2l-3-3V3M12 14v7'/%3E%3C/svg%3E");-webkit-mask:var(--creation-assistant-pin-icon) center / contain no-repeat;mask:var(--creation-assistant-pin-icon) center / contain no-repeat}
.creation-assistant-pin[aria-pressed="true"]::before{transform:none}
.creation-assistant-panel .creation-assistant-pin[aria-pressed="true"]{color:var(--mj-button,#f04423)}
.creation-assistant-panel .creation-assistant-nav-item:focus-visible,.creation-assistant-panel .creation-assistant-pin:focus-visible{outline:2px solid var(--muted,#64748b);outline-offset:-2px}
.creation-assistant-main{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;background:var(--panel,#fff)}
.creation-assistant-conversation-header{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;flex-shrink:0;padding:12px 24px;border:0;background:transparent}
.creation-assistant-conversation-header>div,.creation-assistant-conversation-header>strong{min-width:0;flex:1}
.creation-assistant-conversation-header strong,.creation-assistant-conversation-header h4{display:block;max-width:100%;margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:var(--ui-font-body);font-weight:var(--ui-font-weight);line-height:1.4}
.creation-assistant-conversation-header p{max-width:100%;margin:3px 0 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:var(--ui-font-meta);line-height:1.35}
.creation-assistant-panel>header h3{margin:0}
.creation-assistant-conversation-header button{flex-shrink:0}
.creation-assistant-main>.creation-assistant-chat,.creation-assistant-main>.creation-assistant-composer{box-sizing:border-box;width:100%;min-width:0;padding-inline:max(24px,calc((100% - 900px)/2))}
.creation-assistant-chat>.creation-assistant-notices{max-height:none;overflow:visible}
.creation-assistant-main>.creation-assistant-chat{padding-top:22px;padding-bottom:22px}
.creation-assistant-main .creation-assistant-candidate{min-width:0}
@media(max-width:800px){
 .creation-assistant-layout{display:flex}
 .creation-assistant-main{width:100%}
 .creation-assistant-sidebar{display:none;position:absolute;inset:0 auto 0 0;width:min(290px,86%);z-index:2;box-shadow:8px 0 24px #0002}
 .creation-assistant-layout.is-sidebar-open .creation-assistant-sidebar{display:flex}
 .creation-assistant-layout.is-sidebar-open::before{content:"";position:absolute;inset:0;z-index:1;background:#18243866}
 .creation-assistant-panel .creation-assistant-sidebar-toggle{display:inline-flex}
 .creation-assistant-panel .creation-assistant-sidebar-close{display:inline-flex;align-self:flex-end;margin:8px 12px 0;padding:4px 8px}
 .creation-assistant-panel .creation-assistant-new-chat{margin-top:8px}
 .creation-assistant-sidebar .creation-assistant-settings{max-height:40%}
 .creation-assistant-conversation-header{padding:10px 12px;flex-wrap:nowrap}
 .creation-assistant-main>.creation-assistant-chat,.creation-assistant-main>.creation-assistant-composer{padding-left:12px;padding-right:12px}
 .creation-assistant-main>.creation-assistant-chat{padding-top:14px;padding-bottom:14px}
 .creation-assistant-user{max-width:96%;padding:10px 12px}
}
.creation-assistant-current-title{margin:0 0 10px;font:inherit;font-weight:600}
.creation-assistant-discussing{margin:0 0 7px;color:var(--muted,#64748b);overflow-wrap:anywhere;font-size:var(--ui-font-meta)}

.creation-assistant-tooltip,.creation-assistant-nav-tooltip{position:fixed;z-index:10070;box-sizing:border-box;width:max-content;max-width:min(320px,calc(100vw - 24px));padding:10px 12px;border:1px solid var(--border,#d7e0ee);border-radius:9px;background:var(--panel,#fff);color:var(--ink,#162338);box-shadow:0 6px 24px #18243826;font-family:var(--font-sans);font-size:var(--ui-font-caption);line-height:1.6;white-space:pre-line;overflow-wrap:anywhere;pointer-events:none}
.creation-assistant-tooltip[hidden],.creation-assistant-nav-tooltip[hidden]{display:none!important}
.creation-assistant-tooltip p,.creation-assistant-nav-tooltip p{margin:0}
.creation-assistant-tooltip strong,.creation-assistant-nav-tooltip strong{font-weight:var(--ui-font-weight)}
