#screen-content{color:#c8cbd5;background:#17191f;overflow:hidden;font:19px/1.5 'DM Sans',sans-serif;box-shadow:inset 0 0 0 2px #383c48}.ide-top{height:54px;background:#21232b;display:flex;align-items:center;justify-content:space-between;padding:0 18px;gap:22px;font-size:15px;color:#9aa0af;border-bottom:1px solid #ffffff10}.window-dots{display:flex;gap:7px}.window-dots i{height:12px;width:12px;border-radius:50%;background:#ed7772}.window-dots i:nth-child(2){background:#dbb765}.window-dots i:nth-child(3){background:#79b88c}.ide-search{border:1px solid #ffffff20;background:#17191f;padding:4px 45px;border-radius:5px}.ide-layout{height:812px;display:grid;grid-template-columns:225px 1fr 335px}.ide-files{background:#1c1e25;border-right:1px solid #ffffff12;display:flex;flex-direction:column;gap:13px;padding:24px 16px;position:relative;font-size:17px;color:#989fad}.ide-files>b{font-size:16px;font-weight:500;margin-bottom:15px;color:#d1d5dd}.file-active{background:#384354;color:#dce8fa;padding:8px;margin:0 -8px}.ide-branch{position:absolute;bottom:23px;font-size:15px}.ide-center{min-width:0}.ide-tab{display:flex;gap:0;height:53px;background:#1c1e25;font-size:16px}.ide-tab>span{padding:14px 23px;color:#77808e}.ide-tab>span:first-child{background:#17191f;color:#c8cbd5;border-top:2px solid #aab9ea}.ide-code{height:551px;padding:30px 0;font-size:19px;line-height:29px;overflow:hidden;font-family:Consolas,'Courier New',monospace}.code-line{height:29px;display:flex;white-space:pre;align-items:center}.code-line>i{font-size:16px;color:#555e6d;display:block;width:46px;text-align:right;margin-right:21px;font-style:normal;flex-shrink:0}.code-line code{font:inherit}.code-line em{color:#cda7ee;font-style:normal}.code-line b{color:#9abdf4;font-weight:400}.code-line strong{color:#d2b589;font-weight:400}.code-line q{color:#a6c59a}.code-line small{font:inherit;color:#d49591}.active-code{background:#9bb3df10}.ide-caret{display:inline-block;height:22px;width:2px;background:#cdd9ef;vertical-align:middle;margin-left:2px}.scene-active .ide-caret{animation:code-cursor 1.2s step-end infinite}.ide-terminal{height:208px;border-top:1px solid #ffffff18;padding:18px 24px;font:17px/1.65 Consolas,monospace}.ide-terminal>div{font:15px 'DM Sans',sans-serif;color:#b3bac8;margin-bottom:19px}.ide-terminal>div>span{border-radius:8px;padding:1px 6px;background:#ffffff15}.ide-terminal b,.ide-terminal p>span{color:#92bfa5}.terminal-result{color:#848e9f}.ide-agent{border-left:1px solid #ffffff16;background:#1c1e25;padding:22px 19px;position:relative}.agent-heading{display:flex;gap:7px;font-size:17px;color:#e1e4ed;margin-bottom:24px}.agent-heading>span{margin-left:auto;font-size:13px;border:1px solid #ffffff20;padding:2px 9px;border-radius:8px}.agent-prompt{border:1px solid #ffffff16;background:#282b35;padding:15px;border-radius:10px;font-size:17px;line-height:1.5}.agent-answer{padding:23px 0}.agent-answer>b{font-size:17px;font-weight:500}.agent-answer>p{font-size:15px;color:#929aaa;line-height:1.6;margin-top:12px}.agent-orb{display:inline-block;vertical-align:middle;width:15px;height:15px;border-radius:50%;background:linear-gradient(135deg,#abbee2,#c5a2d4);margin-right:10px}.agent-task{font-size:14px;color:#8eab99;margin:13px 0}.agent-working{color:#b5bee0}.ide-mini-preview{position:relative;background:#ebece6;color:#313a39;border-radius:7px;padding:20px;margin-top:26px;overflow:hidden;height:192px}.ide-mini-preview>span{font-size:10px}.ide-mini-preview>strong{display:block;font:600 26px/1.03 'Archivo',sans-serif;letter-spacing:-1px;margin-top:22px;position:relative;z-index:1}.ide-mini-preview>div{position:absolute;width:100px;height:100px;border:19px solid #a0aea2;border-radius:50%;right:-10px;top:72px;transform:rotate(calc(var(--editor-step,0)*12deg)) scale(calc(.88 + var(--editor-step,0)*.02));transition:transform .5s}.ide-mini-preview small{display:block;font-size:9px;margin-top:15px}.ide-demo-note{font-size:10px;color:#6e788a;margin-top:12px}.agent-compose{position:absolute;bottom:25px;left:19px;right:19px;border:1px solid #ffffff20;border-radius:8px;padding:16px 12px;font-size:13px;color:#6f798b}.agent-compose>span{float:right;color:#b9c4da}.ide-status{height:34px;background:#283344;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:14px;color:#bbc6d9}@keyframes code-cursor{50%{opacity:0}}.motion-reduced #screen-content.screen-positioned{opacity:1}.welcome-open .ide-caret{animation:none}.motion-reduced .ide-caret{animation:none}@media(prefers-reduced-motion:reduce){.ide-caret{animation:none!important}.ide-mini-preview>div{transition:none}}