.office-sim{position:relative;width:100%;border-radius:20px;overflow:hidden;isolation:isolate;z-index:0;background:#3a3228;border:1px solid #d6d0c8;user-select:none;box-shadow:0 4px 24px rgba(0,0,0,.06),0 1px 4px rgba(0,0,0,.04)}.office-sim__bg{display:block;width:100%;height:auto;pointer-events:none}.office-sim__svg-overlay{width:100%;height:100%;z-index:5}.office-sim__agents,.office-sim__svg-overlay{position:absolute;inset:0;pointer-events:none}.office-sim__agent{position:absolute;display:flex;flex-direction:column;align-items:center;pointer-events:auto;z-index:10}.office-sim__agent-dot{position:relative;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:white;border:2.5px solid rgba(255,255,255,.95);box-shadow:0 2px 10px rgba(0,0,0,.22),0 0 0 1px rgba(0,0,0,.05);transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.office-sim__agent--walking .office-sim__agent-dot{animation:os-walk .7s ease-in-out infinite}.office-sim__agent--working .office-sim__agent-dot{animation:os-work-pulse 2.5s ease-in-out infinite}.office-sim__agent--thinking .office-sim__agent-dot{animation:os-think-pulse 1s ease-in-out infinite}.office-sim__agent-dot:hover{transform:scale(1.3);box-shadow:0 4px 16px rgba(0,0,0,.3);z-index:50}.office-sim__agent-dot--cortex{background:linear-gradient(135deg,#0EA5E9,#2563EB)!important;border-color:rgba(255,255,255,1);box-shadow:0 2px 10px rgba(14,165,233,.35),0 0 0 1px rgba(14,165,233,.2)}.office-sim__agent-shadow{width:18px;height:6px;border-radius:50%;background:rgba(0,0,0,.12);margin-top:1px}.office-sim__agent-tag{position:relative;isolation:isolate;margin-top:2px;font-size:8px;font-weight:600;color:#3D3530;background:rgba(255,255,255,.94);padding:1.5px 6px;border-radius:4px;white-space:nowrap;box-shadow:0 1px 4px rgba(0,0,0,.1);max-width:76px;overflow:hidden;text-overflow:ellipsis}.office-sim__agent-fill{position:absolute;top:0;left:0;bottom:0;right:0;border-radius:inherit;background:#bbf7d0;z-index:-1;pointer-events:none;transform-origin:left center;animation:tag-fill var(--fill-duration,8s) linear forwards}.office-sim__agent-fill--cortex{background:rgba(14,165,233,.12)}@keyframes tag-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.office-sim__agent-tag--cortex{background:rgba(255,255,255,.94);color:#0EA5E9;font-weight:800;letter-spacing:.02em;border:1px solid rgba(14,165,233,.2);box-shadow:0 1px 4px rgba(14,165,233,.15)}.office-sim__bubble{position:absolute;bottom:calc(100% + 5px);left:50%;transform:translateX(-50%);background:white;border:1px solid #e0dbd4;border-radius:8px;padding:4px 10px;font-size:9.5px;font-weight:600;color:#3D3530;white-space:nowrap;box-shadow:0 3px 14px rgba(0,0,0,.1);pointer-events:none;z-index:30;animation:os-bubble-in .25s ease forwards}.office-sim__bubble:after{border:4px solid transparent;border-top-color:white}.office-sim__bubble:after,.office-sim__bubble:before{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%)}.office-sim__bubble:before{border:5px solid transparent;border-top-color:#e0dbd4}.office-sim__bubble--thinking{background:#F5F5F4;border-color:#D6D3D1;padding:4px 14px;min-width:36px;text-align:center}.office-sim__bubble--thinking:after{border-top-color:#F5F5F4}.office-sim__bubble--thinking:before{border-top-color:#D6D3D1}.os-thinking-dots{display:inline-flex;gap:2px;font-size:14px;font-weight:900;color:#78716C;line-height:1}.os-thinking-dots span{display:inline-block;animation:os-dot-bounce 1.4s ease-in-out infinite}.os-thinking-dots span:nth-child(2){animation-delay:.2s}.os-thinking-dots span:nth-child(3){animation-delay:.4s}@keyframes os-dot-bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-3px);opacity:1}}.office-sim__bubble--collab{background:#FDF2F8;border-color:#F9A8D4;color:#831843}.office-sim__bubble--collab:after{border-top-color:#FDF2F8}.office-sim__bubble--collab:before{border-top-color:#F9A8D4}.office-sim__hud{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.6);border-radius:10px;padding:5px 14px;z-index:20;box-shadow:0 2px 12px rgba(0,0,0,.08)}.office-sim__hud-item{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:600;color:#5D534A}.office-sim__hud-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.office-sim__sparkle{position:absolute;pointer-events:none;z-index:25;animation:os-sparkle .7s ease forwards}.office-sim__editor-toggle{position:absolute;top:8px;right:8px;z-index:120;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.5);backdrop-filter:blur(8px);color:rgba(255,255,255,.7);cursor:pointer;transition:all .2s}.office-sim__editor-toggle:hover{background:rgba(0,0,0,.7);color:#fff;border-color:rgba(255,255,255,.4)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes os-walk{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.05)}}@keyframes os-work-pulse{0%,to{box-shadow:0 2px 10px rgba(0,0,0,.22),0 0 0 0 rgba(59,130,246,0)}50%{box-shadow:0 2px 10px rgba(0,0,0,.22),0 0 0 6px rgba(59,130,246,.08)}}@keyframes os-think-pulse{0%,to{box-shadow:0 2px 10px rgba(0,0,0,.22),0 0 0 0 rgba(245,158,11,0)}50%{box-shadow:0 2px 10px rgba(0,0,0,.22),0 0 0 5px rgba(245,158,11,.15)}}@keyframes os-bubble-in{0%{opacity:0;transform:translateX(-50%) translateY(3px) scale(.92)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}@keyframes os-sparkle{0%{opacity:1;transform:scale(.5) translateY(0)}50%{opacity:1;transform:scale(1.3) translateY(-6px)}to{opacity:0;transform:scale(.6) translateY(-14px)}}@keyframes os-dash-move{0%{stroke-dashoffset:0}to{stroke-dashoffset:-12}}.office-sim__collab-line{stroke-dasharray:4 4;animation:os-dash-move 1s linear infinite}@keyframes scenario-cursor-hint{0%,to{opacity:.7;transform:translateX(-30%) translateY(0)}50%{opacity:1;transform:translateX(-30%) translateY(-5px)}}.os-modal-backdrop{position:absolute;inset:0;z-index:1000;background:rgba(0,0,0,.3);backdrop-filter:blur(2.5px);-webkit-backdrop-filter:blur(2.5px);display:flex;align-items:center;justify-content:center;animation:os-fade-in .2s ease;border-radius:inherit}@keyframes os-fade-in{0%{opacity:0}to{opacity:1}}.os-modal{position:relative;width:340px;max-width:92vw;background:#fff;border-radius:16px;padding:24px;box-shadow:0 20px 60px rgba(0,0,0,.2),0 4px 16px rgba(0,0,0,.1);animation:os-modal-in .25s ease}.os-modal--cortex{border:1px solid rgba(14,165,233,.15);box-shadow:0 20px 60px rgba(14,165,233,.12),0 4px 16px rgba(0,0,0,.08)}@keyframes os-modal-in{0%{transform:scale(.92) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.os-modal__close{position:absolute;top:12px;right:12px;width:28px;height:28px;border-radius:8px;border:1px solid #e7e5e4;background:#FAFAF9;color:#78716C;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.os-modal__close:hover{background:#F5F5F4;color:#44403C;border-color:#D6D3D1}.os-modal__header{display:flex;align-items:center;gap:14px;margin-bottom:16px}.os-modal__avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:white;border:3px solid rgba(255,255,255,.9);box-shadow:0 2px 12px rgba(0,0,0,.15);flex-shrink:0}.os-modal__info{display:flex;flex-direction:column;gap:4px}.os-modal__name{font-size:17px;font-weight:700;color:#1C1917;margin:0;line-height:1.2}.os-modal__role{display:inline-flex;align-items:center;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:600;width:fit-content}.os-modal__desc{font-size:13px;color:#57534E;line-height:1.5;margin:0 0 16px}.os-modal__section{margin-bottom:16px}.os-modal__section-title{font-size:11px;font-weight:700;color:#A8A29E;text-transform:uppercase;letter-spacing:.05em;margin:0 0 8px}.os-modal__skills{display:flex;flex-wrap:wrap;gap:6px}.os-modal__skill{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;color:#44403C;background:#F5F5F4;border:1px solid #e7e5e4}.os-modal__stats{display:flex;gap:8px;margin-bottom:18px}.os-modal__stat{flex:1;display:flex;flex-direction:column;align-items:center;padding:10px 8px;background:#FAFAF9;border:1px solid #e7e5e4;border-radius:10px}.os-modal__stat-value{font-size:16px;font-weight:700;color:#1C1917}.os-modal__stat-label{font-size:10px;font-weight:600;color:#A8A29E;margin-top:2px}.os-modal__stats--two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.os-modal__stat--live{gap:2px}.os-modal__stat-icon{display:flex;align-items:center;justify-content:center;margin-bottom:2px}.os-modal__stat-value--green{color:#059669}.os-modal__stat-value--blue{color:#2563EB;font-size:14px;font-variant-numeric:tabular-nums}.os-modal__hire{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px 16px;border-radius:10px;color:white;font-size:14px;font-weight:700;text-decoration:none;cursor:pointer;border:none;transition:all .2s;box-shadow:0 2px 8px rgba(0,0,0,.12)}.os-modal__hire:hover{filter:brightness(1.1);box-shadow:0 4px 16px rgba(0,0,0,.18);transform:translateY(-1px)}@media (max-width:768px){.office-sim{border-radius:14px;width:100%!important}.office-sim__agent-dot{width:20px;height:20px;font-size:7.5px;border-width:2px}.office-sim__agent-tag{font-size:6.5px;padding:1px 4px}.office-sim__bubble{font-size:8px;padding:3px 7px}.office-sim__hud{gap:8px;padding:4px 10px}.office-sim__hud-item{font-size:8.5px}}@media (max-width:480px){.office-sim__agent-tag{display:none}.office-sim__agent-dot{width:18px;height:18px;font-size:7px}.office-sim__hud{flex-wrap:wrap;justify-content:center;gap:4px 10px;max-width:90%}}.dark .office-sim{background:#1C1917;border-color:#2D2924;box-shadow:0 4px 24px rgba(0,0,0,.2)}.dark .office-sim__bg{opacity:.85;filter:brightness(.82) saturate(.9)}.dark .office-sim__agent-tag{background:rgba(28,25,23,.92);color:#A8A29E;box-shadow:0 1px 3px rgba(0,0,0,.2)}.dark .office-sim__bubble{background:#292524;border-color:#3D3530;color:#D6D3D1;box-shadow:0 3px 12px rgba(0,0,0,.2)}.dark .office-sim__bubble:after{border-top-color:#292524}.dark .office-sim__bubble:before{border-top-color:#3D3530}.dark .office-sim__bubble--thinking{background:#1C1917;border-color:#3D3530}.dark .office-sim__bubble--thinking:after{border-top-color:#1C1917}.dark .office-sim__bubble--thinking:before{border-top-color:#3D3530}.dark .os-thinking-dots span{color:#A8A29E}.dark .office-sim__bubble--collab{background:#2D1F2D;border-color:#5B2A4F;color:#F9A8D4}.dark .office-sim__bubble--collab:after{border-top-color:#2D1F2D}.dark .office-sim__bubble--collab:before{border-top-color:#5B2A4F}.dark .office-sim__hud{background:rgba(28,25,23,.88);border-color:#3D3530}.dark .office-sim__hud-item{color:#A8A29E}.dark .os-modal{background:#1C1917;box-shadow:0 20px 60px rgba(0,0,0,.5)}.dark .os-modal__close{background:#292524;border-color:#3D3530;color:#A8A29E}.dark .os-modal__close:hover{background:#3D3530;color:#D6D3D1}.dark .os-modal__name{color:#FAFAF9}.dark .os-modal__desc{color:#A8A29E}.dark .os-modal__section-title{color:#78716C}.dark .os-modal__skill{color:#D6D3D1}.dark .os-modal__skill,.dark .os-modal__stat{background:#292524;border-color:#3D3530}.dark .os-modal__stat-value{color:#FAFAF9}.dark .os-modal__stat-label{color:#78716C}.oe-overlay{position:absolute;inset:0;z-index:100;user-select:auto}.oe-toolbar{position:absolute;top:0;left:0;right:0;gap:6px;padding:8px 46px 8px 12px;background:#111114;border-bottom:1px solid #333;z-index:110;flex-wrap:wrap}.oe-toolbar,.oe-toolbar__group{display:flex;align-items:center}.oe-toolbar__group{gap:4px}.oe-toolbar__divider{width:1px;height:22px;background:#333;margin:0 2px}.oe-toolbar__label{display:flex;gap:4px;color:#aaa;font-size:11px}.oe-btn,.oe-toolbar__label{align-items:center;font-weight:600}.oe-btn{display:inline-flex;gap:5px;padding:5px 10px;border:1px solid #444;border-radius:6px;background:#1e1e22;color:#bbb;font-size:12px;cursor:pointer;transition:all .15s;white-space:nowrap;line-height:1}.oe-btn:hover{background:#2a2a30;color:#fff;border-color:#666}.oe-btn svg{flex-shrink:0}.oe-btn--walk-active{background:#14532d;border-color:#22c55e;color:#4ade80}.oe-btn--erase-active{background:#450a0a;border-color:#ef4444;color:#f87171}.oe-btn--cp-active,.oe-btn--primary{background:#1e3a5f;border-color:#3b82f6;color:#60a5fa}.oe-btn--primary:hover{background:#1e40af;color:#93c5fd}.oe-btn--copied{background:#14532d!important;border-color:#22c55e!important;color:#4ade80!important}.oe-btn--danger{color:#f87171;border-color:#7f1d1d}.oe-btn--danger:hover{background:#450a0a;border-color:#ef4444}.oe-select{padding:3px 6px;border:1px solid #444;border-radius:4px;background:#1e1e22;color:#ddd;font-size:11px;font-weight:600;cursor:pointer}.oe-stat{color:#888;background:#1a1a1e;border:1px solid #333;border-radius:4px}.oe-coord,.oe-stat{font-size:11px;font-weight:600;padding:3px 8px}.oe-coord{color:#60a5fa;font-family:ui-monospace,monospace;background:rgba(59,130,246,.12);border:1px solid rgba(59,130,246,.3);border-radius:4px}.oe-grid{position:absolute;inset:0;cursor:crosshair}.oe-hover{border:2px solid;border-radius:1px;z-index:4;transition:left .05s,top .05s}.oe-cp,.oe-hover{position:absolute;pointer-events:none}.oe-cp{transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:2px;z-index:5}.oe-cp__marker{width:14px;height:14px;border-radius:50%;background:#3b82f6;border:2.5px solid #fff;box-shadow:0 0 0 3px rgba(59,130,246,.4),0 2px 8px rgba(0,0,0,.4);pointer-events:auto;cursor:pointer;z-index:2;position:relative;transition:transform .15s ease,box-shadow .15s ease}.oe-cp__marker--draggable{cursor:grab}.oe-cp__marker--draggable:active{cursor:grabbing}.oe-cp__ring{position:absolute;top:50%;left:50%;width:28px;height:28px;transform:translate(-50%,-50%);border-radius:50%;border:2px solid rgba(59,130,246,.3);animation:oe-ring-pulse 2s ease-in-out infinite;pointer-events:none}@keyframes oe-ring-pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.3);opacity:0}}.oe-cp__label{background:rgba(59,130,246,.9);white-space:nowrap;cursor:text;box-shadow:0 2px 6px rgba(0,0,0,.3)}.oe-cp__input,.oe-cp__label{font-size:10px;font-weight:700;color:#fff;padding:2px 8px;border-radius:4px 0 0 4px;pointer-events:auto}.oe-cp__input{width:90px;background:rgba(59,130,246,.95);border:1.5px solid #93c5fd;outline:none;text-align:center;box-shadow:0 0 0 3px rgba(59,130,246,.3)}.oe-cp__toolbar{align-items:stretch;border-radius:4px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.35)}.oe-cp__delete,.oe-cp__toolbar{display:flex;pointer-events:auto}.oe-cp__delete{align-items:center;justify-content:center;width:20px;background:rgba(239,68,68,.85);border:none;border-left:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;transition:background .15s;padding:0;border-radius:0 4px 4px 0}.oe-cp__delete:hover{background:rgba(220,38,38,1)}.oe-cp__type-row{display:flex;align-items:center;gap:3px;margin-top:2px;pointer-events:auto}.oe-cp__type-select{padding:1px 4px;border:1px solid #555;border-radius:3px;background:#1a1a1e;color:#ddd;font-size:9px;font-weight:600;cursor:pointer;outline:none}.oe-cp__type-select:focus{border-color:#60a5fa}.oe-cp__for-btn{padding:1px 6px;border:1px solid #555;border-radius:3px;background:#1a1a1e;color:#aaa;font-size:9px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .15s}.oe-cp__for-btn:hover{background:#2a2a30;color:#fff;border-color:#777}.oe-cp__for-btn--active{background:#1e3a5f;border-color:#3b82f6;color:#60a5fa}.oe-cp__for-panel{position:absolute;top:calc(100% + 4px);left:50%;transform:translateX(-50%);background:#1a1a1e;border:1px solid #444;border-radius:6px;padding:6px;min-width:160px;z-index:20;pointer-events:auto;box-shadow:0 4px 16px rgba(0,0,0,.5)}.oe-cp__for-header{justify-content:space-between;font-size:10px;color:#aaa;padding:2px 4px 4px;border-bottom:1px solid #333;margin-bottom:4px}.oe-cp__for-close,.oe-cp__for-header{display:flex;align-items:center;font-weight:700}.oe-cp__for-close{width:16px;height:16px;border:none;background:none;color:#888;font-size:11px;cursor:pointer;justify-content:center;border-radius:3px}.oe-cp__for-close:hover{background:#333;color:#fff}.oe-cp__for-item{display:flex;align-items:center;gap:6px;padding:3px 4px;border-radius:3px;cursor:pointer;font-size:10px;font-weight:600;color:#ccc;transition:background .1s}.oe-cp__for-item:hover{background:#2a2a30}.oe-cp__for-item input[type=checkbox]{width:12px;height:12px;cursor:pointer;accent-color:#3b82f6}.oe-cp__for-hint{font-size:9px;color:#666;padding:4px 4px 0;border-top:1px solid #333;margin-top:4px}.oe-help{position:absolute;bottom:0;left:0;right:0;padding:5px 12px;background:#111114;color:#999;font-size:11px;font-weight:500;text-align:center;border-top:1px solid #333;z-index:110}