@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
/* The public entry contains only the scene. Owner HTML stays hidden until its session is verified. */
body[data-access="pending"] .app-layout,body[data-access="pending"] .header-center,body[data-access="pending"] .header-actions{visibility:hidden}
.owner-signin{display:inline-flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap;border:1px solid #e1e6dd;border-radius:8px;background:#fff;padding:10px 13px;color:#778671;font-size:11px;font-weight:500}.owner-signin:hover{background:#f5f7f1}.owner-signin svg{width:14px;height:14px}.owner-signin:disabled{opacity:.55;cursor:wait}
body[data-access="visitor"] .topbar{height:72px;padding:0 28px}body[data-access="visitor"] .app-layout{display:block;min-height:calc(100dvh - 72px)}body[data-access="visitor"] .main{position:relative;width:100%;padding:18px}body[data-access="visitor"] .office-stage{height:calc(100dvh - 108px);min-height:380px;max-height:none}body[data-access="visitor"] .page-heading{position:absolute;right:38px;top:34px;z-index:5;margin:0}body[data-access="visitor"] .ambience{padding:8px 10px;min-height:30px}body[data-access="visitor"] .ambience .dropdown-arrow{display:none}body[data-access="visitor"] .scene-tools{top:75px}body[data-access="visitor"] .stage-top{right:160px}body[data-access="visitor"] .navigation-hint{pointer-events:none}
@media(max-width:740px){body[data-access="visitor"] .topbar{height:68px;padding:0 17px}body[data-access="visitor"] .brand small{font-size:7px}body[data-access="visitor"] .app-layout{min-height:calc(100dvh - 68px)}body[data-access="visitor"] .main{padding:10px}body[data-access="visitor"] .office-stage{height:calc(100dvh - 88px);min-height:360px}body[data-access="visitor"] .page-heading{right:24px;top:22px}body[data-access="visitor"] .stage-top{right:95px}body[data-access="visitor"] .scene-tools{top:62px}.owner-signin{font-size:10px;padding:9px 10px}}
:root{--ink:#273441;--muted:#889197;--blue:#3769ef;--line:#e9eae6;--paper:#fff;--background:#f7f7f3;--agent:#3769ef;--agent-light:#edf2ff;font-family:'DM Sans',sans-serif;color:var(--ink);font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--background)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #fbad72;outline-offset:4px}button{border:0}a{color:inherit;text-decoration:none}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}button svg{flex:none}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fff;padding:0 30px;gap:16px}.brand{display:flex;align-items:center;gap:12px;font-family:Manrope,sans-serif;font-size:23px;font-weight:800;letter-spacing:-1px;line-height:1.1}.brand-icon{width:39px;height:43px;border:1.5px solid #273441;border-radius:12px;display:grid;place-items:center}.brand-icon svg{width:25px;height:25px;stroke-width:1.8}.brand-light{font-weight:500}.brand small{display:block;font:9px 'DM Sans',sans-serif;font-weight:600;letter-spacing:2px;margin-top:7px}.header-center{display:flex;align-items:center;gap:10px;font-size:12px;color:#69777b}.live-dot,.stage-dot{width:6px;height:6px;background:#78a988;border-radius:50%}.separator{color:#c5c9c4;margin:0 8px}.header-center time{color:#39474d;font-weight:600}.timezone{font-size:9px;letter-spacing:1px;color:#929b9e}.header-actions{display:flex;align-items:center;gap:17px}.demo-pill{font-size:9px;font-weight:700;letter-spacing:1px;padding:8px 12px;background:#f6f1e8;color:#9a7b44;border:1px solid #ece4d6;border-radius:20px}.icon-button{width:34px;height:34px;display:grid;place-items:center;background:transparent;border-radius:8px;font-size:23px;font-weight:400}.icon-button:hover{background:#f0f2ef}.icon-button svg{width:18px;height:18px}.user-avatar{width:34px;height:34px;background:#e9ede3;border:3px solid white;box-shadow:0 0 0 1px #e5e8e0;display:grid;place-items:center;border-radius:50%;font-size:13px;color:#687658;font-weight:700}.app-layout{display:grid;grid-template-columns:214px minmax(400px,1fr) 285px;min-height:calc(100vh - 82px)}.sidebar{padding:33px 20px 0;border-right:1px solid var(--line);background:#fff;display:flex;flex-direction:column}.eyebrow{font-size:9px;letter-spacing:1.6px;font-weight:700;color:#8b9497}.side-top>.eyebrow{padding-left:12px}.workspace-link{margin-top:16px;width:100%;padding:13px 12px;display:flex;align-items:center;gap:11px;text-align:left;border-radius:8px;background:#eef2ff;color:#3769ef;font-size:12px;font-weight:600}.workspace-link svg{width:17px;height:17px}.tiny-tag{margin-left:auto;font-size:9px;background:#dfe8ff;border-radius:4px;padding:3px 5px}.team-heading{display:flex;align-items:center;justify-content:space-between;margin:38px 10px 18px}.count{font-size:10px;color:#909b9a;background:#f3f4f1;border:1px solid #eceee7;border-radius:4px;padding:1px 5px}.agent-list{display:flex;flex-direction:column;gap:5px}.agent-row{display:flex;gap:10px;align-items:center;border:1px solid transparent;border-radius:9px;background:transparent;padding:11px 8px;text-align:left;width:100%;transition:background .2s}.agent-row:hover{background:#f7f8f4}.agent-row.active{border-color:#eaede5;background:#f7f8f5}.mini-avatar{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:var(--avatar-bg);color:var(--avatar-color);font-weight:700;font-family:Manrope,sans-serif;font-size:17px;position:relative}.mini-avatar:after{content:'';position:absolute;bottom:-1px;right:-1px;background:var(--avatar-color);width:7px;height:7px;border:2px solid white;border-radius:50%}.row-text strong{font-size:12px;font-weight:600;display:block}.row-text small{font-size:10px;color:#9aa19e;display:block;margin-top:3px}.row-chevron{margin-left:auto;color:#a5aaa6;font-size:15px}.sidebar-bottom{margin-top:auto;padding:65px 12px 25px}.little-house{width:37px;height:37px;background:#f3f5ef;border:1px solid #e5e9df;border-radius:12px;display:grid;place-items:center;color:#899b7d;margin-bottom:16px}.sidebar-bottom strong{font-size:11px;font-weight:600}.sidebar-bottom p{font-size:10px;line-height:1.8;color:#9ca49e;margin:7px 0 35px}.version{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#b0b7af}.version span{color:#c3c8bf}.main{padding:31px 28px 18px;min-width:0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.page-heading h1{font:800 clamp(20px,1.8vw,30px) Manrope,sans-serif;letter-spacing:-1.2px;margin:10px 0 8px;line-height:1.25}.page-heading h1>span{color:#ee9b6d}.page-heading p{font-size:11px;color:#959e9c;margin:0}.ambience{display:flex;align-items:center;gap:8px;white-space:nowrap;border:1px solid #e4e7de;border-radius:7px;background:white;padding:9px 10px;font-size:10px;color:#7c8783}.ambience svg{width:15px;height:15px;color:#c69c5b}.dropdown-arrow{font-size:15px;color:#abb2a9;margin-left:5px}.office-stage{position:relative;height:calc(100vh - 279px);min-height:440px;max-height:1000px;background:#e9ece7;border:1px solid #e0e4dc;border-radius:13px;overflow:hidden;isolation:isolate;transition:background 1s}.office-stage.night{background:#2c3b4e;border-color:#36465c}.stage-top{position:absolute;z-index:2;top:19px;left:21px;right:21px;display:flex;justify-content:space-between;pointer-events:none}.stage-location{display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:1.3px;font-weight:700;color:#7d8a7a}.floor-tag{font-size:7px;font-weight:500;letter-spacing:1px;color:#a9b2a2;margin-left:8px;border-left:1px solid #cdd3c5;padding-left:13px}.scene-badge{font-size:7px;letter-spacing:1px;padding:5px 7px;border:1px solid #d3dacf;color:#9aa693;border-radius:4px}.night .stage-location,.night .scene-badge{color:#b8c6d2}.night .floor-tag{color:#94a8bc;border-color:#526279}.night .scene-badge{border-color:#526279}#scene{position:absolute;inset:0;touch-action:none}#scene canvas{width:100%;height:100%;display:block;outline:none}#loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#e9ece7;z-index:4;gap:14px;color:#74846f}#loading .loading-logo{font-size:37px;animation:float 2s infinite ease-in-out;color:#3769ef}#loading strong{font-size:15px;font-weight:500}#loading>span:last-child{font-size:11px;color:#a1ab9a}#scene-error{position:absolute;inset:0;z-index:5;background:#e9ece7;padding:80px 30px;text-align:center}#scene-error p{font-size:12px;line-height:1.8;color:#8c9787}#scene-error button{background:#3769ef;color:white;padding:11px 18px;border-radius:7px}.scene-tools{position:absolute;z-index:2;right:15px;top:63px;display:flex;flex-direction:column;align-items:center;padding:4px;background:#ffffffed;border:1px solid #e0e5da;border-radius:10px;box-shadow:0 4px 12px #46583c06}.scene-tools>span{height:1px;width:20px;background:#e7eae2;margin:4px}.scene-tools .icon-button{width:30px;height:30px;color:#798771}.scene-tools .icon-button:hover{background:#edf1e9}.navigation-hint{position:absolute;bottom:70px;left:0;right:0;text-align:center;font-size:9px;color:#8d9b87;pointer-events:none;letter-spacing:.1px}.navigation-hint span{font-size:14px;margin-right:4px}.navigation-hint b{font-weight:400;margin:0 8px;color:#b2bcaa}.night .navigation-hint{color:#9db0c3}.zone-tabs{position:absolute;bottom:19px;left:50%;transform:translateX(-50%);background:#fffef7ef;backdrop-filter:blur(10px);border:1px solid #dfe4d8;box-shadow:0 4px 12px #46583c06;border-radius:9px;padding:4px;display:flex;gap:3px;white-space:nowrap}.zone-tabs button{padding:9px 13px;font-size:10px;border-radius:6px;background:transparent;color:#89957f;transition:all .2s}.zone-tabs button:hover{background:#f1f3ec}.zone-tabs button.active{color:white;background:#3e5144}.avatar-tooltip{position:absolute;z-index:3;padding:7px 11px;background:white;box-shadow:0 3px 15px #0001;border:1px solid #e7e9e2;border-radius:7px;font-size:11px;pointer-events:none;transform:translate(-50%,-110%)}.below-stage{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:15px}.demo-note{display:flex;align-items:center;gap:7px;color:#9ca59a;font-size:9px;line-height:1.5}.demo-note svg{width:13px;height:13px;flex:none;stroke-width:1.4}.made-for{font-size:7px;letter-spacing:1.2px;color:#a6afa0;white-space:nowrap}.made-for>span{font-size:13px;color:#b8c3ae;margin-left:7px}.detail-panel{background:#fff;border-left:1px solid var(--line);padding:33px 22px 0;display:flex;flex-direction:column}.detail-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.mini-demo{font-size:7px;letter-spacing:.8px;border:1px solid #e9ece5;border-radius:4px;padding:4px 5px;color:#a6ae9f}.portrait{height:180px;border:1px solid #e9edf6;border-radius:12px;background:var(--agent-light);position:relative;overflow:hidden}.portrait-grid{position:absolute;inset:0;background-image:linear-gradient(#8ca8f014 1px,transparent 1px),linear-gradient(90deg,#8ca8f014 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(transparent,#000)}.portrait-spark{position:absolute;color:var(--agent);opacity:.35;font-size:18px}.spark-one{top:24px;right:34px}.spark-two{top:68px;left:38px;font-size:11px}.portrait-floor{position:absolute;bottom:27px;left:50%;width:100px;height:16px;background:var(--agent);opacity:.1;border-radius:50%;transform:translateX(-50%)}.portrait-label{position:absolute;bottom:10px;left:12px;font-size:7px;letter-spacing:1.3px;color:#a6b3c1}.robot-preview{position:absolute;left:50%;top:37px;width:80px;height:110px;transform:translateX(-50%);z-index:1;animation:bob 3s infinite ease-in-out}.robot-head{position:absolute;width:65px;height:47px;background:#fff;border:1px solid #e0e8f3;box-shadow:inset -5px -4px #e4eaf2;border-radius:16px;left:8px;top:6px;z-index:3}.robot-face{position:absolute;width:43px;height:27px;left:9px;top:8px;background:#243343;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:9px;box-shadow:inset 0 2px 4px #172536}.robot-face i{width:6px;height:9px;border-radius:3px;background:#85dbe7;animation:blink 6s infinite}.robot-ear{position:absolute;width:6px;height:19px;background:var(--agent);top:15px;border-radius:3px}.ear-left{left:-5px}.ear-right{right:-5px}.robot-antenna{position:absolute;width:2px;height:11px;background:#a0adc0;left:39px;top:-3px}.robot-antenna:before{content:'';position:absolute;width:7px;height:7px;border-radius:50%;background:var(--agent);top:-3px;left:-2.5px}.robot-body{position:absolute;left:20px;top:51px;width:42px;height:37px;background:#fff;border:1px solid #dee6f0;border-radius:9px 9px 13px 13px;box-shadow:inset -4px -4px #e4eaf2;display:grid;place-items:center;color:var(--agent);font-size:22px;z-index:2}.robot-arm{position:absolute;width:10px;height:32px;top:53px;background:var(--agent);border-radius:7px}.arm-left{left:7px;transform:rotate(12deg)}.arm-right{right:4px;transform:rotate(-12deg)}.robot-foot{position:absolute;width:17px;height:15px;background:var(--agent);border-radius:5px;top:88px}.foot-left{left:20px}.foot-right{right:17px}.agent-identity{display:flex;justify-content:space-between;align-items:center;margin-top:21px}.agent-identity h2{font:800 21px Manrope,sans-serif;letter-spacing:-.8px;margin:0 0 5px}.agent-identity p{font-size:10px;color:#9ba39c;margin:0}.status-chip{background:#edf4e8;color:#7c9b62;font-size:8px;padding:6px 9px;border-radius:20px}.agent-description{color:#99a096;font-size:11px;line-height:1.8;margin:17px 0 0}.section-line{height:1px;background:#edf0e8;margin:23px 0}.mode-buttons{display:flex;gap:6px;margin-top:13px}.mode-buttons button{padding:10px 0;flex:1;display:flex;align-items:center;flex-direction:column;gap:8px;font-size:9px;background:#fff;border:1px solid #e8ece4;border-radius:8px;color:#8d9785;transition:all .2s}.mode-buttons button svg{width:17px;height:17px}.mode-buttons button.active{background:var(--agent-light);border-color:#ccd9fa;color:var(--agent)}.mode-buttons button:hover{transform:translateY(-2px)}.activity-card{padding:13px 11px;background:#f8f9f5;border:1px solid #edf0e8;border-radius:8px;display:flex;align-items:flex-start;gap:9px;margin-top:15px}.activity-dot{width:5px;height:5px;flex:none;background:var(--agent);border-radius:50%;margin-top:5px}.activity-card .eyebrow{font-size:7px;letter-spacing:1.2px}.activity-card p{font-size:10px;line-height:1.7;margin:6px 0 3px;color:#717e69}.activity-card small{font-size:8px;color:#a7b09f}.log-title{display:flex;justify-content:space-between;align-items:center}.log-title>span:last-child{font-size:7px;letter-spacing:1px;color:#b4bcac}.activity-log{margin-top:18px;display:flex;flex-direction:column;gap:17px}.log-entry{display:flex;gap:9px;align-items:flex-start}.log-node{width:5px;height:5px;background:#b5c4a8;border-radius:50%;margin-top:5px;flex:none}.log-entry p{font-size:9px;color:#8f9b86;line-height:1.65;margin:0}.log-entry small{display:block;font-size:7px;color:#bbc3b4;margin-top:3px}.detail-footer{margin-top:auto;padding:27px 0 22px;font-size:8px;color:#b0b8a8;display:flex;align-items:center;gap:7px}.heart{font-size:15px;color:#c7b5a6}.toast{position:fixed;z-index:20;bottom:25px;left:50%;transform:translateX(-50%);background:#2c4236;color:#eff5ed;padding:13px 20px;font-size:12px;border-radius:10px;box-shadow:0 6px 25px #1d39202a;max-width:90vw;text-align:center}dialog{border:1px solid #e4e9dd;border-radius:20px;padding:43px;max-width:440px;width:calc(100% - 32px);box-shadow:0 20px 80px #27344122;color:var(--ink)}dialog::backdrop{background:#23334255;backdrop-filter:blur(4px)}.close-modal{position:absolute;top:12px;right:12px}dialog h2{font:800 25px Manrope,sans-serif;letter-spacing:-1px;line-height:1.35;margin:15px 0 20px}dialog p{font-size:12px;line-height:1.9;color:#85917f}.about-tip{font-size:11px;line-height:1.8;background:#f2f5ed;padding:15px;border-radius:9px;margin:22px 0}.primary-button{background:#3769ef;color:#fff;font-size:12px;font-weight:500;padding:13px 18px;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:18px;width:100%}.primary-button svg{width:16px;height:16px}[hidden]{display:none!important}:fullscreen.office-stage{height:100vh;max-height:none;border:0;border-radius:0}@keyframes float{50%{transform:translateY(-6px)}}@keyframes bob{50%{transform:translateX(-50%) translateY(-3px)}}@keyframes blink{0%,44%,48%,100%{transform:scaleY(1)}46%{transform:scaleY(.12)}}
@media(min-width:1600px){.app-layout{grid-template-columns:235px minmax(400px,1fr) 315px}.main{padding:35px 35px 20px}.detail-panel{padding:33px 28px 0}.portrait{height:200px}.robot-preview{top:47px}}
@media(max-width:1200px){.app-layout{grid-template-columns:178px minmax(350px,1fr) 246px}.sidebar{padding:33px 13px 0}.main{padding:30px 18px 18px}.detail-panel{padding:33px 17px 0}.page-heading{align-items:flex-start}.ambience span:not(.dropdown-arrow){display:none}.page-heading h1{font-size:23px}.made-for{display:none}.team-heading{margin-left:7px;margin-right:7px}.eyebrow{font-size:8px;letter-spacing:1.3px}.portrait{height:160px}.robot-preview{top:27px}.agent-description{font-size:10px}.section-line{margin:20px 0}}
@media(max-width:980px){.app-layout{grid-template-columns:77px minmax(330px,1fr) 235px}.sidebar{padding:30px 12px 0}.side-top>.eyebrow,.workspace-link>span,.team-heading,.sidebar-bottom,.row-text,.row-chevron{display:none}.workspace-link{margin-top:0;padding:14px;justify-content:center}.agent-list{margin-top:30px;gap:10px}.agent-row{padding:7px;justify-content:center}.main{padding:29px 16px 18px}.header-center{display:none}.office-stage{min-height:420px}.page-heading h1{font-size:22px}.page-heading p{font-size:10px}.floor-tag{display:none}.zone-tabs button{padding:9px 10px;font-size:9px}.navigation-hint{font-size:8px}.navigation-hint b{margin:0 4px}.detail-panel{padding:32px 16px 0}.portrait{height:150px}.robot-preview{top:22px}}
@media(max-width:740px){.topbar{height:70px;padding:0 18px}.brand{font-size:21px}.brand-icon{width:35px;height:39px}.header-actions{gap:10px}.demo-pill{font-size:7px;padding:7px 9px}.header-actions>.icon-button{display:none}.app-layout{display:flex;flex-wrap:wrap;min-height:calc(100vh - 70px)}.sidebar{width:100%;height:67px;flex-direction:row;align-items:center;padding:10px 16px;border-right:0;border-bottom:1px solid var(--line);gap:16px}.workspace-link{padding:10px}.agent-list{margin:0;flex-direction:row;gap:9px;flex:1;justify-content:flex-end}.agent-row{width:auto;padding:4px}.mini-avatar{width:32px;height:32px;font-size:15px}.main{width:100%;padding:24px 16px 14px}.page-heading{margin-bottom:18px}.page-heading h1{font-size:24px;margin:8px 0}.page-heading p{font-size:10px}.office-stage{height:57vh;min-height:390px;max-height:680px}.stage-top{left:14px;right:14px;top:15px}.stage-location{font-size:7px}.scene-tools{right:10px;top:49px;padding:3px}.scene-tools .icon-button{width:27px;height:28px}.zone-tabs{bottom:15px}.navigation-hint{bottom:61px;font-size:7px}.navigation-hint b{margin:0 3px}.demo-note{font-size:8px}.detail-panel{width:100%;padding:24px 20px 0;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:112px minmax(0,1fr);column-gap:20px}.detail-heading{grid-column:1/-1;margin-bottom:16px}.portrait{grid-column:1;grid-row:2/5;height:155px}.robot-preview{transform:translateX(-50%) scale(.88);top:26px;animation:none}.spark-one{right:8px}.spark-two{left:10px}.agent-identity{margin:0;grid-column:2}.agent-description{grid-column:2;margin:10px 0;font-size:10px}.detail-panel>.section-line{display:none}.detail-panel>.eyebrow{grid-column:2;align-self:end;margin:5px 0 0}.mode-buttons{grid-column:2;margin-top:8px}.mode-buttons button{flex-direction:row;justify-content:center;padding:9px 4px;gap:4px;font-size:8px}.mode-buttons svg{width:13px!important;height:13px!important}.activity-card{grid-column:1/-1;margin:20px 0}.log-title{grid-column:1/-1}.activity-log{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;gap:12px;margin:14px 0}.log-entry{flex:1;min-width:120px}.detail-footer{grid-column:1/-1;padding:12px 0 20px}.toast{font-size:11px;bottom:17px}dialog{padding:35px 25px}.below-stage{margin-top:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* Live office controls share the scene's soft, quiet palette. */
.connection-pill{font-size:9px;font-weight:700;letter-spacing:1px;padding:8px 12px;background:#f0f2f3;color:#89969d;border:1px solid #e3e8ea;border-radius:20px;white-space:nowrap}
body[data-connection="online"] .connection-pill{background:#edf6ee;color:#678d71;border-color:#dcebdc}
.live-dot,.connection-indicator{background:#a3adb3}
body[data-connection="online"] .live-dot,body[data-connection="online"] .connection-indicator{background:#74a383;box-shadow:0 0 0 3px #74a38313}
.connection-note{display:flex;align-items:flex-start;gap:9px;font-size:10px;color:#86918c;line-height:1.7;min-width:0;flex:1}
.connection-indicator{width:6px;height:6px;flex:none;border-radius:50%;margin-top:5px}
.connection-note>div{min-width:0;flex:1}.connection-note small{display:block;font-size:8px;color:#a6afab;margin-top:2px}
.text-button{background:transparent;color:#7a8a8e;font-size:9px;white-space:nowrap;padding:3px 6px;border-radius:4px}.text-button:hover{background:#edf0eb}
.detail-panel{height:calc(100vh - 82px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#dde4da transparent;padding-bottom:4px;overscroll-behavior:contain}
.detail-heading{margin-bottom:17px}.portrait{height:136px;min-height:136px;flex:none}.robot-preview{top:12px;transform:translateX(-50%) scale(.82);animation:none}.portrait-floor{bottom:18px}.portrait-label{bottom:8px}
.portrait[data-status="offline"] .robot-preview{filter:saturate(.25);opacity:.65}.portrait[data-status="offline"] .robot-face i{animation:none;opacity:.4}
.portrait[data-status="working"] .robot-preview{animation:working-bob 3s infinite ease-in-out}
.agent-identity{margin-top:17px;gap:8px}.agent-identity h2{font-size:20px;overflow-wrap:anywhere}.agent-identity p{line-height:1.6}.agent-description{font-size:10px;line-height:1.7;margin-top:10px}
.status-chip{white-space:nowrap;font-size:8px;background:#edf4ee;flex:none}.status-chip[data-status="offline"]{background:#f0f2f3}.status-chip[data-status="waiting"]{background:#f3effa}.status-chip[data-status="error"]{background:#fbefe8}
.agent-row[data-status="offline"] .mini-avatar{filter:saturate(.35);opacity:.7}.mini-avatar{flex:none}.mini-avatar:after{background:var(--status-color,var(--avatar-color))}.row-text{min-width:0}.row-text strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.activity-card{margin-top:14px;padding:11px}.activity-card>div{min-width:0}.activity-card p{font-size:10px;overflow-wrap:anywhere}.activity-card small{display:block;overflow-wrap:anywhere;line-height:1.6}.activity-card small+small{font-size:7px;margin-top:4px}
.agent-editor{margin-top:15px;border:1px solid #e6ebe2;border-radius:8px;font-size:10px}.agent-editor summary{display:flex;align-items:center;justify-content:space-between;list-style:none;padding:11px;color:#7c8982;cursor:pointer}.agent-editor summary::-webkit-details-marker{display:none}.agent-editor[open] summary{border-bottom:1px solid #edf0e8}.agent-editor[open] summary>span{transform:rotate(180deg)}.agent-editor form{padding:11px}
.agent-editor label{display:block;font-size:9px;margin:0 0 6px;color:#87948b}.agent-editor label:not(:first-child){margin-top:12px}
input,textarea{font:inherit;color:#4d5f56;background:#fbfcf9;border:1px solid #e0e7dc;border-radius:6px;width:100%;padding:9px 10px;line-height:1.6;outline:none}input:focus,textarea:focus{border-color:var(--agent);box-shadow:0 0 0 2px var(--agent-light)}textarea{resize:vertical;min-height:72px}input::placeholder,textarea::placeholder{color:#a2aaa3}
.form-note{font-size:8px;color:#a0aaa1;line-height:1.7;margin:8px 0 0}.primary-button.compact{font-size:10px;padding:10px 12px;border-radius:6px;gap:8px}.primary-button:disabled{background:#e8ece6;color:#a7b1a4;cursor:not-allowed}.primary-button:not(:disabled):hover{filter:brightness(.96)}
.agent-editor .primary-button{margin-top:10px}.task-form{margin-top:18px}.task-form label{display:block;margin-bottom:9px}.task-form textarea{font-size:10px;min-height:76px}.task-form .primary-button{margin-top:8px}.task-result{font-size:9px;color:#6e8876;line-height:1.7;margin:8px 0 0;overflow-wrap:anywhere}.task-result:empty{display:none}.task-result[data-kind="error"]{color:#b57862}
.detail-panel>.section-line{margin:18px 0;flex:none}.activity-log{margin-top:14px;gap:12px}.empty-log{font-size:9px;color:#a1aba0;line-height:1.8;margin:0}.detail-footer{padding-top:20px}.sidebar-bottom{padding-top:30px}.sidebar-bottom p{margin-bottom:20px}
@keyframes working-bob{50%{transform:translateX(-50%) translateY(-2px) scale(.82)}}
@media(min-width:1600px){.portrait{height:150px;min-height:150px}.robot-preview{top:18px}}
@media(max-width:1200px){.connection-note{font-size:9px}.agent-identity h2{font-size:18px}.agent-editor summary{font-size:9px}.sidebar-bottom{padding-left:7px;padding-right:7px}}
@media(max-width:980px){.connection-note{font-size:8px}.connection-note small{font-size:7px}.detail-panel{padding-top:30px}.portrait{height:128px;min-height:128px}.robot-preview{top:8px}.activity-card p{font-size:9px}.agent-editor summary{padding:10px}}
@media(max-width:740px){.connection-pill{font-size:7px;padding:7px 9px}.sidebar{gap:10px}.agent-list{gap:5px}.mini-avatar{width:29px;height:29px;font-size:12px}.agent-row{padding:3px}.detail-panel{height:auto;overflow:visible;grid-template-columns:105px minmax(0,1fr);padding-top:24px;column-gap:18px}.portrait{height:140px;min-height:140px;grid-row:2/4}.robot-preview{top:16px}.agent-identity{margin-top:0}.agent-description{font-size:10px}.activity-card{grid-column:1/-1;margin:17px 0 0}.agent-editor,.task-form{grid-column:1/-1;margin-top:16px}.agent-editor summary{font-size:11px;padding:13px}.agent-editor label{font-size:11px}input,textarea{font-size:14px}.task-form textarea{font-size:12px;min-height:84px}.form-note{font-size:10px}.primary-button.compact{font-size:12px;padding:12px}.task-result{font-size:11px}.detail-panel>.section-line{display:block;grid-column:1/-1;margin:20px 0}.activity-log{margin:14px 0}.empty-log{font-size:10px}.log-entry p{font-size:10px}.log-entry small{font-size:8px}.connection-note{font-size:9px}.connection-note small{font-size:8px}.text-button{font-size:9px}.below-stage{align-items:flex-start}.connection-note>div{flex:1}.navigation-hint{font-size:7px}.detail-footer{padding-top:20px}}
@media(max-width:380px){.sidebar{padding-left:11px;padding-right:11px;gap:5px}.agent-list{gap:2px}.mini-avatar{width:28px;height:28px}.agent-row{padding:2px}.workspace-link{padding:8px}.page-heading h1{font-size:22px}.zone-tabs button{padding-left:8px;padding-right:8px}}

.panel-tabs{display:flex;gap:3px;padding:4px;margin-top:17px;background:#f3f5ef;border:1px solid #e8ece3;border-radius:8px;flex:none}.panel-tabs button{font-size:9px;color:#95a08d;background:transparent;padding:8px 3px;flex:1;border-radius:5px;white-space:nowrap}.panel-tabs button.active{background:#fff;box-shadow:0 1px 4px #334a2d0c;color:#63795f}.panel-tabs button:hover{color:#63795f}.agent-tab-panel{padding-top:14px}
.chat-feed{max-height:290px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#dde4da transparent;overscroll-behavior:contain;display:flex;flex-direction:column;gap:16px}.chat-turn{display:flex;flex-direction:column;gap:8px}.chat-message{padding:10px;border:1px solid #e8ece4;border-radius:9px;font-size:10px;line-height:1.7;overflow-wrap:anywhere}.chat-message>span{font-size:7px;font-weight:700;letter-spacing:1px;color:#98a18f;display:block}.chat-message p{margin:6px 0;color:#6e7b65;white-space:pre-wrap}.chat-message small{font-size:7px;color:#a9b2a2;display:block}.from-user{background:var(--agent-light);margin-left:17px;border-color:transparent}.from-user>span{color:var(--agent);opacity:.7}.from-agent{background:#fbfcf9;margin-right:10px}.empty-chat{border:1px dashed #e1e7da;border-radius:9px;padding:17px 13px;text-align:center}.empty-chat>span{font-family:Manrope,sans-serif;font-size:22px;font-weight:700;color:var(--agent);opacity:.5}.empty-chat p{font-size:10px;color:#909e87;line-height:1.8;margin:8px 0}.empty-chat small{font-size:8px;color:#b0baaa;line-height:1.7;display:block}
.request-kinds{border:0;padding:0;display:flex;gap:6px;margin:0 0 8px}.request-kinds label{flex:1;position:relative;margin:0;cursor:pointer}.request-kinds input{position:absolute;opacity:0;width:1px;height:1px;padding:0}.request-kinds span{display:block;text-align:center;font-size:9px;color:#a1aa9b;background:#f8faf5;border:1px solid #e6ebdf;border-radius:5px;padding:7px}.request-kinds input:checked+span{color:var(--agent);background:var(--agent-light);border-color:#d9e2ef}.request-kinds input:focus-visible+span{outline:2px solid #fbad72;outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.checkbox-label{display:flex!important;align-items:flex-start;gap:7px;font-size:9px;line-height:1.6;cursor:pointer}.checkbox-label input{width:13px;height:13px;flex:none;accent-color:var(--agent);margin:1px 0 0;padding:0}.checkbox-label span{flex:1}
.routine-intro{margin:0 0 14px}.routine-list{display:flex;flex-direction:column;gap:9px}.routine-card{border:1px solid #e6ebdf;background:#fbfcf9;border-radius:8px;padding:11px;display:flex;gap:8px;align-items:flex-start}.routine-card>div:first-child{flex:1;min-width:0}.routine-card strong{font-size:10px;font-weight:600;display:block;color:#6f7d67;line-height:1.7;overflow-wrap:anywhere}.routine-card small{font-size:8px;line-height:1.7;color:#a1ad98;display:block}.routine-card p{font-size:9px;line-height:1.7;color:#8c9a82;margin:8px 0 0;overflow-wrap:anywhere;white-space:pre-wrap}.routine-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.routine-toggle{display:flex;gap:4px;align-items:center;font-size:8px;color:#93a087;cursor:pointer}.routine-toggle input{width:12px;height:12px;accent-color:#79a486;padding:0;margin:0}.routine-toggle input:disabled{cursor:not-allowed}.routine-actions .text-button{padding:0;font-size:8px}
.routine-form{margin-top:20px;padding-top:17px;border-top:1px solid #edf0e8}.routine-form>.eyebrow{display:block;margin-bottom:13px}.routine-form label{display:block;font-size:9px;color:#8c9a84;margin:11px 0 6px}.routine-form input,.routine-form textarea,.routine-form select{font-size:10px}.routine-form .checkbox-label{margin-top:14px}.routine-form .checkbox-label input{width:13px;height:13px}.routine-schedule{display:grid;grid-template-columns:1fr 1fr;gap:8px;min-width:0}.routine-schedule>div{min-width:0}.routine-schedule input{min-width:0}select{font:inherit;color:#5c7156;background:#fbfcf9;border:1px solid #e0e7dc;border-radius:6px;width:100%;padding:10px 7px;line-height:1.6;outline:none}select:focus{border-color:var(--agent);box-shadow:0 0 0 2px var(--agent-light)}.routine-form-actions{display:flex;align-items:center;gap:8px;margin-top:12px}.routine-form-actions .primary-button{flex:1}.routine-form-actions .text-button{font-size:9px}.task-form>.eyebrow{line-height:1.7}
@media(max-width:740px){.panel-tabs,.agent-tab-panel{grid-column:1/-1}.panel-tabs button{font-size:11px;padding:10px}.agent-tab-panel{padding-top:18px}.chat-feed{max-height:400px}.chat-message{font-size:12px;padding:13px}.chat-message>span{font-size:9px}.chat-message small{font-size:9px}.empty-chat{padding:22px}.empty-chat p{font-size:12px}.empty-chat small{font-size:10px}.request-kinds span{font-size:11px;padding:10px}.checkbox-label{font-size:11px!important}.checkbox-label input{width:15px;height:15px}.routine-card{padding:14px}.routine-card strong{font-size:12px}.routine-card small{font-size:10px}.routine-card p{font-size:11px}.routine-toggle{font-size:10px;gap:6px}.routine-toggle input{width:15px;height:15px}.routine-actions .text-button{font-size:10px}.routine-form label{font-size:11px}.routine-form input,.routine-form textarea,.routine-form select{font-size:13px}.routine-schedule{gap:12px}.routine-form-actions .text-button{font-size:11px}.task-form{margin-top:19px}}

/* Ren Corp: working context and real team conversations. */
.automatic-memory-card{padding:12px;border-bottom:1px solid #e5eadd;background:#f9fbf6}.automatic-memory-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.automatic-memory-heading>strong{font-size:10px;font-weight:600;line-height:1.7;color:#7d8d71}.memory-sync-status{font-size:7px;line-height:1.6;color:#a2ac98;background:#eef2e8;border:1px solid #e0e6d9;padding:4px 6px;border-radius:5px;white-space:nowrap}.memory-sync-status[data-state="enabled"]{color:#6f9572;background:#edf5e9;border-color:#dce9d4}.memory-sync-status[data-state="error"]{color:#b8836a;background:#faf0e6;border-color:#eedfd1}.memory-sync-status[data-state="paused"]{color:#a2aaa0;background:#f0f3ed}.memory-sync-times{margin-top:10px;display:flex;flex-direction:column;gap:3px}.memory-sync-times>small{font-size:7px;color:#a0ad94;line-height:1.7}.automatic-memory-card>label{font-size:9px;color:#8b9b7f;display:block;margin:12px 0 7px}.automatic-memory-card>textarea{font-size:9px;min-height:120px;line-height:1.8;background:#fff;border-color:#dfe7d6;color:#8b987e;cursor:text}.automatic-memory-card>textarea:focus{box-shadow:0 0 0 2px #e7eee0;border-color:#a6ba96}.automatic-memory-card>small{font-size:7px;line-height:1.7;color:#aab59f;display:block;margin-top:7px}.automatic-memory-card>.task-result:empty{display:none}
.preferences-summary{font-size:9px;line-height:1.8;color:#9ba88f;margin:0 0 10px;overflow-wrap:anywhere}.world-intention-card{margin-top:12px;padding:11px;border:1px solid #e5e7f0;border-radius:8px;background:#f8f9fc}.world-intention-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.world-intention-heading .eyebrow{font-size:7px;letter-spacing:1.1px;color:#939bb1}.world-action{padding:4px 7px;border-radius:5px;font-size:8px;color:#a8adba;background:#eef0f5;white-space:nowrap}.world-action[data-active="true"]{color:#788cb9;background:#e9effc}.world-intention-card>p:not(.form-note){font-size:10px;line-height:1.8;color:#828da2;margin:9px 0 6px}.world-intention-card>small{font-size:8px;line-height:1.8;color:#a5adbb;display:block;overflow-wrap:anywhere}.world-intention-card>small:empty{display:none}.world-intention-card>.form-note{font-size:7px;color:#a2aabc;line-height:1.8}#memory-import-note{padding:9px;background:#f4f6ef;border-radius:5px;color:#9ca88e}
.from-automatic{background:#f5f6f1;border-color:#e7ebe0;margin-left:10px}.from-automatic>span{color:#8f9d82}.from-automatic p{color:#8b977f}
.brand{letter-spacing:-.8px}.brand-light{font-weight:500}.brand small{letter-spacing:1.7px;font-size:8px}.brand-icon{border-color:#3769ef;color:#3769ef}.panel-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.panel-tabs button{min-width:0;padding:8px 5px}
.agent-context{margin-top:10px}.personality-summary{font-size:9px;line-height:1.8;color:#8b9785;margin:0 0 10px;overflow-wrap:anywhere}.self-state{background:#fafbf8;border:1px solid #ebeee6;border-radius:8px;padding:10px}.self-state>div+div{margin-top:9px}.self-state .eyebrow{font-size:7px;letter-spacing:1px}.self-state p{font-size:9px;line-height:1.8;color:#829178;margin:4px 0 0;overflow-wrap:anywhere}.self-state>small{display:block;font-size:7px;color:#acb5a4;margin-top:9px;line-height:1.7}
.lounge-heading{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap}.ai-label{font-size:7px;color:#a3ad9a;background:#f4f6ef;border:1px solid #e6ebdd;border-radius:4px;padding:4px 5px;line-height:1.5}.office-settings{margin:13px 0;padding:10px;background:#fafbf8;border:1px solid #e8ece2;border-radius:8px;display:flex;flex-direction:column;gap:6px}.office-settings>.form-note{margin-top:2px}.setting-button{font-size:9px;text-align:left;line-height:1.6;padding:8px 9px;border:1px solid #dfe7d7;border-radius:5px;background:#edf3e8;color:#738767}.setting-button[aria-pressed="false"]{background:#f1f3f0;color:#94a18b;border-color:#e4e9df}.setting-button:disabled{opacity:.55;cursor:not-allowed}
.conversation-feed{max-height:400px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#dde4da transparent;display:flex;flex-direction:column;gap:13px;overscroll-behavior:contain}.team-conversation{border:1px solid #e4eadd;border-radius:9px;padding:11px;background:#fdfefa}.team-conversation>header{display:flex;align-items:flex-start;gap:7px;justify-content:space-between}.team-conversation h3{font-size:10px;line-height:1.7;font-weight:600;margin:0;color:#6c7d62;overflow-wrap:anywhere}.conversation-status{font-size:6px;line-height:1.7;color:#8b9e7f;white-space:nowrap;background:#eff4e9;padding:3px 5px;border-radius:4px;flex:none}.conversation-status[data-status="failed"]{color:#b48369;background:#faf0e7}.conversation-status[data-status="paused"]{color:#a4a99d;background:#f0f2ee}.team-conversation>small{font-size:7px;color:#a2ae97;display:block;line-height:1.8;margin-top:5px}.team-messages{margin-top:13px;display:flex;flex-direction:column;gap:12px}.team-message{border-left:2px solid var(--speaker-color);padding-left:9px}.team-message>strong{font-size:8px;font-weight:600;color:var(--speaker-color);display:block;line-height:1.7}.team-message>p{font-size:9px;color:#7e8e73;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0}.team-message>small{font-size:7px;color:#abb5a2;display:block;line-height:1.6}.empty-conversations{padding:21px 13px;text-align:center;border:1px dashed #e1e7da;border-radius:9px}.empty-conversations>svg{width:25px;height:25px;color:#b4c0a7}.empty-conversations p{font-size:10px;color:#8e9e81;margin:10px 0 7px}.empty-conversations>small{font-size:8px;line-height:1.8;color:#acb7a0;display:block}
.conversation-form{margin:18px 0 0;padding-top:16px;border-top:1px solid #eaf0e3}.conversation-form>.eyebrow{display:block;line-height:1.8;margin-bottom:13px}.conversation-form label{font-size:9px;color:#8b9b7e;display:block;margin:12px 0 6px}.conversation-form textarea,.conversation-form select{font-size:10px}.conversation-form .primary-button{margin-top:12px}#conversation-limits{margin-top:13px;font-size:8px;line-height:1.8}
@media(max-width:740px){.agent-context{grid-column:1/-1;margin-top:12px}.personality-summary{font-size:11px}.self-state{padding:13px}.self-state .eyebrow{font-size:9px}.self-state p{font-size:11px}.self-state>small{font-size:9px}.panel-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.panel-tabs button{font-size:10px;padding:9px 3px}.ai-label{font-size:9px}.office-settings{padding:12px;gap:9px}.setting-button{font-size:11px;padding:11px}.conversation-feed{max-height:520px}.team-conversation{padding:14px}.team-conversation h3{font-size:12px}.conversation-status{font-size:8px;padding:4px 6px}.team-conversation>small{font-size:9px}.team-message>strong{font-size:10px}.team-message>p{font-size:11px}.team-message>small{font-size:9px}.empty-conversations p{font-size:12px}.empty-conversations>small{font-size:10px}.conversation-form label{font-size:11px}.conversation-form textarea,.conversation-form select{font-size:13px}#conversation-limits{font-size:10px}}
@media(max-width:740px){.preferences-summary{font-size:11px}.world-intention-card{grid-column:1/-1;padding:13px;margin-top:12px}.world-intention-heading .eyebrow{font-size:9px}.world-action{font-size:10px}.world-intention-card>p:not(.form-note){font-size:12px}.world-intention-card>small{font-size:10px}.world-intention-card>.form-note{font-size:9px}}
@media(max-width:740px){.automatic-memory-card{padding:15px}.automatic-memory-heading>strong{font-size:12px}.memory-sync-status{font-size:9px}.memory-sync-times>small{font-size:9px}.automatic-memory-card>label{font-size:11px}.automatic-memory-card>textarea{font-size:11px;min-height:145px}.automatic-memory-card>small{font-size:9px}}