.virtual-office-layout{width:100%;height:100%;display:flex}.office-sidebar{z-index:10;background:#0f172acc;border-right:1px solid #ffffff1a;flex-direction:column;flex-shrink:0;width:800px;padding:2rem;display:flex}.tool-grid{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.btn-tool{color:var(--text-light);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.5rem;padding:.75rem;font-family:inherit;transition:all .2s}.btn-tool:hover{border-color:var(--primary-color);background:#ffffff1a;transform:translateY(-2px)}.office-canvas-container{background-color:var(--background-dark);touch-action:none;flex-grow:1;position:relative;overflow:auto}.office-canvas{background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px),linear-gradient(#ffffff03 1px,#0000 1px),linear-gradient(90deg,#ffffff03 1px,#0000 1px);background-size:100px 100px,100px 100px,20px 20px,20px 20px;width:2000px;height:2000px;position:relative;box-shadow:inset 0 0 200px #00000080}.office-item{cursor:grab;-webkit-user-select:none;user-select:none;border:1px solid #fff3;border-radius:4px;justify-content:center;align-items:center;transition:box-shadow .2s,border-color .2s;display:flex;position:absolute;top:0;left:0;box-shadow:0 10px 15px -3px #00000080}.office-item.selected{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color),0 10px 15px -3px #00000080;z-index:5}.office-item.dragging{cursor:grabbing;opacity:.9;z-index:100;box-shadow:0 20px 25px -5px #0009}.item-label{filter:drop-shadow(0 2px 2px #00000080);font-size:1.5rem}.build-list-link{color:#cbd5e1;justify-content:space-between;text-decoration:none;transition:color .2s;display:flex}.build-list-link:hover{color:#38bdf8}.build-list-link .price-tag{color:#38bdf8;opacity:.8}