/* Cosmetic layer only. Scope excludes the loader, Studio, packs and commerce. */
#cxfa-app.cxui-cosmetic { --cxui-ink:#172033;--cxui-muted:#526077;--cxui-line:#b7c1cf;--cxui-surface:#fff;--cxui-soft:#f6f7f9;--cxui-selected:#fffbe4;--cxui-accent:#ffe223; }
#cxfa-app.cxui-cosmetic[data-room-mode=night] { --cxui-ink:#eef2f8;--cxui-muted:#b8c5d8;--cxui-line:#687b98;--cxui-surface:#182436;--cxui-soft:#202f44;--cxui-selected:#383622; }
#cxfa-app.cxui-cosmetic.cxfa-immersive-entry [data-cxfa-panel]:not([data-cxfa-panel="4"]) h2 { color:var(--cxui-ink)!important;font-size:24px!important;line-height:1.16!important;letter-spacing:-.025em!important;margin-bottom:10px!important; }
#cxfa-app.cxui-cosmetic.cxfa-immersive-entry [data-cxfa-panel]:not([data-cxfa-panel="4"]) .cxfa-editor-tools>h3,
#cxfa-app.cxui-cosmetic.cxfa-immersive-entry .cxfa-emotions legend { color:var(--cxui-ink)!important;font-size:18px!important;line-height:1.25!important; }
#cxfa-app.cxui-cosmetic.cxfa-immersive-entry :is(.cxfa-person-head>strong,.cxfa-field-heading,.storybd-character-description-panel>span) { color:var(--cxui-ink)!important;font-size:14px!important;font-weight:650!important; }
#cxfa-app.cxui-cosmetic.cxfa-immersive-entry :is(.cxfa-editor-main,.cxfa-editor-tools)>p { font-size:13px;line-height:1.5;margin-bottom:12px; }
#cxfa-app.cxui-cosmetic.cxfa-immersive-entry .cxfa-immersion :is(a,button) { color:var(--cxui-ink)!important;background:var(--cxui-surface)!important;border:1px solid var(--cxui-line)!important;box-shadow:none!important; }
#cxfa-app.cxui-cosmetic.cxfa-immersive-entry .cxfa-immersion [aria-disabled=true] { color:var(--cxui-muted)!important;background:var(--cxui-soft)!important;opacity:.68; }
#cxfa-app.cxui-cosmetic.cxfa-immersive-entry .cxfa-read-book { border:1px solid var(--cxui-line)!important;background:var(--cxui-surface)!important;color:var(--cxui-ink)!important;box-shadow:none!important; }
#cxfa-app.cxui-cosmetic.cxfa-immersive-entry .cxfa-read-book[aria-disabled=true] { color:var(--cxui-muted)!important;opacity:.68; }
#cxfa-app.cxui-cosmetic .cxui-methods { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0 0 14px; }
#cxfa-app.cxui-cosmetic .cxui-method { display:flex!important;flex-direction:column;align-items:center;justify-content:flex-start;gap:7px;width:100%;min-width:0;min-height:126px;margin:0!important;padding:12px 8px!important;border:1px solid var(--cxui-line)!important;border-radius:10px;background:var(--cxui-surface)!important;color:var(--cxui-ink)!important;font:inherit;text-align:center!important;box-sizing:border-box;box-shadow:none!important;white-space:normal!important; }
#cxfa-app.cxui-cosmetic .cxui-method strong { color:inherit;font-size:13px;line-height:1.3;font-weight:750; }
#cxfa-app.cxui-cosmetic .cxui-method small { display:block;margin:0!important;color:var(--cxui-muted)!important;font-size:11px!important;font-weight:400;line-height:1.4!important; }
#cxfa-app.cxui-cosmetic .cxui-method.is-current { position:relative;border:2px solid var(--cxui-accent)!important;padding:11px 7px!important;background:var(--cxui-selected)!important; }
#cxfa-app.cxui-cosmetic .cxui-method.is-current::after { content:'✓';position:absolute;right:6px;top:5px;display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:var(--cxui-accent);color:#172033;font-size:11px;font-weight:800; }
#cxfa-app.cxui-cosmetic button.cxui-method:hover { border-color:var(--cxui-accent)!important;background:var(--cxui-soft)!important; }
#cxfa-app.cxui-cosmetic .cxui-method-icon { display:block;width:23px;height:23px;margin:0 0 1px;font-size:22px;line-height:1; }
#cxfa-app.cxui-cosmetic .cxui-icon-photo { position:relative;width:23px;height:17px;margin-top:4px;margin-bottom:3px;border:2px solid currentColor;border-radius:4px; }
#cxfa-app.cxui-cosmetic .cxui-icon-photo::before { content:'';position:absolute;left:5px;top:-6px;width:9px;height:5px;border:2px solid currentColor;border-bottom:0;border-radius:2px 2px 0 0; }
#cxfa-app.cxui-cosmetic .cxui-icon-photo::after { content:'';position:absolute;left:6px;top:3px;width:7px;height:7px;border:1.5px solid currentColor;border-radius:50%; }
#cxfa-app.cxui-cosmetic .cxui-icon-pen::before { content:'✎'; }
#cxfa-app.cxui-cosmetic .cxui-cast-summary { display:grid;gap:8px;margin:12px 0 18px; }
#cxfa-app.cxui-cosmetic .cxui-cast-row { display:flex;align-items:center;gap:10px;min-width:0;padding:10px;border:1px solid var(--cxui-line);border-radius:9px;background:var(--cxui-surface); }
#cxfa-app.cxui-cosmetic .cxui-cast-mark { display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:50%;background:var(--cxui-selected);color:var(--cxui-ink);font-size:19px; }
#cxfa-app.cxui-cosmetic .cxui-cast-copy { display:block;min-width:0;overflow-wrap:anywhere; }
#cxfa-app.cxui-cosmetic .cxui-cast-copy strong { display:block;color:var(--cxui-ink);font-size:14px; }
#cxfa-app.cxui-cosmetic .cxui-cast-copy small { display:block;color:var(--cxui-muted);font-size:11px;line-height:1.4; }
#cxfa-app.cxui-cosmetic .cxui-empty { margin:0!important;padding:12px;border:1px dashed var(--cxui-line);border-radius:9px;color:var(--cxui-muted);font-size:13px!important;line-height:1.5; }
#cxfa-app.cxui-cosmetic .cxui-companions { margin:0 0 8px!important;color:var(--cxui-muted);font-size:10px!important;font-weight:700;letter-spacing:.06em; }
#cxfa-app.cxui-cosmetic .cxui-add-help { margin:7px 0 4px!important;color:var(--cxui-muted);font-size:12px!important; }
#cxfa-app.cxui-cosmetic #cxfa-add-person { font-size:13px!important;line-height:1.35;white-space:normal; }
#cxfa-app.cxui-cosmetic .cxfa-person-head { margin-bottom:10px; }
#cxfa-app.cxui-cosmetic #cxfa-cast>.cxfa-person:first-child>.cxfa-person-head { display:none; }
#cxfa-app.cxui-cosmetic.cxfa-immersive-entry .cxfa-invented-fields .storybd-character-description-panel.cxui-description { display:flex!important;flex-direction:column!important;grid-template-columns:none!important;gap:8px!important;width:100%!important; }
#cxfa-app.cxui-cosmetic.cxfa-immersive-entry .cxfa-invented-fields .cxui-description>label { width:100%!important;margin:0!important; }
#cxfa-app.cxui-cosmetic .cxui-description>:is(.cxui-no-photo,.cxui-appearance) { width:100%;flex:0 0 auto; }
#cxfa-app.cxui-cosmetic .cxui-description .storybd-character-free { height:110px;min-height:96px!important; }
#cxfa-app.cxui-cosmetic .cxui-no-photo { margin:0!important;color:var(--cxui-muted);font-size:12px!important;line-height:1.4; }
#cxfa-app.cxui-cosmetic .cxui-appearance { margin-top:3px;border-top:1px solid var(--cxui-line); }
#cxfa-app.cxui-cosmetic .cxui-appearance>summary { display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:8px 0;color:var(--cxui-ink);font-size:12px;font-weight:600;line-height:1.4;cursor:pointer;list-style:none; }
#cxfa-app.cxui-cosmetic .cxui-appearance>summary::-webkit-details-marker { display:none; }
#cxfa-app.cxui-cosmetic .cxui-appearance>summary::after { content:'＋';font-size:18px; }
#cxfa-app.cxui-cosmetic .cxui-appearance[open]>summary::after { content:'−'; }
#cxfa-app.cxui-cosmetic .cxui-appearance-fields { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }
#cxfa-app.cxui-cosmetic .cxui-appearance-fields>label { min-width:0;margin:0!important; }
#cxfa-app.cxui-cosmetic .cxui-appearance-fields>label:has(.storybd-character-body) { grid-column:1/-1; }
#cxfa-app.cxui-cosmetic .cxui-example-caption { display:none; }
#cxfa-app.cxui-cosmetic .cxfa-showcase[data-stage=sketch][data-cover-ready=false][data-personalized=false] .cxui-example-caption { position:absolute;z-index:2;bottom:103px;left:0;right:0;display:block;margin:0;padding:2px 6px;color:var(--cxui-muted);font-size:11px;line-height:1.4;text-align:center;pointer-events:none; }
/* Native moods stay selectable; yellow simply marks the current choice. */
#cxfa-app.cxui-cosmetic .cxfa-emotion-options .storybd-tone[aria-pressed=true] { border-color:#d2b900!important;box-shadow:0 0 0 1px #d2b900!important;background:var(--cxui-selected)!important; }
#cxfa-app.cxui-cosmetic .cxfa-emotion-options .storybd-tone[aria-pressed=true]>span { background:#ffe781!important;color:#4d421b!important; }
#cxfa-app.cxui-cosmetic.cxfa-immersive-entry [data-cxfa-panel]:not([data-cxfa-panel="4"]) .cxj-voice-button:not([aria-pressed=true]) { border:1px solid var(--cxui-line)!important;background:var(--cxui-surface)!important;color:var(--cxui-ink)!important;box-shadow:none!important; }
#cxfa-app.cxui-cosmetic .cxfa-native-styles .storybd-choice[aria-checked=true] { border-color:#d2b900!important;box-shadow:0 0 0 1px #d2b900!important; }
#cxfa-app.cxui-cosmetic .cxfa-native-styles .cx-style-check { background:#ffe223!important;color:#172033!important; }
/* Continuation: hierarchy and compact assurance, never native state changes. */
#cxfa-app.cxui-cosmetic.cxfa-continuation-entry[data-suite-phase=form] #storybd-v7-app .cxfa-suite-left :is(h1,h2) { color:var(--cxui-ink)!important;font-size:24px!important; }
#cxfa-app.cxui-cosmetic.cxfa-continuation-entry[data-suite-phase=form] #storybd-v7-app .cxfa-suite-right :is(h2,h3) { color:var(--cxui-ink)!important;font-size:18px!important;line-height:1.25!important; }
#cxfa-app.cxui-cosmetic.cxfa-continuation-entry[data-suite-phase=form] #storybd-v7-app .cxfa-suite-right:has(.cx-completed-row)::before { content:'Options de cette planche';display:block;margin:0 0 12px;color:var(--cxui-ink);font-size:18px;font-weight:750;line-height:1.25; }
#cxfa-app.cxui-cosmetic.cxfa-continuation-entry[data-suite-phase=form] #storybd-v7-app .cx-completed-row { display:grid!important;grid-template-columns:24px minmax(0,1fr) auto;align-items:center!important;gap:8px!important;min-height:0!important;margin:0 0 16px!important;padding:9px!important;border:1px solid var(--cxui-line)!important;border-radius:8px!important;background:var(--cxui-surface)!important; }
#cxfa-app.cxui-cosmetic.cxfa-continuation-entry[data-suite-phase=form] #storybd-v7-app .cx-completed-row>strong { color:var(--cxui-ink)!important;font-size:11px!important;line-height:1.45!important; }
#cxfa-app.cxui-cosmetic.cxfa-continuation-entry[data-suite-phase=form] #storybd-v7-app .cx-completed-row>.cx-complete-mark { display:grid;place-items:center;width:24px!important;height:24px!important;min-width:0!important;padding:0!important;font-size:13px!important; }
#cxfa-app.cxui-cosmetic.cxfa-continuation-entry[data-suite-phase=form] #storybd-v7-app .cx-completed-row>.cx-text-action { min-width:44px;min-height:44px;margin:0!important;padding:4px!important;font-size:11px!important;white-space:nowrap; }
#cxfa-app.cxui-cosmetic.cxfa-continuation-entry[data-suite-phase=form] .cxfa-suite-book-actions .cxfa-suite-read { min-height:44px;width:auto;max-width:100%;padding:9px 16px;border:1px solid var(--cxui-line)!important;border-radius:8px;background:var(--cxui-surface)!important;color:var(--cxui-ink)!important;font-size:14px!important;box-shadow:none!important; }
#cxfa-app.cxui-cosmetic.cxfa-continuation-entry[data-suite-phase=form] .cxfa-suite-book-actions { display:flex;justify-content:center; }
#cxfa-app.cxui-cosmetic.cxfa-continuation-entry[data-suite-phase=form] #storybd-v7-app .cxj-voice-button { border:1px solid var(--cxui-line)!important;background:var(--cxui-surface)!important;color:var(--cxui-ink)!important;box-shadow:none!important; }
@media(min-width:1100px) {
  /* Release space downwards only on editable steps; fixed book/footer stay put. */
  #cxfa-app.cxui-cosmetic.cxfa-immersive-entry [data-cxfa-panel]:not([data-cxfa-panel="4"]) :is(.cxfa-editor-main,.cxfa-editor-tools) { align-self:start;margin-bottom:0;max-height:calc(100% - 20px);padding:18px; }
  #cxfa-app.cxui-cosmetic.cxfa-immersive-entry [data-cxfa-panel="1"] .cxfa-editor-main { width:min(380px,calc(var(--cxfa-atelier-left) + var(--cxfa-atelier-rail) - var(--cxfa-atelier-gutter)));justify-self:end; }
  #cxfa-app.cxui-cosmetic.cxfa-immersive-entry [data-cxfa-panel="1"] .cxfa-person { margin-top:14px; }
  #cxfa-app.cxui-cosmetic.cxfa-immersive-entry [data-cxfa-panel="2"] .cxfa-story-title-field { margin:10px 0;padding-bottom:8px; }
  #cxfa-app.cxui-cosmetic.cxfa-immersive-entry [data-cxfa-panel="2"] #cx-story-free { height:120px;min-height:110px!important; }
  #cxfa-app.cxui-cosmetic.cxfa-continuation-entry[data-suite-phase=form] #storybd-v7-app :is(.cxfa-suite-left,.cxfa-suite-right) { top:calc(var(--cxfa-suite-top) + 28px);bottom:auto;max-height:calc(100dvh - var(--cxfa-suite-top) - var(--cxfa-suite-nav-space) - 50px); }
}
@media(max-width:1099px) {
  #cxfa-app.cxui-cosmetic .cxui-example-caption { display:none!important; }
  #cxfa-app.cxui-cosmetic .cxui-method { min-height:128px; }
  #cxfa-app.cxui-cosmetic .cxui-method strong { font-size:14px; }
  #cxfa-app.cxui-cosmetic .cxui-method small { font-size:12px!important; }
  #cxfa-app.cxui-cosmetic.cxfa-immersive-entry [data-cxfa-panel="1"] .cxfa-editor-tools { margin-top:20px; }
}
@media(max-width:360px) {
  #cxfa-app.cxui-cosmetic .cxui-methods { gap:7px; }
  #cxfa-app.cxui-cosmetic .cxui-method { min-height:140px;padding:11px 6px!important; }
  #cxfa-app.cxui-cosmetic .cxui-method strong { font-size:12px; }
  #cxfa-app.cxui-cosmetic .cxui-method small { font-size:11px!important; }
  #cxfa-app.cxui-cosmetic .cxui-appearance-fields { grid-template-columns:1fr; }
}
/* 1.0.2: native messages stay in the panel flow, never over another control. */
#cxfa-app.cxui-cosmetic .cxui-messages { display:none;flex:0 0 auto;min-width:0;width:100%;margin:12px 0 0; }
#cxfa-app.cxui-cosmetic .cxui-messages:has(> :not([hidden])) { display:block; }
#cxfa-app.cxui-cosmetic.cxfa-immersive-entry .cxui-messages > :is(#cxfa-status,#cxfa-save-note) { position:static!important;inset:auto!important;z-index:auto!important;display:block;width:100%!important;max-width:100%!important;max-height:none!important;margin:0!important;padding:8px 0!important;box-sizing:border-box;overflow:visible!important;overflow-wrap:anywhere;white-space:normal;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--cxui-muted);font-size:13px;line-height:1.5; }
#cxfa-app.cxui-cosmetic.cxfa-immersive-entry .cxui-messages > :is(#cxfa-status,#cxfa-save-note)[hidden] { display:none!important; }
#cxfa-app.cxui-cosmetic.cxfa-immersive-entry .cxui-messages > #cxfa-status[data-error=true] { padding-left:10px!important;border-left:3px solid #d13b62!important;color:#9b2942; }
#cxfa-app.cxui-cosmetic.cxfa-immersive-entry[data-room-mode=night] .cxui-messages > #cxfa-status[data-error=true] { color:#ffacbe; }
/* Match the native Journey microphone/stop shapes without relying on its form scope. */
#cxfa-app.cxui-cosmetic .cxj-voice-button > .cxj-voice-glyph { display:grid!important;place-items:center;flex:0 0 20px;width:20px!important;height:20px!important;border-radius:50%;background:var(--cxui-selected);color:var(--cxui-ink);line-height:1; }
#cxfa-app.cxui-cosmetic .cxj-voice-button > .cxj-voice-glyph::before { content:"";display:block;width:14px;height:14px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8' y='2' width='8' height='13' rx='4'/%3E%3Cpath d='M5 11a7 7 0 0 0 14 0M12 18v4M8 22h8'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8' y='2' width='8' height='13' rx='4'/%3E%3Cpath d='M5 11a7 7 0 0 0 14 0M12 18v4M8 22h8'/%3E%3C/svg%3E") center/contain no-repeat; }
#cxfa-app.cxui-cosmetic .cxj-voice-button:is(.is-listening,[aria-pressed=true]) > .cxj-voice-glyph { background:#b00e4f;color:#fff; }
#cxfa-app.cxui-cosmetic .cxj-voice-button:is(.is-listening,[aria-pressed=true]) > .cxj-voice-glyph::before { width:8px;height:8px;border:0;border-radius:2px;-webkit-mask:none;mask:none;background:currentColor; }

/* 1.0.3: companion addition is a warm secondary action; primary pink CTA stays native. */
#cxfa-app.cxui-cosmetic.cxfa-immersive-entry #cxfa-add-person,
#cxfa-app.cxui-cosmetic.cxfa-continuation-entry #storybd-v7-app #storybd-add-character-photo { background:#ffed9e!important;color:#332b13!important;border-color:#c8a747!important;box-shadow:0 1px 2px #332b1314!important; }
#cxfa-app.cxui-cosmetic.cxfa-immersive-entry #cxfa-add-person > :is(span,em),
#cxfa-app.cxui-cosmetic.cxfa-continuation-entry #storybd-v7-app #storybd-add-character-photo > :is(span,em) { color:inherit!important; }
#cxfa-app.cxui-cosmetic.cxfa-immersive-entry #cxfa-add-person:hover:not(:disabled):not([aria-disabled=true]),
#cxfa-app.cxui-cosmetic.cxfa-continuation-entry #storybd-v7-app #storybd-add-character-photo:hover:not(:disabled):not([aria-disabled=true]) { background:#ffe681!important;border-color:#ae891e!important;color:#332b13!important; }
#cxfa-app.cxui-cosmetic.cxfa-immersive-entry #cxfa-add-person:focus-visible,
#cxfa-app.cxui-cosmetic.cxfa-continuation-entry #storybd-v7-app #storybd-add-character-photo:focus-visible { outline:3px solid #806000!important;outline-offset:3px; }
#cxfa-app.cxui-cosmetic.cxfa-immersive-entry #cxfa-add-person:is(:disabled,[aria-disabled=true]),
#cxfa-app.cxui-cosmetic.cxfa-continuation-entry #storybd-v7-app #storybd-add-character-photo:is(:disabled,[aria-disabled=true]) { background:#e8dfbd!important;color:#746b4d!important;border-color:#c8bea2!important;box-shadow:none!important;opacity:.68; }

/* 1.0.4: the visible continuation shortcut uses the same secondary action color. */
#cxfa-app.cxui-cosmetic.cxfa-continuation-entry #storybd-v7-app .cxfa-suite-right button.cx-secondary-action[data-cx-go="characters"] { background:#ffed9e!important;color:#332b13!important;border-color:#c8a747!important;box-shadow:0 1px 2px #332b1314!important; }
#cxfa-app.cxui-cosmetic.cxfa-continuation-entry #storybd-v7-app .cxfa-suite-right button.cx-secondary-action[data-cx-go="characters"] > :is(span,em) { color:inherit!important; }
#cxfa-app.cxui-cosmetic.cxfa-continuation-entry #storybd-v7-app .cxfa-suite-right button.cx-secondary-action[data-cx-go="characters"]:hover:not(:disabled):not([aria-disabled=true]) { background:#ffe681!important;border-color:#ae891e!important;color:#332b13!important; }
#cxfa-app.cxui-cosmetic.cxfa-continuation-entry #storybd-v7-app .cxfa-suite-right button.cx-secondary-action[data-cx-go="characters"]:focus-visible { outline:3px solid #806000!important;outline-offset:3px; }
#cxfa-app.cxui-cosmetic.cxfa-continuation-entry #storybd-v7-app .cxfa-suite-right button.cx-secondary-action[data-cx-go="characters"]:is(:disabled,[aria-disabled=true]) { background:#e8dfbd!important;color:#746b4d!important;border-color:#c8bea2!important;box-shadow:none!important;opacity:.68; }

/* 1.0.6: normal discovery wait only; native recovery/error states stay intact. */
#cxfa-app.cxui-cosmetic.cxfa-immersive-entry.cxui-quiet-wait[data-step="4"] .cxfa-discovery-tools,
#cxfa-app.cxui-cosmetic.cxfa-immersive-entry.cxui-quiet-wait[data-step="4"] .cxfa-discovery-main { display:none!important; }
#cxfa-app.cxui-cosmetic .cxui-wait-help { display:block;width:fit-content;max-width:100%;margin:6px 0 0;padding:10px 0;min-height:44px;box-sizing:border-box;font-size:12px;line-height:24px;color:#526077;text-decoration:underline;text-underline-offset:3px; }
#cxfa-app.cxui-cosmetic .cxui-wait-help[hidden] { display:none!important; }
#cxfa-app.cxui-cosmetic .cxui-wait-help:focus-visible { outline:3px solid #806000;outline-offset:3px; }

/* Day-mode offer reading link only: keep dark text on the existing white button. */
#cxfa-app.cxui-cosmetic.cxfa-immersive-entry[data-room-mode=day][data-offer-presentation=ready] #cxfa-read-book { color:#172033!important; }
