
.run-app{--ink:#ede5f5;--muted:#b3a2c2;--purple:#bd9ee8;--lavender:#31243e;--line:#46354f;background:#1e1828;color:#ede5f5;min-height:100vh}.run-header{max-width:none;margin:0;padding:20px 34px;border-bottom:1px solid #3b2e45;background:#211a2b;gap:25px}.run-header .brand{font-size:22px;color:#f1eaf6}.run-header .brand svg{color:#bea0e5}.run-location{display:flex;gap:20px;align-items:center;font-size:12px;color:#c2afd3;margin-right:auto}.run-location>span{font-size:23px;color:#685576;font-weight:300}.run-about{font-size:10px;color:#b6a3c9;text-decoration:underline;text-underline-offset:4px}.session-indicator{display:flex;align-items:center;gap:7px;font-size:10px;color:#ae9dbe}.session-indicator>i{width:5px;height:5px;border-radius:50%;background:#b0d0bd}.run-main{max-width:1560px;padding:36px 34px 0;margin:auto}.run-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:35px}.run-heading>div>p{font-size:11px;color:#a58eb8;margin:0 0 11px}.run-heading h1{font-size:37px;letter-spacing:-1.6px}.run-shortcut{display:flex;align-items:center;gap:10px;font-size:11px;color:#cfb4ef;border:1px solid #665178;border-radius:6px;padding:11px 15px;white-space:nowrap}.run-shortcut:hover{background:#34263f}.run-shortcut>span{font-size:17px}.fleet-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:17px}.fleet-heading h2{font-size:13px;letter-spacing:-.2px;font-weight:500;color:#b3a1c3}.fleet-heading>span{font-size:10px;color:#8d789e}.fleet-heading i{font-style:normal;margin:0 12px;color:#715c84}.agent-fleet{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-bottom:28px}.agent-fleet .agent-row{margin:0;border:1px solid #4d3a5e;border-radius:9px;background:#2b2038;padding:20px;gap:14px;position:relative;min-width:0}.agent-fleet .agent-row:not(:last-child):after{content:'→';position:absolute;right:-20px;font-size:17px;color:#775b91;top:calc(50% - 14px)}.agent-fleet .agent-row strong{font-size:14px;color:#e7dcf0;display:block}.agent-fleet .agent-row div span{font-size:10px;color:#aa96bb;display:block;margin-top:4px}.agent-fleet .agent-row i{font-size:10px;color:#a08bad}.agent-fleet .agent-row.working{background:#372642;border-color:#aa85cf}.agent-fleet .agent-row.working i{color:#e0c5ff}.agent-fleet .agent-row.working .agent-icon{outline-color:#c6a6e6}.run-app .control-room{max-width:none;border:1px solid #4a3858;border-radius:10px;background:#2a2035;box-shadow:0 15px 40px #100a1810}.run-app .console-header{padding:18px 24px;border-color:#44314f;background:#2e233b}.run-app .workspace-name strong{font-size:13px;color:#e8dcef}.run-app .workspace-name>span:first-child{color:#c5a4e5}.run-app .demo-badge{background:#3b2b49;border-color:#5b436e;color:#bda6d0;font-size:9px}.run-app .text-button{color:#c7a6e9;font-size:11px}.run-app .demo-notice{background:#251c30;border-color:#44314f;color:#aa95bb;padding:12px 24px;font-size:10px}.run-app .notice-dot{background:#a58abb}.run-app .console-layout{grid-template-columns:250px minmax(0,1fr)}.run-app .agent-sidebar{padding:26px 23px;background:#251c30;border-color:#44314f}.run-app .sidebar-title{margin-bottom:25px}.run-app .sidebar-title h3{font-size:14px;color:#d6c4e5}.run-app .sidebar-title>span{font-size:9px;color:#8d759f}.run-app .workflow-settings{margin:0;border:0;padding:0}.run-app .workflow-settings h3{font-size:12px;color:#a48bb7;margin-bottom:20px}.run-app .workflow-settings label{font-size:10px;color:#c3afd2;line-height:1.6}.run-app select,.run-app input{color:#eadcf4;background:#372943;border-color:#655173;font-size:11px;padding:11px;min-height:43px}.run-app .workflow-settings p{font-size:10px;color:#9781aa;line-height:1.8;margin:14px 0}.run-app .workflow-settings .button{font-size:10px;padding:11px 10px;min-height:42px;line-height:1.6}.run-app .primary{background:#bca2e6;color:#2d1e42}.run-app .primary:hover{background:#cdb8ed}.run-app .secondary{background:#30233d;border-color:#624b76;color:#cdbbdf}.run-app .secondary:hover{background:#3c2b4a}.run-app .task-area{padding:26px 28px}.run-app .task-toolbar{margin-bottom:22px}.run-app .task-toolbar h3{font-size:19px;color:#e6dbef}.run-app .task-toolbar p{font-size:10px;color:#a58bb8}.run-app .task-item{border-color:#46334f;padding:19px 0;gap:14px}.run-app .task-icon{background:#3b2b4b;color:#bb9cd9;border:1px solid #513b61}.run-app .task-detail strong{color:#e2d5eb;font-size:12px}.run-app .task-detail span{font-size:10px;color:#a28ab4}.run-app .task-state{background:#3e2e4d;color:#cbb7dd;font-size:9px;padding:4px 9px}.run-app .task-state.done{background:#24463d;color:#b2e4d2}.run-app .task-state.running{background:#51396b;color:#e1c9fd}.run-app .task-state.stopped{background:#533f34;color:#f5d8b6}.run-app .run-bar{padding:23px 0 18px;gap:24px}.run-app .run-bar>span{color:#b5a0c7;font-size:10px;line-height:1.8;max-width:430px}.run-app .run-bar .button{min-width:94px;font-size:11px}.run-app .activity{background:#21192b;border-color:#4a355a;padding:20px 22px;margin-top:10px}.run-app .activity-head h3{color:#cfbbdf;font-size:13px}.run-app .activity ol{max-height:180px;color:#b7a1c9;font-size:10px;line-height:1.8;margin-top:15px}.run-app .activity li{border-color:#382842;padding:8px 0}.run-app .activity time{color:#91749f;white-space:nowrap}.run-app .console-footer{background:#271d32;border-color:#46324f;color:#a68db8;font-size:10px;padding:15px 24px}.run-guidance{display:flex;align-items:start;gap:12px;margin:20px 0 0;padding:0 3px;max-width:1000px}.run-guidance>span{color:#9277a6;font-size:18px}.run-guidance p{font-size:10px;color:#8d769f;line-height:1.9;margin:0}.run-footer{max-width:1560px;margin:auto;padding:25px 34px;border:0;background:none;color:#81678f;font-size:10px}.run-footer>span:first-child{font-weight:500;color:#a085b4}.run-footer>span:last-child{font-size:10px}.run-app dialog{background:#2d2238;border-color:#6f5484;color:#efe5f6;box-shadow:0 25px 80px #09060c88}.run-app dialog::backdrop{background:#100a18aa}.run-app dialog h2{font-size:27px}.run-app dialog label{color:#c7afd7}.run-app dialog p{color:#a990bb}.run-app .dialog-heading button{color:#bca2d0}
@media(min-width:1600px){.run-main{padding-top:45px}.run-app .activity ol{max-height:240px}.run-app .task-item{padding:23px 0}}
@media(max-width:1000px){.run-app .console-layout{grid-template-columns:220px minmax(0,1fr)}.run-app .agent-sidebar{padding:22px 18px}.run-app .task-area{padding:23px}.run-app .run-bar{align-items:start;flex-direction:column;gap:15px}.agent-fleet{gap:20px}.agent-fleet .agent-row{padding:18px 15px;gap:10px}.agent-fleet .agent-row:not(:last-child):after{right:-17px;font-size:14px}.agent-fleet .agent-row i{font-size:9px}.agent-fleet .agent-row div span{font-size:9px}.run-location{margin-right:0}.session-indicator{margin-left:auto}.run-about{display:none}.run-main{padding:30px 26px 0}.run-header{padding:19px 26px;gap:22px}.run-heading h1{font-size:33px}.run-shortcut{font-size:10px;padding:10px 13px}}
@media(max-width:750px){.agent-fleet{gap:15px}.agent-fleet .agent-row{flex-wrap:wrap;padding:17px 13px;gap:10px}.agent-fleet .agent-row>div{flex:1}.agent-fleet .agent-row i{width:100%;margin:0;padding-left:0}.agent-fleet .agent-row:not(:last-child):after{right:-13px;font-size:12px}.agent-fleet .agent-icon{width:32px;height:32px;font-size:19px}.agent-fleet .agent-row strong{font-size:12px}.agent-fleet .agent-row div span{font-size:9px}.fleet-heading>span{display:none}.run-heading{align-items:start;gap:20px}.run-heading h1{font-size:31px}.run-shortcut{padding:9px 12px;white-space:normal;max-width:140px;gap:8px}.run-app .console-layout{grid-template-columns:1fr}.run-app .agent-sidebar{border-right:0;border-bottom:1px solid #44314f;padding:22px}.run-app .sidebar-title{margin-bottom:17px}.run-app .workflow-settings{display:grid;grid-template-columns:1fr 1fr;gap:12px 25px;align-items:start}.run-app .workflow-settings h3{display:none}.run-app .workflow-settings p{margin:0;font-size:10px}.run-app .workflow-settings .button{margin:0;grid-column:2;grid-row:1}.run-app .workflow-settings label{grid-column:1;grid-row:1}.run-app .task-area{padding:24px}.run-app .run-bar{flex-direction:row;align-items:center}.run-app .console-footer{flex-wrap:wrap;gap:10px 20px}.run-app .console-footer span:last-child{margin:0}.run-header .session-indicator{display:none}.run-location{margin-left:auto}.run-app .run-bar>span{max-width:300px}}
@media(max-width:500px){.run-header{padding:19px 6%;gap:17px}.run-header .brand{font-size:21px}.run-location{font-size:11px;gap:13px}.run-location>span{font-size:21px}.run-main{padding:25px 5% 0}.run-heading{display:block;margin-bottom:26px}.run-heading>div>p{font-size:10px;margin-bottom:10px}.run-heading h1{font-size:32px;letter-spacing:-1.4px;max-width:300px}.run-shortcut{max-width:none;display:inline-flex;padding:9px 13px;margin-top:18px;font-size:10px;white-space:nowrap}.fleet-heading{margin-bottom:12px}.fleet-heading h2{font-size:10px}.agent-fleet{gap:10px;margin-bottom:22px}.agent-fleet .agent-row{display:flex;flex-direction:column;align-items:start;padding:13px 10px;gap:8px}.agent-fleet .agent-row>div{min-width:0}.agent-fleet .agent-row strong{font-size:12px}.agent-fleet .agent-row div span{font-size:9px;line-height:1.5;overflow-wrap:anywhere}.agent-fleet .agent-row i{font-size:8px;margin:2px 0 0}.agent-fleet .agent-row:not(:last-child):after{right:-9px;top:38%;font-size:10px}.agent-fleet .agent-icon{width:30px;height:30px;font-size:18px;border-radius:7px}.run-app .console-header{padding:15px}.run-app .workspace-name strong{font-size:11px}.run-app .workspace-name .demo-badge{display:none}.run-app .console-header>.text-button{font-size:10px}.run-app .demo-notice{padding:12px 15px;font-size:9px;line-height:1.8}.run-app .agent-sidebar{padding:20px 16px}.run-app .workflow-settings{grid-template-columns:1fr;gap:12px}.run-app .workflow-settings label,.run-app .workflow-settings .button{grid-column:auto;grid-row:auto}.run-app .workflow-settings p{font-size:9px}.run-app .task-area{padding:23px 16px}.run-app .task-toolbar h3{font-size:18px}.run-app .task-item{gap:10px;padding:17px 0}.run-app .task-detail strong{font-size:11px}.run-app .task-detail span{font-size:9px}.run-app .task-state{font-size:8px;padding:3px 6px}.run-app .task-icon{width:25px;height:25px;font-size:12px}.run-app .run-bar{flex-direction:column;align-items:start;gap:15px;padding-top:20px}.run-app .run-bar>span{max-width:none;font-size:10px}.run-app .run-bar>div{width:100%}.run-app .run-bar .button{flex:1}.run-app .activity{padding:16px 14px}.run-app .activity-head h3{font-size:12px}.run-app .activity .text-button{font-size:10px}.run-app .activity ol{font-size:9px;line-height:1.8;max-height:180px}.run-app .console-footer{padding:13px 15px;font-size:9px;gap:8px 18px}.run-app .console-footer span:last-child{width:100%}.run-guidance{gap:9px;margin-top:17px}.run-guidance p{font-size:9px;line-height:1.9}.run-guidance>span{font-size:16px}.run-footer{padding:22px 6%;font-size:9px;gap:15px;flex-wrap:nowrap}.run-footer>span:nth-child(2){display:none}.run-footer>span:last-child{font-size:9px}.run-app dialog{padding:24px}.run-app dialog h2{font-size:24px}}
