body.office-view{background:#f3f5f5}.office-view main{max-width:none;padding:21px 24px}.office-view header{height:64px}.office-heading{margin-bottom:18px}.office-heading h1{font-size:23px;letter-spacing:-.7px}.office-heading p{font-size:12px}.office-stage{height:clamp(620px,calc(100vh - 280px),900px);min-height:620px;position:relative;overflow:hidden;background:#e6e9e7;border-radius:16px;border:1px solid #dce3dd;isolation:isolate}.office-stage canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;touch-action:none}.office-stage.night{background:#1c2d3e}.office-stage.full{position:fixed;inset:12px;z-index:20;height:auto;border:0;box-shadow:0 0 0 20px #172e27c9}.office-hud{position:absolute;z-index:2;pointer-events:none}.office-hud button,.office-hud input,.office-hud select,.office-hud .scroll{pointer-events:auto}.hud-box{background:#ffffffeb;backdrop-filter:blur(14px);border:1px solid #ffffffc7;border-radius:12px;box-shadow:0 8px 30px #173b2e09}.hud-title{padding:14px 15px 10px;font-size:11px;font-weight:700;border-bottom:1px solid #e8ece5}.hud-title small{font-size:9px;color:#8d9b91;font-weight:400;float:right}.office-top{top:16px;left:16px;right:16px;display:flex;gap:10px;align-items:stretch}.office-brand{padding:13px 16px;min-width:205px}.office-brand strong{font-size:12px}.office-brand p{font-size:10px;margin-top:3px}.office-progress{flex:1;padding:13px 17px;max-width:390px}.office-progress .bar{margin:7px 0 0;height:4px}.hud-stat{padding:12px 15px;min-width:85px}.hud-stat span{display:block;color:#879187;font-size:9px;margin-bottom:4px}.hud-stat b{font-size:16px;font-weight:650;letter-spacing:-.6px}.office-tools{margin-left:auto;padding:5px;display:flex;align-items:center;gap:4px}.office-tools button{border-radius:8px;padding:10px;font-size:12px}.office-tools button:hover{background:#edf2eb}.office-left{left:16px;top:94px;width:205px;bottom:86px;display:flex;flex-direction:column}.office-left .scroll{overflow:auto;padding:0 13px}.office-event{display:flex;gap:8px;padding:13px 0;border-bottom:1px solid #e9ede8;text-align:left;width:100%;line-height:1.6}.office-event .eventico{width:23px;height:23px;flex-shrink:0;border-radius:50%;background:#e8efe8;display:grid;place-items:center;font-size:10px;color:#3d8169}.office-event span{font-size:10px}.office-event small{display:block;font-size:8px;color:#939d93;margin-bottom:3px}.office-event:hover{background:#f3f7f1}.hud-bottomnote{padding:12px;font-size:9px;color:#779077;line-height:1.5;margin-top:auto}.office-right{right:16px;top:94px;width:215px;max-height:calc(100% - 170px)}.office-tabs{padding:5px;display:flex;gap:2px;border-bottom:1px solid #e8ece5}.office-tabs button{padding:8px 5px;flex:1;font-size:10px;border-radius:6px;color:#869184}.office-tabs button.selected{background:#eaf1e9;color:#347658;font-weight:650}.workflow-step{position:relative;padding:12px 12px 12px 32px;border-bottom:1px solid #edf0ea;font-size:10px}.workflow-step:before{content:'';position:absolute;top:16px;left:14px;width:7px;height:7px;border:1px solid #b4c9b6;border-radius:50%;background:#ecf4eb}.workflow-step.done:before{background:#64a180;border-color:#64a180}.workflow-step small{display:block;font-size:9px;color:#95a092;margin-top:5px}.workflow-step .count{float:right;color:#53876a}.hud-review{padding:12px}.hud-review strong{display:block;font-size:11px}.hud-review p{font-size:10px}.hud-review button{width:100%;font-size:10px;margin-top:10px;padding:9px}.camera-nav{bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:5px;padding:5px;white-space:nowrap}.camera-nav button{padding:9px 12px;font-size:10px;border-radius:7px}.camera-nav button.active{background:#2b725d;color:white}.office-hint{left:18px;bottom:21px;font-size:9px;color:#6d806e}.office-hint p{font-size:9px}.zoom-nav{right:18px;bottom:17px;display:flex;padding:4px;gap:2px}.zoom-nav button{width:31px;height:31px;font-size:16px;border-radius:7px}.zoom-nav button:hover{background:#e5eee4}.name-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}.staff-label{position:absolute;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;pointer-events:auto;white-space:nowrap;transition:opacity .2s;padding:0}.staff-label .nametag{font-size:9px;font-weight:650;padding:5px 9px;border-radius:6px;color:white;box-shadow:0 3px 12px #22382c15;display:flex;align-items:center;gap:5px}.staff-label .nametag:before{content:'';display:block;width:4px;height:4px;border-radius:50%;background:#fff9}.staff-label .speech{font-size:9px;line-height:1.5;max-width:160px;white-space:normal;border-radius:8px;background:#fffffff0;color:#516255;padding:8px 11px;box-shadow:0 3px 12px #22382c0a;margin-bottom:7px;display:none}.staff-label.chosen .speech{display:block}.staff-label.chosen .nametag{outline:2px solid #fff;outline-offset:2px}.office-dock{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:12px;margin-top:14px}.dock-card{display:flex;gap:10px;text-align:left;padding:13px 15px;align-items:center;background:white;border:1px solid #e2e7df;border-radius:11px;min-width:0;transition:border-color .2s,transform .2s}.dock-card:hover{border-color:#80a58b;transform:translateY(-2px)}.dock-avatar{width:37px;height:39px;border-radius:10px;background:#e4eee1;display:grid;place-items:center;font-size:25px;flex-shrink:0}.dock-name{font-weight:650;font-size:11px}.dock-role{font-size:9px;color:#939d91;margin-left:5px}.dock-task{font-size:10px;color:#6f7f6e;margin-top:5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:200px}.dock-status{font-size:8px;padding:4px 6px;border-radius:5px;color:#478268;background:#edf5eb;margin-left:auto;white-space:nowrap}.dock-add{width:62px;display:grid;place-items:center;color:#4b8066;font-size:24px}.selected-info{position:absolute;z-index:4;left:50%;top:95px;transform:translateX(-50%);width:260px;background:#ffffffef;border-radius:10px;padding:13px;box-shadow:0 7px 30px #173b2e15;display:none}.selected-info.show{display:block}.selected-info h2{font-size:13px}.selected-info p{font-size:10px}.selected-info .row{margin-top:10px}.selected-info .btn{font-size:10px;padding:8px 10px}.office-loading{position:absolute;inset:0;display:grid;place-content:center;text-align:center;background:#e7ede6;z-index:5;font-size:12px;color:#688269}.office-loading b{font-size:27px;margin-bottom:10px}.office-stage button:focus-visible{outline:2px solid #265d45;outline-offset:3px}.office-small-menu{display:none}.modal{box-shadow:0 30px 120px #163a2d33}.scene-error{padding:28px;max-width:400px;margin:auto;text-align:center}.stage-caption{display:flex;justify-content:space-between;margin-top:12px;color:#8b968a;font-size:10px}.office-right .scroll{max-height:355px;overflow:auto}.office-onboard{margin-top:15px;background:#e9f0e7;padding:15px;border-radius:10px;font-size:12px;color:#4d7255}.office-onboard button{float:right;color:#2d6d4d;font-weight:600}.office-stage.night .office-hint{color:#e1eadd}
@media(min-width:1700px){.office-left{width:230px}.office-right{width:240px}.office-brand{min-width:230px}.office-stage{min-height:720px}}@media(max-width:1200px){.office-left{width:170px}.office-right{width:180px}.office-brand{min-width:170px}.hud-stat{padding:12px 10px;min-width:65px}.office-progress{max-width:260px}.office-dock{gap:7px}.dock-role{display:block;margin-left:0}.dock-status{display:none}.dock-card{padding:11px}.office-hint{display:none}.hud-stat.asset-stat{display:none}}@media(max-width:900px){.office-left{display:none}.office-right{width:175px}.office-progress{display:none}.office-stage{min-height:580px}.office-brand{min-width:160px}.office-dock{grid-template-columns:repeat(3,1fr)}.dock-add{display:none}.office-view main{padding:17px 14px}.dock-task{max-width:130px}.office-heading .btn{font-size:10px}.selected-info{left:16px;transform:none;width:210px}}@media(max-width:600px){.office-stage{height:610px;min-height:610px}.office-top{left:10px;right:10px;top:10px;gap:6px}.office-brand{padding:10px;min-width:0;flex:1}.office-brand strong{font-size:11px}.hud-stat{display:none}.office-tools{padding:4px}.office-tools button{padding:8px}.office-right{right:10px;top:81px;width:150px;max-height:210px}.office-right .scroll{max-height:135px}.office-right .hud-review{display:none}.workflow-step{padding:9px 10px 9px 25px;font-size:9px}.workflow-step:before{left:11px;top:12px}.workflow-step small{font-size:8px}.office-tabs button{font-size:9px;padding:7px 4px}.camera-nav{bottom:59px;max-width:95%;gap:2px}.camera-nav button{font-size:9px;padding:8px}.zoom-nav{right:10px;bottom:12px}.office-small-menu{display:block;left:10px;bottom:17px}.office-small-menu button{font-size:10px;padding:8px}.office-dock{gap:6px}.dock-card{padding:9px 7px;display:block}.dock-avatar{width:30px;height:31px;font-size:22px;margin-bottom:6px}.dock-name{font-size:10px}.dock-role{font-size:8px}.dock-task{font-size:9px;max-width:90px}.stage-caption{font-size:8px}.selected-info{left:10px;top:81px;width:160px}.selected-info .row{flex-wrap:wrap}.selected-info .btn{font-size:9px}.office-heading{display:block}.office-heading .row{margin-top:12px}.office-onboard{font-size:10px;line-height:1.6}.office-onboard button{float:none;display:block;margin-top:5px}.office-stage.full{inset:5px}}