.agent-page{color:#fff;background:linear-gradient(#0a0a0f 0%,#07070b 100%);min-height:100vh;padding:32px 24px 80px;font-family:Plus Jakarta Sans,sans-serif}.agent-page__header{max-width:880px;margin:0 auto 32px}.agent-page__head-row{flex-direction:column;gap:18px;display:flex}.agent-page__back{color:#ffffff73;letter-spacing:.02em;align-self:flex-start;font-size:12px;font-weight:600;text-decoration:none;transition:color .2s}.agent-page__back:hover{color:#fff}.agent-page__title-block{max-width:720px}.agent-page__eyebrow{letter-spacing:.14em;text-transform:uppercase;color:#ffffff8c;align-items:center;gap:8px;margin-bottom:12px;font-size:10px;font-weight:700;display:inline-flex}.agent-page__eyebrow-dot{background:#4f6ef7;border-radius:999px;width:6px;height:6px;animation:1.8s ease-in-out infinite agentPulse;box-shadow:0 0 10px #4f6ef7}@keyframes agentPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.agent-page__title{letter-spacing:-.02em;margin:0 0 12px;font-size:clamp(32px,4.4vw,48px);font-weight:700;line-height:1.05}.agent-page__title em{background:linear-gradient(135deg,#fff 0%,#c7d2ff 55%,#4f6ef7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}.agent-page__sub{color:#ffffff8c;margin:0;font-size:15px;line-height:1.55}.agent-page__main{max-width:880px;margin:0 auto}.agent-input{background:linear-gradient(#14141ae6 0%,#0c0c10f2 100%);border:1px solid #ffffff14;border-radius:22px;padding:24px;box-shadow:0 24px 60px #0006}.agent-input__textarea{resize:vertical;color:#fff;background:0 0;border:none;outline:none;width:100%;min-height:100px;margin-bottom:14px;font-family:inherit;font-size:16px;line-height:1.5}.agent-input__textarea::placeholder{color:#ffffff4d}.agent-input__suggestions{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.agent-input__suggestion{color:#ffffff8c;cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:999px;padding:7px 13px;font-family:inherit;font-size:11.5px;transition:background .2s,border-color .2s,color .2s}.agent-input__suggestion:hover{color:#c7d2ff;background:#4f6ef70f;border-color:#4f6ef740}.agent-input__bar{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:16px;padding-top:14px;display:flex}.agent-input__hint{color:#ffffff59;letter-spacing:.02em;font-size:11px}.agent-input__cta{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f6ef7 0%,#8b9ff5 100%);border:none;border-radius:12px;padding:11px 22px;font-family:inherit;font-size:13px;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 20px #4f6ef759}.agent-input__cta:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.agent-input__cta:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 26px #4f6ef780}.agent-run{flex-direction:column;gap:18px;display:flex}.agent-run__head{background:#ffffff05;border:1px solid #ffffff0f;border-radius:16px;justify-content:space-between;align-items:flex-start;gap:24px;padding:18px 20px;display:flex}.agent-run__head-left{flex:1;min-width:0}.agent-run__prompt{color:#ffffffd9;font-size:14.5px;font-weight:500;line-height:1.5}.agent-run__head-right{flex-shrink:0;align-items:center;gap:14px;display:flex}.agent-run__meter{flex-direction:column;gap:5px;min-width:120px;display:flex}.agent-run__meter-track{background:#ffffff0f;border-radius:999px;height:4px;overflow:hidden}.agent-run__meter-fill{background:linear-gradient(90deg,#4f6ef7,#8b9ff5);border-radius:999px;height:100%;transition:width .6s}.agent-run__meter-label{color:#ffffff80;text-align:right;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10.5px}.agent-run__abort,.agent-run__new{color:#ffffffb3;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;padding:9px 14px;font-family:inherit;font-size:12px;font-weight:600;transition:all .2s}.agent-run__abort:hover{color:#ef4444;border-color:#ef444459}.agent-run__new:hover{color:#fff;border-color:#8b9ff559}.agent-timeline{flex-direction:column;gap:12px;display:flex}.agent-timeline__plan{background:#4f6ef70d;border:1px solid #4f6ef72e;border-radius:14px;padding:14px 16px}.agent-timeline__plan-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:#8aa0ff;align-items:center;gap:8px;margin-bottom:8px;font-size:9.5px;font-weight:700;display:inline-flex}.agent-timeline__plan-dot{background:#4f6ef7;border-radius:999px;width:5px;height:5px;box-shadow:0 0 8px #4f6ef7}.agent-timeline__plan-text{color:#ffffffd9;white-space:pre-wrap;font-size:13.5px;line-height:1.55}.agent-timeline__message{color:#ffffffa6;background:#ffffff05;border:1px solid #ffffff0a;border-radius:12px;padding:12px 16px;font-size:13px;line-height:1.55}.agent-timeline__row{background:#ffffff05;border:1px solid #ffffff0f;border-radius:14px;gap:12px;padding:14px 16px;transition:border-color .25s,background .25s;display:flex}.agent-timeline__row--running{background:#4f6ef70a;border-color:#4f6ef747}.agent-timeline__row--done{border-color:#22c55e2e}.agent-timeline__row--error{background:#ef44440a;border-color:#ef444438}.agent-timeline__row-icon{background:#ffffff0a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.agent-timeline__row-body{flex:1;min-width:0}.agent-timeline__row-head{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:4px;display:flex}.agent-timeline__row-label{color:#fff;font-size:13.5px;font-weight:600}.agent-timeline__row-model{letter-spacing:.02em;color:#a6b7ff;background:#8b9ff51f;border-radius:5px;padding:2px 7px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px}.agent-timeline__row-cost{color:#ffffff80;margin-left:auto;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px}.agent-timeline__row-hint{color:#ffffff73;margin:0 0 10px;font-size:12px;line-height:1.5}.agent-timeline__row-progress{background:linear-gradient(90deg,#0000,#4f6ef7,#0000) 0 0/200% 100%;border-radius:999px;height:2px;animation:1.4s linear infinite agentProgress}@keyframes agentProgress{0%{background-position:200% 0}to{background-position:-200% 0}}.agent-timeline__row-error{color:#ef4444;margin:6px 0 0;font-size:12px}.agent-timeline__thumbs{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin-top:10px;display:grid}.agent-timeline__thumb{aspect-ratio:1;background:#0006;border:1px solid #ffffff0f;border-radius:10px;transition:transform .2s,border-color .2s;display:block;overflow:hidden}.agent-timeline__thumb:hover{border-color:#8b9ff559;transform:translateY(-2px)}.agent-timeline__thumb img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.agent-timeline__video{background:#000;border-radius:12px;max-width:480px;margin-top:10px;overflow:hidden}.agent-timeline__video video{width:100%;display:block}.agent-timeline__audio{width:100%;margin-top:8px}.agent-run__done{background:linear-gradient(135deg,#22c55e0f 0%,#4f6ef70d 100%);border:1px solid #22c55e33;border-radius:16px;margin-top:6px;padding:20px}.agent-run__done-head{align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.agent-run__done-check{color:#22c55e;background:#22c55e2e;border:1px solid #22c55e73;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;font-weight:700;display:flex}.agent-run__done-title{color:#fff;letter-spacing:-.01em;margin-bottom:4px;font-size:16px;font-weight:700}.agent-run__done-summary{color:#ffffffb3;margin:0;font-size:13.5px;line-height:1.5}.agent-run__deliverables{flex-wrap:wrap;gap:8px;display:flex}.agent-run__deliverable{background:#0000004d;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:8px;padding:8px 12px;text-decoration:none;transition:border-color .2s,transform .2s;display:inline-flex}.agent-run__deliverable:hover{border-color:#8b9ff559;transform:translateY(-1px)}.agent-run__deliverable-type{letter-spacing:.1em;text-transform:uppercase;color:#8aa0ff;font-size:9.5px;font-weight:700}.agent-run__deliverable-label{color:#ffffffd9;font-size:12.5px;font-weight:500}.agent-run__err{color:#ef4444;background:#ef44440d;border:1px solid #ef444433;border-radius:12px;margin-top:6px;padding:14px 16px;font-size:13px;line-height:1.5}.agent-run__err-spent{color:#ef444499;margin-left:4px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11.5px}@media (max-width:720px){.agent-run__head{flex-direction:column;align-items:stretch}.agent-run__head-right{justify-content:space-between;align-self:stretch}}