@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#13213a;background:#f5f7fb;font-synthesis:none;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{outline-offset:4px}button{cursor:pointer;border:1px solid #d9e1ec;border-radius:7px;background:#fff;padding:10px 14px;font-weight:600;color:#253750;transition:.15s}button:hover:not(:disabled){background:#eef3fa;border-color:#aec2de}button:disabled{opacity:.42;cursor:not-allowed}a{color:inherit;text-decoration:none}p{line-height:1.6;color:#687991}small{display:block;color:#77889e;font-size:11px;line-height:1.6}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:29px;font-weight:700;letter-spacing:-1px;line-height:1.5}h2{font-size:15px;font-weight:800}input,textarea{width:100%;padding:12px;border:1px solid #d9e3ef;border-radius:7px;color:#172a45;background:#fff}textarea{min-height:110px;resize:vertical}.app{display:flex;min-height:100vh}.sidebar{position:fixed;top:0;bottom:0;width:235px;background:#fff;border-right:1px solid #e2e8f0;padding:30px 22px;display:flex;flex-direction:column}.brand{font-family:Manrope;font-size:22px;font-weight:800;letter-spacing:-1.5px;display:flex;align-items:center;gap:9px}.brand-mark{color:#0866ff;font-size:33px}.beta{font-size:8px;letter-spacing:1px;background:#eaf2ff;color:#315f9e;padding:4px 5px;border-radius:3px;margin:7px 0 0}.workspace-label{font-size:9px;letter-spacing:1.6px;color:#8796aa;font-weight:700;margin-top:46px}.show-title{display:flex;gap:10px;align-items:center;padding:17px 0 27px;font-size:12px;font-weight:700}.avatar{display:grid;place-items:center;background:#e7f0ff;color:#205eae;width:34px;height:38px;border-radius:7px;font-family:Manrope;font-weight:800;font-size:19px;overflow:hidden;padding:2px}.avatar img{display:block;width:100%;height:100%;object-fit:contain;border-radius:5px}.avatar.large{width:44px;height:49px}nav{display:flex;flex-direction:column;gap:5px}nav button{display:flex;gap:13px;border:0;background:transparent;text-align:left;padding:13px;color:#697b94}nav button.active{background:#e7f0ff;color:#0866ff}nav span{width:18px;font-size:17px}.sidebar-bottom{margin-top:auto;font-size:11px;padding:20px 0 0;color:#58708d}.sidebar-bottom small{font-size:10px;margin:9px 0 20px}.sidebar-bottom a{font-size:11px;color:#7a8aa0}main{margin-left:235px;width:calc(100% - 235px);padding:39px 38px 20px;max-width:1750px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:20px}.eyebrow{color:#8392a6;font-size:9px;letter-spacing:1.7px;font-weight:700;margin-bottom:7px}header p{font-size:12px;margin-top:7px}.header-status{border:1px solid #dce5f1;background:#fff;padding:9px 12px;border-radius:20px;font-size:10px;color:#3e70b6;white-space:nowrap}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#0866ff;margin-right:7px;vertical-align:middle}.status-dot.muted{background:#a7b2c0}.studio-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px}.stage,.chat-panel,.queue-panel,.memory-panel,.form-panel{background:#fff;border:1px solid #e1e7ef;border-radius:11px;overflow:hidden}.section-top{padding:19px 21px;display:flex;align-items:center;justify-content:space-between;gap:12px}.section-top p{font-size:11px;margin-top:5px}.tag{font-size:8px;letter-spacing:1px;border:1px solid #e4e9f1;padding:5px 7px;border-radius:4px;color:#8795a8;white-space:nowrap}.run-tag{font-weight:700}.run-tag.is-live{color:#0964e8;border-color:#b9d1f5;background:#eaf3ff}.viewport{margin:0 15px;background:#08162d;border-radius:7px;aspect-ratio:16/9;position:relative;overflow:hidden}.viewport video{width:100%;height:100%;object-fit:contain}.empty-stage{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-left:10%;text-align:left;color:#edf4ff;overflow:hidden;background:#102846}.empty-stage:after{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(90deg,rgba(5,20,43,.8),transparent 68%)}.stage-mascot{position:absolute;z-index:0!important;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.9);opacity:1}.empty-stage h3,.empty-stage p,.empty-stage small{position:relative;max-width:47%}.empty-stage>*{z-index:1}.horizon{position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,transparent 55%,#0b2448 55%,#07182f 100%)}.horizon i,.horizon b{position:absolute;width:85%;height:40%;border-radius:50%;top:40%;left:-20%;background:#153761;transform:rotate(8deg)}.horizon b{left:45%;top:35%;background:#102e55;transform:rotate(-12deg)}.stage-icon{border:1px solid #83a8dc;border-radius:50%;width:45px;height:45px;display:grid;place-items:center;font-size:24px;padding-left:3px;color:#d3e4ff;background:#163d7188;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:15px}.empty-stage h3{font-size:22px;letter-spacing:-.5px}.empty-stage p{font-size:11px;color:#b3c6df;margin:9px 0 20px}.empty-stage small{font-size:8px;letter-spacing:.5px;color:#91a9c7}.stage-caption{position:absolute;bottom:14px;left:18px;right:18px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.6px;color:#91a5bd;pointer-events:none}.transport{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:17px 15px}.transport>div{display:flex;gap:9px}.transport button{font-size:10px;padding:11px 12px}.transport .oracle-start,.transport .oracle-stop{min-width:145px;padding:12px 18px;font-size:11px;letter-spacing:.15px}.transport .oracle-start{box-shadow:0 5px 16px #3762412e}.transport .oracle-stop{background:#fff7f4}.transport>span{font-size:10px;white-space:nowrap;color:#8291a4}.primary{background:#0866ff;border-color:#0866ff;color:#fff}.primary:hover:not(:disabled){background:#0057dc;color:#fff}.danger{color:#a04838;border-color:#dec1b7}.status-dot.live-pulse{background:#0866ff;box-shadow:0 0 0 4px #57a96821}.output-row{border-top:1px solid #e8edf4;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;gap:10px}.output-row strong{font-size:10px}.output-row small{font-size:9px;margin-left:14px}.output-row button{font-size:10px}.pump-live-link{flex-shrink:0;padding:9px 11px;border:1px solid #d9e1ec;border-radius:7px;background:#fff;color:#2867b2;font-size:10px;font-weight:600}.pump-live-link:hover{background:#eef3fa;border-color:#aec2de}.chat-panel{display:flex;flex-direction:column;min-height:390px;max-height:560px}.count{font-size:10px;color:#6d86a6;border:1px solid #dce7f4;border-radius:4px;padding:2px 6px}.chat-feed{overflow:auto;flex:1;max-height:390px;padding:2px 20px}.chat-feed article{display:flex;gap:9px;padding:13px 0;border-top:1px solid #edf1f6;align-items:flex-start}.chat-feed article.is-queued{background:linear-gradient(90deg,rgb(235 243 255 / 75%),transparent 75%)}.chat-feed article.is-selected{background:linear-gradient(90deg,rgb(224 237 255 / 95%),transparent 80%)}.chat-avatar{background:#edf4ff;border:1px solid #dbe8fa;color:#4675ae;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;flex-shrink:0;font-size:10px}.chat-feed article>div{min-width:0;flex:1}.chat-feed strong{font-size:10px;color:#536a87}.chat-state{display:inline-block;margin-left:6px;padding:2px 5px;border-radius:4px;font-size:7px;line-height:1.2;letter-spacing:.35px;text-transform:uppercase;vertical-align:1px}.chat-state.is-queued{color:#0964e8;background:#e7f1ff}.chat-state.is-selected{color:#fff;background:#0866ff}.chat-state.is-skipped{color:#7d8da2;background:#edf1f6}.chat-feed time{float:right;font-size:8px;color:#94a0b0;margin-top:3px}.chat-feed p{font-size:11px;color:#63758d;margin-top:5px;overflow-wrap:anywhere}.chat-foot{padding:13px;font-size:9px;text-align:center;border-top:1px solid #e8edf4;color:#8493a6}.queue-activity-dot{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:#a7b3c3}.queue-activity-dot.is-active{background:#0866ff;box-shadow:0 0 0 4px #61a36a1f;animation:queue-pulse 1.4s ease-out infinite}@keyframes queue-pulse{50%{box-shadow:0 0 0 7px #61a36a00}}.lower-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;margin-top:22px}.switch{display:flex;align-items:center;gap:7px;font-size:10px;color:#687c98;white-space:nowrap}.switch input{width:16px;accent-color:#0866ff}.queue-controls{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.queue-live-status{display:flex;align-items:center;gap:6px;margin:0 21px 12px;padding:10px 12px;border:1px solid #dfe8f4;border-radius:7px;background:#f7f9fc;color:#546d8c;font-size:10px}.queue-live-status strong{font-size:10px}.queue-live-status small{margin-left:auto;font-size:8px;color:#8191a5}.direction-progress{margin:0 21px 13px;padding:13px;border:1px solid #d9e5f2;border-radius:8px;background:#fbfcfe}.direction-progress-top{display:flex;justify-content:space-between;gap:10px;color:#3d689e;font-size:8px;font-weight:700;letter-spacing:.7px}.direction-progress-top small{color:#8392a6;font-weight:400;letter-spacing:0}.direction-progress>p{margin:7px 0 11px;color:#536982;font-size:11px}.direction-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:3px}.direction-steps i{padding-top:5px;border-top:2px solid #e0e7f0;color:#98a4b4;font-size:7px;font-style:normal;text-align:center}.direction-steps i.is-done{border-color:#4f8eea;color:#3f75b8}.direction-steps i.is-active{border-color:#78a8ee;color:#3f6fa8}.idea-form{display:flex;gap:8px;padding:0 21px}.idea-form input{font-size:11px;background:#fafbfd}.idea-form button{font-size:10px;white-space:nowrap}.queue-empty{padding:30px 21px;color:#8a98aa;font-size:11px}.idea{margin:0 21px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8edf4;padding:13px 0;gap:10px}.queue-position{display:grid;width:22px;height:22px;flex-shrink:0;place-items:center;border:1px solid #d9e5f2;border-radius:50%;background:#f6f9fd;color:#4874aa;font-size:9px}.idea p{font-size:12px;color:#596d85}.idea small{font-size:9px}.idea button{font-size:10px;flex-shrink:0}.queue-more{padding:11px 21px 15px;color:#7f8fa3;font-size:9px;text-align:center}.memory-character{display:flex;gap:11px;margin:0 21px 16px;align-items:center}.memory-character strong{font-size:11px}.memory-panel>p{font-size:11px;margin:0 21px 14px}.memory-panel .text-button{margin:0 7px 10px;border:0;background:none;font-size:10px;color:#3f70ad}.timeline{margin:0 21px}.timeline>div{display:flex;gap:9px;margin:8px 0}.timeline span{margin-top:8px;height:5px;width:5px;background:#80a8dd;flex-shrink:0;border-radius:50%}.timeline p{font-size:10px}.timeline small{font-size:8px}.form-panel{padding:27px;max-width:850px}.form-panel label{display:block;margin-bottom:22px;font-size:12px;font-weight:600}.form-panel label input,.form-panel label textarea{margin-top:9px;font-weight:400;font-size:12px;line-height:1.7}.form-panel p{font-size:12px;margin:12px 0 22px}.fineprint{font-size:10px!important;color:#7d8da2!important}.connections-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.step{display:block;font-size:9px;letter-spacing:1.4px;color:#8795a8;margin-bottom:15px}.external{display:inline-block;font-size:11px;color:#2867b2;margin-left:13px}.connection-state{font-size:12px;margin-top:17px}.destination-state{display:inline-flex;align-items:center;border:1px solid #dce5f1;border-radius:999px;background:#f7f9fc;padding:8px 11px;color:#5b708c}.destination-mismatch{padding:11px 12px;border:1px solid #eadfc9;border-radius:7px;background:#fcf8ef;color:#88724a;font-size:10px!important}.destination-mismatch a{color:#2867b2;font-weight:700}.destination-steps{margin:18px 0 22px;padding-left:22px;color:#687991;font-size:11px;line-height:1.65}.destination-steps li+li{margin-top:5px}.destination-form{padding-top:20px;border-top:1px solid #e8edf4}.destination-form label{margin-bottom:17px}.destination-form label small{margin-top:6px;font-weight:400}.destination-actions{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.destination-actions .external{margin-left:0}.destination-safety{margin:18px 0 0!important;padding-top:16px;border-top:1px solid #e8edf4}footer{display:flex;justify-content:space-between;font-size:8px;color:#98a4b4;letter-spacing:.5px;margin-top:28px;padding-top:14px;border-top:1px solid #e2e8f0;gap:20px}.alert,.notice{padding:14px 17px;background:#fbebe4;color:#9b5940;border:1px solid #eed8c9;border-radius:7px;margin-bottom:20px;font-size:12px}.notice{background:#eaf3ff;color:#356daf;border-color:#ccdef8}.alert button,.notice button{float:right;border:0;background:transparent;padding:0 2px}.empty-small{padding:20px 0;font-size:12px;color:#95a2b3}.loading{padding:80px;text-align:center;color:#346db4}@media(min-width:1600px){main{padding:48px 55px}.studio-grid,.lower-grid{grid-template-columns:minmax(0,1fr) 350px}.chat-feed{max-height:510px}.chat-panel{max-height:680px}}@media(max-width:1150px){.sidebar{width:195px;padding:25px 17px}main{margin-left:195px;width:calc(100% - 195px);padding:28px 22px}.studio-grid,.lower-grid{grid-template-columns:minmax(0,1fr) 255px}h1{font-size:24px}.transport{flex-wrap:wrap}.transport>span{margin-left:auto}.section-top{padding:16px}.header-status{display:none}}@media(max-width:900px){.sidebar{width:74px;padding:26px 12px}.brand{font-size:0;justify-content:center}.brand-mark{font-size:30px}.beta,.workspace-label,.show-title,.sidebar-bottom{display:none}nav{margin-top:30px}nav button{font-size:0;justify-content:center;padding:15px 8px;gap:0}nav span{font-size:20px}main{margin-left:74px;width:calc(100% - 74px);padding:24px 18px}.studio-grid,.lower-grid{grid-template-columns:1fr}.chat-panel{max-height:330px}.connections-grid{grid-template-columns:1fr}.destination-actions{align-items:stretch;flex-direction:column}.destination-actions .external{padding:4px 0}.lower-grid{margin-top:16px}h1{font-size:24px}.transport>div{flex-wrap:wrap}.viewport{min-height:200px}footer{flex-direction:column;gap:5px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.studio-login{min-height:100dvh;display:grid;place-items:center;background:#eaf2ff;padding:25px}.studio-login form{width:min(420px,100%);padding:35px;background:#fff;border:1px solid #dce6f2;border-radius:12px}.studio-login h1{font-size:26px}.studio-login p{font-size:12px;margin:14px 0 25px}.studio-login label{display:block;font-size:11px;margin:25px 0}.studio-login input{margin-top:9px}.studio-login a{font-size:11px;margin-left:18px;color:#3d6fae}