/* AI process is the focal point; preview imagery becomes supporting context. */
.cp-live-product .cp-app-chrome{flex-wrap:wrap;min-height:40px;height:auto;padding:6px 12px;gap:5px 10px}
.cp-app-chrome .cp-demo-controls{margin-left:auto;order:2}.cp-app-chrome .cp-demo-mode{display:none!important}
.cp-view-tabs{display:flex!important;gap:4px!important;order:1;margin-left:auto}
.cp-view-tabs .cp-view-tab{border:0;background:transparent;color:#6a7e9d;border-radius:6px;padding:5px 13px;font-size:11px;font-weight:650;cursor:pointer}
.cp-view-tabs .cp-view-tab.is-active{background:#2f63f2;color:white;box-shadow:0 3px 9px #2f63f224}
.cp-live-product .cp-demo-brief{min-height:34px;padding:7px 14px;gap:8px;background:#f6f9ff;color:#647793;border-bottom:0}
.cp-live-product .cp-demo-brief p{font-size:11px;line-height:1.5}
.cp-live-product .cp-demo-spark{width:17px;height:17px;font-size:12px;border:0;background:none;color:#6689d7}
.cp-flow-thought{margin:0;padding:10px 14px;min-height:56px;height:auto;border:0;border-bottom:1px solid #e6edf6;border-radius:0;background:#f7f9fc;box-shadow:none;gap:12px;flex-shrink:0}
.cp-flow-thought::after{display:none}
.cp-flow-orb{width:8px;height:8px;box-shadow:none;background:#8fa3c0;animation:none}
.cp-flow-orb::after{display:none}
.cp-flow-thought-text{min-width:0;flex:1;align-self:center}
.cp-flow-thought-label{display:block;font-size:10px;line-height:1.2;letter-spacing:.08em;font-weight:650;color:#8a98ad;margin-bottom:4px}
.cp-flow-thought-slot{height:26px;mask-image:none}
.cp-flow-thought-line{font-size:15px;line-height:26px;font-weight:650;color:#3a4d68;letter-spacing:.01em}
html[lang="en"] .cp-flow-thought-line{font-size:14px;letter-spacing:0}
.cp-flow-thought-badge{border:0;background:none;border-radius:0;padding:0;color:#8a98ad;font-size:10px}
.cp-flow-product[data-flow-state="done"] .cp-flow-thought{background:#f7f9fc;box-shadow:none;border-color:#e6edf6}
.cp-flow-product[data-flow-state="done"] .cp-flow-orb{background:#5b7fb0}
.cp-flow-product[data-flow-state="done"] .cp-flow-orb::after{display:grid;content:"✓";inset:0;place-items:center;background:transparent;color:#fff;font-size:8px;line-height:1}
.cp-flow-product[data-flow-state="thinking"] .cp-app-content img{filter:grayscale(.3) saturate(.65);opacity:.45}
.cp-flow-product[data-flow-state="generating"] .cp-app-content img{opacity:.85}
.cp-flow-product .cp-app-content[hidden],.cp-flow-product .cp-viz-surface[hidden]{display:none!important}
.cp-live-product .cp-demo-output{border:1px solid #e1e9f4;border-left:1px solid #e1e9f4;border-radius:0;background:#f7f9fc;box-shadow:none}
.cp-live-product .cp-panel-footer>small{font-size:10px}
.cp-viz-cap-pool,.cp-viz-cap-branch{display:none}
@media(min-width:1001px) and (max-width:1200px){.cp-product-stage{min-height:850px}.cp-live-product .cp-app{min-height:500px}.cp-live-product .cp-panel-heading,.cp-live-product .cp-panel-description{flex-shrink:0}}
@media(max-width:1000px){.cp-flow-thought{min-height:56px;height:auto}.cp-flow-thought-line{font-size:15px}.cp-flow-orb{width:8px;height:8px}.cp-flow-thought-badge{display:none}.cp-live-product .cp-app-content{min-height:0}}
@media(max-width:650px){.cp-view-tabs{order:3;width:100%;margin:0;border-top:1px solid #d8e3f6;padding-top:5px}.cp-flow-thought{margin-inline:0;padding:10px 12px;gap:9px;min-height:52px}.cp-flow-thought-line,html[lang="en"] .cp-flow-thought-line{font-size:13px}.cp-flow-thought-label{font-size:10px}.cp-flow-orb{width:8px;height:8px}.cp-live-product .cp-demo-brief p{font-size:10px}}