/* Un résultat lisible en un regard, dans le même cadre que la conversation. */
.creation-chat .agent-paper-header{gap:16px;align-items:center}
.chat-app-context{min-width:0;text-align:left}
.chat-app-label{display:block;margin-bottom:5px;font-size:8px;letter-spacing:1px;color:#737b6c}
.chat-app-context>strong{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px;font-size:15px;line-height:1.3;font-weight:500;letter-spacing:-.3px;color:#30392a}
.chat-app-context>strong>span{white-space:nowrap}
.chat-app-context small{font-size:10px;letter-spacing:0;font-weight:400;color:#7d8676}
.chat-academy-source{display:flex;align-items:center;gap:7px;flex:none;color:#737b6b;text-align:left;font-size:8px;line-height:1.4}
.chat-academy-source>span{display:block}
.chat-academy-source strong{display:block;font-size:11px;font-weight:500;color:#4d5944}
@media(max-width:480px){.creation-chat .agent-paper-header{gap:12px}.chat-app-context>strong{font-size:13px;gap:4px}.chat-app-label{font-size:7px;letter-spacing:.7px}.chat-academy-source{gap:5px;font-size:7px}.chat-academy-source strong{font-size:10px}}
#apercu-chat.creation-chat{min-height:552px;padding:32px 34px 57px;scroll-margin-top:110px}
.creation-chat .agent-paper{max-width:440px;padding:22px}
.creation-chat-stage{position:relative;height:330px}
.creation-scene{position:absolute;inset:0;padding-top:16px}
.creation-prompt{display:flex;align-items:center;min-height:46px;width:fit-content;max-width:96%;margin:0 0 16px auto;padding:10px 14px;border-radius:16px 16px 4px 16px;background:#eff0ea;color:#4e554b;font-size:12px;line-height:1.4}
.creation-agent{display:flex;align-items:center;gap:11px;height:36px;margin-bottom:12px}
.creation-reply{position:relative;flex:1;min-width:0}
.creation-reply p{font-size:12px;line-height:1.4;color:#40493e}
.creation-typing{display:none;position:absolute;inset:0 auto;align-items:center;gap:4px}
.creation-typing i{width:4px;height:4px;border-radius:50%;background:#91a08b}
.creation-output{margin-left:39px}
.creation-video-preview,.creation-browser{height:174px;overflow:hidden;border:1px solid #e2e6dd;border-radius:13px;background:#f8f9f3;position:relative}
.creation-video-preview{background:#222821;border-color:#303b2b}
.creation-video-preview>img{width:100%;height:100%;object-fit:cover;object-position:center 48%}
.creation-video-preview.creation-real-video{background:#07111e;border-color:#223041}
.creation-real-video>video{display:block;width:100%;height:100%;object-fit:contain}
.creation-video-progress{position:absolute;inset:auto 0 0;height:2px;background:#8ca9bd38;pointer-events:none}
.creation-video-progress>span{display:block;width:100%;height:100%;background:#8ca9bd;transform:scaleX(0);transform-origin:left;transition:transform .2s linear}
.creation-video-format{position:absolute;right:9px;top:9px;background:#fffdf1e8;color:#36412f;font-size:7px;letter-spacing:.6px;padding:4px 7px;border-radius:999px}
.creation-edit-track{position:absolute;inset:auto 0 0;display:flex;gap:9px;align-items:center;height:30px;padding:0 12px;background:#20271eed;color:#eef2e4;font-size:8px;backdrop-filter:blur(8px)}
.creation-edit-track>span:first-child{font-size:8px}
.creation-edit-track>span:last-child{white-space:nowrap;color:#c2cbb8;font-size:8px}
.creation-wave{display:flex;align-items:center;gap:3px;flex:1;position:relative;height:19px;overflow:hidden;transform-origin:left}
.creation-wave i{height:var(--wave);width:3px;border-radius:2px;background:#b5c994;flex:1;max-width:4px}
.creation-wave:after{content:'';position:absolute;left:0;top:0;height:19px;width:1px;background:#f7f9ee;box-shadow:0 0 8px #fff8;animation:creation-playhead 3s linear infinite}
.creation-browser-bar{height:23px;padding:0 9px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e7e9e0;color:#89927f;background:#fffef9;font-size:7px;line-height:1}
.creation-browser-dots{display:flex;gap:3px}
.creation-browser-dots i{width:3px;height:3px;border-radius:50%;background:#c6ccbe}
/* Toute la capture ouvre la page réelle correspondante dans un nouvel onglet. */
#apercu-chat.has-real-sites{min-height:570px}
.has-real-sites .creation-chat-stage{height:348px}
[data-real-site] .creation-output{margin-left:0}
.creation-browser.creation-site-preview{display:block;height:192px;--site-window-height:167px;background:#fff;color:inherit;text-decoration:none;cursor:pointer}
.creation-site-preview .creation-browser-bar{font-size:8px;color:#65717b}
.creation-site-name{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.creation-site-visit{display:flex;align-items:center;gap:5px;flex:none;padding:4px 6px;border-radius:5px;background:#edf1ef;color:#50666c;font-size:8px;white-space:nowrap}
.creation-site-preview:hover .creation-site-visit{background:#e2efff;color:#244f7a}
.creation-site-preview:focus-visible{outline:2px solid #5c7882;outline-offset:3px}
.creation-site-viewport{height:var(--site-window-height);overflow:auto;scrollbar-width:thin;overscroll-behavior:contain}
.creation-site-capture{display:block;width:100%;height:auto;max-width:none}
.has-creation-motion .creation-site-viewport{overflow:hidden}
.has-creation-motion .is-current .creation-site-capture{animation:creation-site-scroll 7.8s 1.8s cubic-bezier(.25,.1,.25,1) both}
@keyframes creation-site-scroll{0%,10%{transform:translateY(0)}90%,100%{transform:translateY(calc(-100% + var(--site-window-height)))}}
.creation-travel{padding:10px 11px;background:#f6f3e9;height:151px}
.creation-travel-heading{display:flex;justify-content:space-between;align-items:center;font-size:6px;color:#89907e;margin-bottom:7px;line-height:1}
.creation-travel-heading>span:first-child{font-size:8px;letter-spacing:1.4px;color:#4d5940}
.creation-travel-hero{height:69px;border-radius:6px;background:#e7dfce;padding:9px 11px;display:flex;justify-content:space-between;position:relative;overflow:hidden}
.creation-travel-hero p{font-size:5px;letter-spacing:.8px;color:#85785f;margin-bottom:5px}
.creation-travel-hero h4{font-size:20px;line-height:.95;letter-spacing:-.8px;color:#4b503d}
.creation-travel-hero svg{position:absolute;right:0;bottom:0;height:80px;width:120px}
.creation-destinations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:7px}
.creation-destinations>div{position:relative;background:#fffdf6;border:1px solid #e6e5d7;border-radius:5px;padding:5px 6px;display:flex;flex-direction:column;gap:2px;min-width:0}
.creation-destinations>div>span:first-child{position:absolute;right:5px;top:5px;font-size:5px;color:#b4baa5}
.creation-destinations strong{font-weight:500;font-size:9px;color:#545d45;line-height:1.2}
.creation-destinations>div>span:last-child{font-size:5px;color:#959b88;line-height:1}
.creation-local{height:151px;padding:10px 11px;background:#f4f6ee}
.creation-local-heading>span{font-size:6px;letter-spacing:.9px;color:#7a8a6b;display:block;line-height:1;margin-bottom:5px}
.creation-local-heading h4{font-size:16px;line-height:1;letter-spacing:-.4px;color:#41513c}
.creation-local-body{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:9px;margin-top:9px}
.creation-local-list{display:grid;gap:5px}
.creation-local-list>div{min-width:0;padding:6px;background:#fffef8;border:1px solid #e0e6d8;border-radius:5px;display:flex;align-items:center;gap:5px}
.creation-leaf{width:17px;height:20px;flex:none;display:grid;place-items:center;border-radius:4px;background:#edf1e3;color:#829867}
.creation-leaf .icon{width:11px;height:11px}
.creation-local-list>div>div{display:grid;gap:3px;min-width:0;flex:1}
.creation-local-list strong{font-size:8px;font-weight:500;line-height:1;color:#536348;white-space:nowrap}
.creation-local-list>div>div>span{font-size:5px;line-height:1;color:#9aa28f;white-space:nowrap}
.creation-local-list>div>span:last-child{font-size:8px;color:#88977d}
.creation-local-map{overflow:hidden;border-radius:6px;min-width:0;height:76px;background:#e6eadc}
.creation-local-map svg{width:100%;height:100%;display:block;object-fit:cover}
.creation-map-pin{transform-box:fill-box;transform-origin:center}
.creation-output-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;height:30px;font-size:7px;color:#9aa08f;white-space:nowrap}
.creation-status{position:relative;display:inline-grid;flex:none;font-size:8px;color:#7e8a72}
.creation-status>span{grid-area:1/1}
.creation-generating{visibility:hidden}
.creation-ready{display:flex;align-items:center;gap:4px}
.creation-ready .icon{width:11px;height:11px;color:#7e9960}
.creation-chat-controls{display:flex;gap:10px;align-items:center;justify-content:center;margin-top:14px;width:100%}
.creation-chat-choices{display:flex;gap:3px;border:1px solid #5d798717;border-radius:999px;padding:3px;background:#ffffff40}
.creation-chat-choices button{position:relative;overflow:hidden;border:0;border-radius:999px;background:transparent;color:#72818a;font-size:10px;line-height:1.2;padding:8px 12px;white-space:nowrap}
.creation-chat-choices button[aria-pressed=true]{background:#e2efff;color:#244f7a;box-shadow:0 2px 6px #496d7e0b}
.creation-chat-choices button:focus-visible,.creation-chat-toggle:focus-visible{outline-color:#5c7882;outline-offset:3px}
.creation-choice-progress{position:absolute;inset:auto 12px 0;height:2px;background:#9caeaf;transform:scaleX(0);transform-origin:left}
.creation-chat-toggle{display:grid;place-items:center;flex:none;width:28px;height:28px;border:1px solid #617e8725;border-radius:50%;background:transparent;color:#64808d}
.creation-chat-toggle:hover{background:#ffffff50}
.creation-chat-toggle svg{width:11px;height:11px;fill:currentColor}
.creation-chat-toggle .creation-play{display:none}
.creation-chat-toggle[aria-pressed=true] .creation-pause{display:none}
.creation-chat-toggle[aria-pressed=true] .creation-play{display:block}

/* La demande, la réponse et le résultat se suivent en moins de deux secondes. */
.has-creation-motion .is-current .creation-prompt{animation:creation-prompt-in .35s ease-out both}
.has-creation-motion .is-current .creation-typing{display:flex;animation:creation-thinking .9s linear both}
.has-creation-motion .is-current .creation-typing i{animation:creation-dot .6s ease-in-out infinite}
.has-creation-motion .is-current .creation-typing i:nth-child(2){animation-delay:.1s}
.has-creation-motion .is-current .creation-typing i:nth-child(3){animation-delay:.2s}
.has-creation-motion .is-current .creation-reply p{animation:creation-answer-in .25s .75s ease both}
.has-creation-motion .is-current .creation-output{animation:creation-result-in .55s .95s cubic-bezier(.2,.7,.2,1) both}
.has-creation-motion .is-current .creation-video-preview>img{animation:creation-image-in .7s 1.05s ease both}
.has-creation-motion .is-current .creation-wave{animation:creation-wave-in .8s 1.2s ease-out both}
.has-creation-motion .is-current .creation-travel-hero,.has-creation-motion .is-current .creation-local-heading{animation:creation-part-in .5s 1.1s ease both}
.has-creation-motion .is-current .creation-build-item{animation:creation-part-in .4s 1.3s ease both}
.has-creation-motion .is-current .creation-build-item:nth-child(2){animation-delay:1.45s}
.has-creation-motion .is-current .creation-build-item:nth-child(3){animation-delay:1.6s}
.has-creation-motion .is-current .creation-map-pin{animation:creation-pin-in .4s 1.35s cubic-bezier(.2,.8,.3,1.3) both}
.has-creation-motion .is-current .creation-map-pin:nth-of-type(2){animation-delay:1.5s}
.has-creation-motion .is-current .creation-map-pin:nth-of-type(3){animation-delay:1.65s}
.has-creation-motion .is-current .creation-generating{visibility:visible;animation:creation-status-out .2s 1.75s linear both}
.has-creation-motion .is-current .creation-ready{animation:creation-answer-in .3s 1.85s ease both}
.creation-chat:not(.is-playing) .creation-scene *,.creation-chat:not(.is-playing) .creation-scene :after{animation-play-state:paused!important}
@keyframes creation-prompt-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes creation-thinking{0%,20%{opacity:0}35%,78%{opacity:1}100%{opacity:0}}
@keyframes creation-dot{0%,70%,100%{opacity:.3;transform:none}35%{opacity:1;transform:translateY(-2px)}}
@keyframes creation-answer-in{from{opacity:0}to{opacity:1}}
@keyframes creation-result-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@keyframes creation-image-in{from{filter:blur(4px);transform:scale(1.03)}to{filter:blur(0);transform:none}}
@keyframes creation-wave-in{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}
@keyframes creation-part-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@keyframes creation-pin-in{from{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}
@keyframes creation-status-out{from{opacity:1}to{opacity:0}}
@keyframes creation-playhead{from{transform:translateX(0)}to{transform:translateX(220px)}}
@media(max-width:760px){#apercu-chat.creation-chat{padding:28px 30px 53px}.creation-chat .agent-paper{max-width:440px}}
@media(max-width:480px){#apercu-chat.creation-chat{padding:24px 19px 49px;min-height:516px}.creation-chat .agent-paper{padding:18px;border-radius:20px}.creation-chat .agent-paper-header{padding-bottom:15px}.creation-chat-stage{height:330px}.creation-prompt{font-size:11px;max-width:97%;padding:9px 12px}.creation-reply p{font-size:11px}.creation-output{margin-left:0}.creation-output-footer{font-size:6.5px;gap:6px}.creation-status{font-size:7px}.creation-chat-choices button{font-size:9px;padding:7px 9px}.creation-chat-controls{gap:7px;margin-top:13px}.creation-chat-toggle{width:25px;height:25px}.creation-chat .visual-caption{font-size:7px;bottom:16px}.creation-travel-hero h4{font-size:19px}}
@media(prefers-reduced-motion:reduce){.creation-chat .creation-scene *,.creation-chat .creation-scene :after{animation:none!important}.creation-chat .creation-typing{display:none!important}.creation-generating{visibility:hidden!important}.creation-ready{opacity:1!important}.creation-choice-progress{display:none}}