/* Focused product scenes in Akashic blue; no window chrome or navigation. */
.ui-preview{overflow:visible;border-radius:0;min-width:0}
.preview-stage{padding:25px;border-radius:28px;background:linear-gradient(145deg,#eaf1fa,#f4f7fb 56%,#e8f0fb);overflow:hidden}
.app-preview-window{--app-bg:#0c1018;--app-side:#080f1c;--app-card:#18263b;--app-text:#e8f1ff;--app-muted:#a6b5cb;--app-line:#2c405e;color:var(--app-text);background:var(--app-bg);border:1px solid #344e72;border-radius:16px;overflow:hidden;box-shadow:0 22px 45px -20px #162c4c54,0 3px 9px #162c4c14;text-align:left;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:13px;line-height:1.6;letter-spacing:0}
.app-preview-window p{color:inherit;font-size:inherit;line-height:inherit;margin:0}
.app-preview-window .icon{width:15px;height:15px;flex-shrink:0;stroke-width:1.5}
.app-preview-workspace{display:grid;grid-template-columns:minmax(0,1fr) 39%;min-height:560px}
.app-preview-thread{display:flex;flex-direction:column;min-width:0;background:var(--app-bg)}
.app-preview-messages{padding:36px 32px 10px;flex:1;min-height:0}
.app-preview-user{width:fit-content;margin-left:auto;max-width:90%;background:#173d6f;border:1px solid #285995;border-radius:17px 17px 4px 17px;padding:12px 15px;line-height:1.6;color:#e8f1ff;font-size:13px}
.app-preview-user>span{display:flex;width:fit-content;align-items:center;gap:6px;margin-top:10px;padding:4px 7px;background:#12305a;border:1px solid #4d9efa40;border-radius:6px;font-size:10px;color:#b7d4fa}
.app-preview-assistant{margin-top:23px}.app-preview-assistant>div{min-width:0}
.app-preview-response-actions{display:flex;gap:12px;margin-top:13px;color:#829ab9}.app-preview-response-actions .icon{width:12px;height:12px}
.app-preview-tool{display:flex;align-items:center;gap:8px;margin:9px 0 0;color:#a6b5cb;font-size:10px}
.app-preview-tool .icon{width:13px;height:13px;color:#8da6c9}.app-preview-tool .icon:last-child{margin-left:auto;width:11px;color:#7fb1f7}
.preview-work{margin-top:18px}
.app-preview-file{display:flex;align-items:center;gap:10px;margin-top:14px;padding:11px 13px;background:#142138;border:1px solid #2b405e;border-radius:10px;font-size:11px}
.app-preview-file>.icon:first-child{width:25px;height:29px;padding:5px;background:#183961;border-radius:5px;color:#80baff}
.app-preview-file .icon:last-child{margin-left:auto;width:13px;color:#99b4d8}.app-preview-file small{display:block;margin-top:1px;color:#91a7c5;font-size:9px}
.app-preview-composer{margin:18px 16px 15px;padding:16px 16px 11px;min-height:102px;background:var(--app-card);border:1px solid var(--app-line);border-radius:22px;color:#9eafc8;font-size:12px;box-shadow:0 3px 10px #0002}
.app-preview-composer>div{display:flex;align-items:center;gap:10px;margin-top:23px}
.app-preview-composer>div>span:first-child{display:flex;align-items:center;gap:9px}
.app-preview-composer small{display:inline-flex;align-items:center;gap:4px;font-size:8px;white-space:nowrap;color:#a6bad5}
.app-preview-composer small>.icon{width:11px;height:11px}.app-preview-model{margin-left:auto;font-size:8px;white-space:nowrap;color:#aec6e6;display:flex;align-items:center;gap:7px}
.app-preview-model>span{border-left:1px solid #334965;padding-left:7px;color:#8fa6c7}
.app-preview-send{width:25px;height:25px;display:grid;place-items:center;background:#4d9efa;border-radius:50%;color:#071c37;transform:rotate(-90deg);flex-shrink:0}
.app-preview-send>.icon{width:13px;height:13px}
.app-preview-document{border-left:1px solid #293d58;background:#0e192b;min-width:0}
.app-preview-document-body{display:grid;position:relative;min-height:100%}
.app-preview-document article,.app-preview-document-loading{grid-area:1/1;padding:34px 28px 26px}
.app-preview-document article{font-size:12px;color:#b4c3d9}
.app-preview-document article>small{color:#829cc1;font-size:10px}.app-preview-document h3{font-size:29px;line-height:1.18;font-weight:500;letter-spacing:-.035em;color:#e8f1ff;margin:17px 0 20px}
.app-preview-document h4{font-size:12px;font-weight:500;letter-spacing:0;margin:23px 0 7px;color:#d8e7fc}
.app-preview-document ul{padding-left:15px;list-style:disc;margin-top:7px}.app-preview-document li{margin:5px 0}
.app-preview-document-loading{transition:opacity .4s ease;display:flex;flex-direction:column;gap:12px;opacity:0;pointer-events:none}
.app-preview-document-loading>span{height:7px;background:#1c2b42;border-radius:4px;width:90%}.app-preview-document-loading>span:first-child{width:65%;height:21px;margin:24px 0 23px}.app-preview-document-loading>span:nth-child(3){width:74%}.app-preview-document-loading>span:last-child{width:60%}
.ui-preview[data-phase="0"] .app-preview-document-loading,.ui-preview[data-phase="1"] .app-preview-document-loading{opacity:1}
/* Keep scene dimensions steady while the example content resets. */
.preview-timeline{transition:opacity .45s ease,transform .45s ease;opacity:1;transform:translateY(0)}
.ui-preview .preview-step{transition:opacity .4s ease,transform .4s ease;opacity:1;transform:translateY(0)}
.ui-preview[data-phase="0"] .preview-work,.ui-preview[data-phase="0"] .preview-result,.ui-preview[data-phase="1"] .preview-result{opacity:0;transform:translateY(5px);pointer-events:none}
.ui-preview[data-phase="3"] .preview-timeline,.ui-preview[data-phase="3"] .app-preview-document article{opacity:0;transform:translateY(-3px)}
.app-preview-code-body{min-height:420px;padding:27px 25px 28px}.app-preview-code-body>.app-preview-user{max-width:82%}
.app-preview-diff{margin:22px 0 0;border:1px solid #2c405e;border-radius:9px;overflow:hidden}
.app-preview-diff>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 13px;background:#18263b;font-size:11px}.app-preview-diff>div>span{display:flex;align-items:center;gap:7px}
.app-preview-diff small{font-size:10px;color:#d592a4}.app-preview-diff b{font-weight:400;color:#86bbad;margin-right:6px}
.app-preview-diff pre{margin:0;padding:10px 0;background:#0a1424;font:12px/2.1 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere}
.app-preview-diff pre>span{display:block;padding:0 13px 0 41px;position:relative}
.app-preview-diff pre>span:before{content:attr(data-line);position:absolute;left:12px;width:15px;text-align:right;color:#6e87ab;font-size:9px}
.diff-removed{background:#632e4638;color:#dda0b0}.diff-added{background:#1e59463d;color:#a0cdbd}.diff-context{color:#a6b9d4}
.app-preview-code-summary{display:flex;align-items:center;gap:7px;margin:17px 0 0;color:#adc1de;font-size:11px}.app-preview-code-summary>.icon{width:13px;color:#80baff}
.app-preview-settings{min-height:420px}
.app-preview-memory{padding:32px;min-width:0}.app-preview-memory-heading h3{font-size:18px;letter-spacing:-.025em;font-weight:500;margin:0;color:#e8f1ff}
.app-preview-memory-section{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:30px;font-size:10px}.app-preview-memory-section strong{font-weight:500}.app-preview-memory-section>span{display:flex;align-items:center;gap:4px;padding:4px 7px;border-radius:5px;border:1px solid #305584;color:#83baff;font-size:8px;white-space:nowrap}.app-preview-memory-section .icon{width:10px;height:10px}
.app-preview-memory>p{font-size:10px;color:#93aacb;margin-top:8px}
.app-preview-memory-row{position:relative;display:grid;align-items:center;min-height:94px;padding:18px 24px 18px 0;border-bottom:1px solid #293d58;font-size:13px}
.app-preview-memory-row>p,.app-preview-memory-editor{grid-area:1/1;transition:opacity .3s ease}
.app-preview-edit{position:absolute;right:0;top:50%;transform:translateY(-50%);color:#8ea8cc}.app-preview-edit .icon{width:12px;height:12px}
.app-preview-memory-editor{opacity:0;pointer-events:none;margin-right:-15px;font-size:12px}
.app-preview-memory-editor>span{display:block;padding:8px 9px;border:1px solid #4d9efa;background:#142641;border-radius:6px;line-height:1.6}
.app-preview-memory-editor i{display:inline-block;width:1px;height:11px;vertical-align:-2px;margin-left:2px;background:#4d9efa}
.app-preview-memory-editor>div{display:flex;gap:12px;margin-top:7px;font-size:8px;color:#91a9ca}
.app-preview-memory-editor>div>span:first-child{background:#4d9efa;color:#071c37;padding:2px 8px;border-radius:4px}
.app-preview-memory-row .memory-before{opacity:0}.app-preview-memory-row .memory-after{opacity:1}
.ui-preview[data-phase="0"] .memory-before{opacity:1}.ui-preview[data-phase="0"] .memory-after,.ui-preview[data-phase="1"] .memory-before,.ui-preview[data-phase="1"] .memory-after{opacity:0}
.ui-preview[data-phase="1"] .app-preview-memory-editor{opacity:1}.ui-preview[data-phase="1"] .app-preview-memory-editor~.app-preview-edit{opacity:0}
.app-preview-memory-footer{display:flex;align-items:center;gap:6px;margin-top:21px;color:#85b8fb;font-size:10px}.app-preview-memory-footer .icon{width:12px;height:12px}
.app-preview-review-body{min-height:420px;padding:28px 25px}.app-preview-request{margin:24px 0 0;border:1px solid #2b405e;background:#111e32;border-radius:10px;padding:15px}
.app-preview-request>div:first-child{display:flex;align-items:center;gap:7px;font-size:11px;color:#c2d4ed}.app-preview-request>div:first-child>small{display:flex;align-items:center;gap:5px;margin-left:auto;font-size:8px;color:#91baff;white-space:nowrap}.app-preview-request small i{width:5px;height:5px;border-radius:50%;background:#4d9efa}
.app-preview-request>p{font-size:11px;color:#9fb5d3;margin-top:12px}.app-preview-request pre{margin:12px 0 0;padding:12px 13px;border:1px solid #2b405e;border-radius:6px;background:#0b1525;font:12px/1.5 var(--mono);color:#deebff}
.app-preview-approval-actions{display:flex;align-items:center;gap:16px;margin-top:15px;font-size:10px;color:#adc5e5}.app-preview-approval-actions>span{display:flex;align-items:center;gap:8px}.app-preview-approval-actions>span:last-child{margin-left:auto;color:#89a1c2;font-size:9px}.app-preview-approval-actions small{font-size:8px;opacity:.65}
.app-preview-run{border:1px solid #4376b6;background:#0878f927;color:#9dcaff;border-radius:6px;padding:5px 9px}.app-preview-run>span{border-left:1px solid #39649d;padding-left:7px}
.app-preview-review-note{margin:18px 0 0;font-size:10px;color:#93a9c8}
.feature-first .feature-inner{display:block;max-width:1250px}.feature-first .feature-copy{max-width:680px;margin:0 auto 48px;text-align:center}.feature-first .feature-copy p{max-width:56ch;margin-inline:auto}.feature-first .feature-copy h2{font-size:clamp(36px,3.6vw,52px)}.feature-first .preview-stage{padding:36px}
@media(max-width:1150px){.app-preview-workspace{grid-template-columns:minmax(0,1fr) 40%}.app-preview-messages{padding-inline:25px}.app-preview-document article,.app-preview-document-loading{padding-inline:24px}.app-preview-document h3{font-size:26px}.preview-stage{padding:18px}.app-preview-composer small,.app-preview-model{font-size:8px}}
@media(max-width:900px){.feature-first .feature-inner{max-width:740px}.feature-first .preview-stage{padding:23px}.app-preview-workspace{grid-template-columns:minmax(0,1fr) 41%}.app-preview-messages{padding-inline:20px}.app-preview-document h3{font-size:26px}.app-preview-memory-section{font-size:11px}.app-preview-memory-section>span{font-size:9px}.feature-first .feature-copy{text-align:left;margin-bottom:35px}.feature-first .feature-copy p{margin-inline:0}.feature-first .feature-copy h2{font-size:clamp(32px,6vw,44px)}}
@media(max-width:600px){.preview-stage,.feature-first .preview-stage{padding:12px;border-radius:22px}.app-preview-window{border-radius:12px}.app-preview-workspace{display:block;min-height:0}.app-preview-thread{min-height:530px}.app-preview-document{display:none}.app-preview-messages{padding:26px 16px 12px}.app-preview-tool{font-size:10px}.app-preview-user{font-size:12px;max-width:96%;padding:11px 12px}.app-preview-assistant{font-size:12px}.app-preview-composer{margin-inline:12px;padding-inline:12px}.app-preview-composer small{font-size:7px}.app-preview-model{font-size:7px;gap:4px}.app-preview-composer>div{gap:7px}.app-preview-composer>div>span:first-child{gap:7px}.app-preview-code-body{min-height:400px;padding:24px 15px}.app-preview-diff pre{font-size:10px;line-height:2}.app-preview-diff pre>span{padding-left:32px;padding-right:7px}.app-preview-diff pre>span:before{left:7px}.app-preview-settings{min-height:390px}.app-preview-memory{padding:27px 20px}.app-preview-memory-section{font-size:10px}.app-preview-memory-section>span{font-size:8px}.app-preview-review-body{min-height:400px;padding:24px 16px}.app-preview-request{padding:12px}.app-preview-request>div:first-child>small{font-size:7px}.app-preview-approval-actions{gap:13px;font-size:9px}.app-preview-approval-actions>span:last-child{font-size:8px}.app-preview-memory-row{font-size:11px}.feature-first .feature-copy h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){.ui-preview .preview-step,.preview-timeline,.app-preview-document-loading,.app-preview-memory-row>p,.app-preview-memory-editor{transition:none}}