/* One recorded example, from the first prompt to the customer's working app. */
.focus-start-prompt{left:4.3%;top:83%;width:91.4%;height:13.5%;border-color:#aa91db;box-shadow:0 0 0 2px #c7abe32b}
.focus-start-prompt:before,.focus-start-prompt:after{display:none}
.prompt-entry-panel h4{font-size:clamp(20px,4.5cqw,31px);line-height:1.1}
.input-methods{display:flex;gap:7px;margin:13px 0}
.input-methods>span{display:flex;align-items:center;gap:5px;flex:1;padding:7px 6px;border:1px solid #b7a2cb60;border-radius:6px;background:#a88dbe0d;color:#735087;font-size:clamp(7px,1.5cqw,10px)}
.input-methods svg{width:14px;height:14px;flex-shrink:0}.input-methods b{font-weight:600}
.entry-example{font-size:clamp(10px,2.1cqw,14px);line-height:1.5;color:#654976;border-left:2px solid #b394cb;padding-left:9px}
.speak-scene .prompt-result{gap:9px;flex-wrap:wrap}.speak-scene .prompt-result>b{font-weight:700}
.focus-agent-activity{left:4.3%;top:17.6%;width:91.8%;height:31.7%;border-color:#ae97e2;background:#b5a1ff08;box-shadow:0 0 0 2px #a98edb29}
.focus-agent-activity:before,.focus-agent-activity:after{display:none}
.activity-copy{display:grid;gap:clamp(10px,2cqw,15px)}
.activity-copy p{display:flex;align-items:flex-start;gap:10px;font:400 clamp(14px,3.15cqw,22px)/1.35 'Space Grotesk',Manrope,sans-serif;letter-spacing:-.02em;color:#ece4f6}
.activity-copy i{font:500 clamp(6px,1.3cqw,9px)/1.5 Manrope;font-style:normal;border:1px solid #a68ac547;border-radius:50%;width:clamp(15px,3.2cqw,23px);height:clamp(15px,3.2cqw,23px);display:grid;place-items:center;flex-shrink:0;margin-top:3px;color:#b6a3cf}
.activity-card .build-mcp{border-top:1px solid #ad99cd33;padding-top:12px;margin-top:16px}
.clean-theatre .simplified-compiler{height:auto;aspect-ratio:1.6;overflow:hidden}
.clean-theatre .simplified-compiler>img:first-child{filter:blur(2.2px);opacity:.45}
.clean-theatre .simplified-compiler>img.compile-sharp{position:absolute;left:0;top:0;clip-path:inset(0 0 73% 0);filter:none;opacity:1}
.compile-fade{position:absolute;inset:34% 0 0;background:linear-gradient(transparent,#343139 82%);pointer-events:none}
.compile-fields-focus{position:absolute;inset:13.5% 1.3% auto;height:22%;border:1px solid #c0a4e3;border-radius:4px;box-shadow:0 0 0 2px #d4b7f014}
.compile-summary{position:absolute;left:5%;top:58%;width:40%;padding:clamp(9px,2cqw,14px);background:#f6effb;border:1px solid #fff;border-radius:9px;box-shadow:0 8px 17px #2619352b;transform:rotate(-2deg);z-index:2}
.compile-summary>span{display:block;font:700 clamp(5px,1.1cqw,8px)/1.4 Manrope;letter-spacing:.06em;color:#997bad}
.compile-summary>strong{display:block;font:500 clamp(9px,1.95cqw,14px)/1.3 'Space Grotesk';letter-spacing:-.025em;color:#563d68;margin-top:8px;overflow-wrap:anywhere}
.compile-summary>div{display:flex;flex-wrap:wrap;gap:5px;align-items:center;border-top:1px solid #c4adce55;margin-top:10px;padding-top:8px;font-size:clamp(6px,1.25cqw,9px);color:#856394}
.compile-summary svg{width:11px;height:11px;flex-shrink:0}
.compile-action{display:flex;gap:5px;align-items:center;margin-left:auto;color:#5c3a77;font-weight:700}
.package-board .package-connector{top:34%}
.package-board .executable-artifact{top:72%}
.delivery-run-phase{position:absolute;inset:0}
.delivery-phase-label{left:7%;top:4%;font-size:clamp(6px,1.25cqw,9px)}
.delivery-board .customer-screen{top:16%;width:82%;left:8%;aspect-ratio:2.1}
.delivery-board .customer-screen .customer-tab-correction{height:auto;aspect-ratio:1800/1259}
.delivery-board .focus-customer-inputs{top:18.1%;height:30.1%;left:47.3%;width:31.4%}
.delivery-board .customer-screen .source-focus:before,.delivery-board .customer-screen .source-focus:after{display:none}
.customer-input-caption{display:flex;gap:7px;align-items:center;position:absolute;left:9%;right:8%;top:79%;color:#8b739d;font-size:clamp(7px,1.5cqw,10px)}
.customer-input-caption>span{border:1px solid #b6a0cb60;border-radius:5px;padding:6px 8px;background:#dbc7ee16}
.customer-input-caption>b{display:flex;gap:5px;align-items:center;margin-left:auto;color:#cfbbe0}.customer-input-caption svg{width:14px;height:14px}
.delivery-board .delivery-check{right:7%;top:auto;bottom:0;padding:8px 12px}
.delivery-board .running-screen{width:84%;left:8%;top:16%;aspect-ratio:1.83;transform:rotate(-2.5deg);background:#333}
.runtime-browser-focus{position:absolute;left:3%;right:12%;top:22%;height:31%;border:1px solid #b4a1d9;border-radius:5px;background:#a795c808}
.runtime-log-focus{position:absolute;left:2%;right:2%;top:64%;bottom:3%;border:1px solid #a4c4d4;border-radius:5px;background:#8ab2c006}
.runtime-labels{position:absolute;left:9%;right:8%;top:88%;display:flex;gap:16px;color:#bda4ce;font-size:clamp(7px,1.5cqw,10px)}
.runtime-labels>span{display:flex;gap:5px;align-items:center}.runtime-labels svg{width:12px;height:12px}
.delivery-card .story-foot{font-size:clamp(8px,1.7cqw,12px);line-height:1.6}
.delivery-board{height:57%}.delivery-board .delivery-check{bottom:-9%}
@media(max-width:680px){.delivery-board{height:53%}.delivery-board .delivery-check{bottom:-9%}.compile-summary{top:54%}.package-board .executable-artifact{top:70%}.activity-copy p{font-size:clamp(14px,3.2cqw,19px)}}
@media(max-width:360px){.input-methods{gap:4px}.input-methods>span{padding:5px 4px;gap:3px}.input-methods svg{width:11px;height:11px}.entry-example{font-size:10px}.compile-summary{top:46%;padding:9px;width:42%}.compile-summary>div{margin-top:7px;padding-top:6px}.compile-action{margin-left:0}.package-board .executable-artifact{top:64%}.delivery-board{height:47%}.customer-input-caption{top:69%;gap:4px}.customer-input-caption>span{padding:4px}.runtime-labels{top:77%}.delivery-board .delivery-check{bottom:0}.activity-copy p{font-size:14px}.activity-card .build-mcp{padding-top:10px;margin-top:12px}}
.delivery-board .customer-screen{aspect-ratio:3.2}
.delivery-board .focus-customer-inputs{top:27.5%;height:45.8%}
.delivery-board .running-screen{aspect-ratio:2.25}
.runtime-browser-focus{top:27.5%;height:38.5%}
.runtime-log-focus{top:79%;bottom:3%}
.customer-input-caption{top:68%}
.runtime-labels{top:87%}
.delivery-board .delivery-check{display:none}
@media(max-width:360px){.customer-input-caption{top:62%}.runtime-labels{top:72%}}
body[data-panel-theme="aurora-midnight"] .compile-summary{background:#142739;border-color:#49667a}
body[data-panel-theme="aurora-midnight"] .compile-summary>strong{color:#d1e8f2}
body[data-panel-theme="aurora-midnight"] :is(.input-methods>span,.entry-example,.compile-summary>div,.compile-action){color:#afcad9}
.clean-theatre :is(.detail-panel h4,.executable-artifact strong,.action-callout strong,.compile-summary>strong){font-family:'Space Grotesk',Manrope,Arial,sans-serif}
.compile-summary>strong{overflow-wrap:normal}